wdBly周维

我们都知道前端性能很重要，并尝试从各个方面优化它，但你是否真的知道你网站的性能瓶颈在哪呢？是你的代码执行效率低下，还是javascript文件过大，是频繁的Dom操作，还是缓慢的渲染速度？最重要的是你应该知道从哪些方面提升网站的性能瓶颈，并长期观察对比各个方案的效果。 代码优化…

数据监听：React是在setState后比较数据引用的方式监听，Vue通过Es5的数据劫持方法defineProperty监听数据变化。 模板渲染：React是在js中通过原生的语法如if， map等方法动态渲染模板，Vue是通过指令来动态渲染模板。 这是因为vue的dom更…

js在进行这几种运算时，会将参与运算的双方都转化为Number类型，然后进行运算，不同类型的值转换为Number类型的结果如何呢？ 我们往下看。 如果Number函数的参数为对象类型，valueOf和toString两个方法转换的规则为：首先调用对象valueOf方法，若该方法…

简单来说，HTTP/2，是HTTP协议的第二个主要版本。HTTP/2是HTTP协议自1999年HTTP1.1发布后的首个更新，主要基于google的SPDY协议。 HTTP/2的特点是：在不改动HTTP语义、方法、状态码、URI及首部字段的情况下，大幅度提高了web性能。 HT…

limit属性是在文件大小超出limit的值才会单独打包，否则使用base64 的方式引用通常适用于小图片，这就是我们通常的文件处理方式。 当然从我们实际项目的测试效果来看，我只能说这种处理方式并不算是很优秀，仅供参考。 而source map是为了帮助我们定位程序出现的错误对…

通常我们的项目会有开发环境和生产环境，而开发环境我们配置的目标是构建更快，模块热替换，能从chrome控制台报错信息对应的源码的错误处(source map)等。生产环境我们更加关注chunk分离，缓存，安全，tree shaking等优化点。 当然对于开发和生产环境的配置文件…

，服务器阿里云 Ubuntu 16.04，web服务器nginx。 面临的问题。1：单页应用首屏加载过慢；2：无法被搜索引擎抓取；3：首屏白屏时间过长（重要）； 解决一：首屏加载过慢。 经过分析，页面首屏慢主要是首次需要加载的js文件过大。 1：对webpack打包过程进行优化…