思考的Joey

如果我们在 touchstart 事件调用 preventDefault 会怎样呢？这时页面会禁止，不会滚动或缩放。那么问题来了：浏览器无法预先知道一个监听器会不会调用 preventDefault()，它需要等监听器执行完后，再去执行默认行为，而监听器执行是要耗时的，这样就会…

1. 去掉input 在iOS中的默认圆角和内阴影 2. 焦点在 input 时，placeholder 没有隐藏 3. input 输入框调出数字键盘 4. 搜索时，键盘的回车按钮文字设定为“搜索” 解决： input 使用 type="search"，放在 form 表单内…

随着我们业务中越来越多的使用H5页面，一些细小的异常或者特定机型的兼容性异常都可能影响大量的用户群体。指望测试做全面覆盖的测试也是不现实的，B端的问题可能还有用内部人员报上来，但是C端的异常轻则引起用户使用不悦，重则导致产品无法使用。 这就需要我们有异常的监控体系，将用户使用时…

代码的主体其实是一个立即执行函数（IIFE：：Immediately-Invoked Function Expression）。 立即执行函数有一个形参modules，对应的实参是一个数组，数组的每一项是一个函数，每一个函数就是一个模块。把所有的模块封装成一个函数传给了立即执行…

现在的H5项目大多是单页应用，项目可能有多个页面，而我们在打包时一般会打包在一个bundle中，这就可能导致bundle过大，而且用户也并不是使用所有的页面。最好的方式是在用户使用某个页面时，在把这个页面的bundle.js加载执行。 懒加载或者按需加载即可解决这个问题，这种方…

webpack 在打包时把各个模块打包为一个闭包，会有很多多余的代码，这些打包函数使你的 JavaScript 在浏览器中处理的更慢。Scope Hoisting 又译作 "作用域提升"，它可以让 Webpack 打包出来的代码文件更小、运行的更快。 让我们先来看看在没有 Sc…

tree shaking 翻译过来的意思是摇掉树上的黄叶。 tree shaking 用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块语法的 静态结构 特性，例如 import 和 export。 在index.js中…

如何在基于 webpack 的构建中提取公共代码，本文讲解了SplitChunksPlugin 和 DllPlugin 两种提取方法。

JavaScript脚本正变得越来越复杂，大部分代码都经过了转换、压缩、混淆、多文件合并等过程后才投入到生产环境使用，即使是在开发环境也会进过转换、文件合并、编译后才能运行。导致代码难已debug。 通常代码报错时，解析器会告诉你代码的第几行第几列出错。但是这种转换后的代码毫无…