1. 将样式表放在首部-使用link标签将样式表放在文档的HEAD中 遵循HTML规范，将样式表放在头部，可以有效避免白屏和无样式内容的闪烁。 2. 将脚本放在底部 将脚本放在底部</body>标签之前, 类似于document.body.appendChild(yourScr…

提炼函数作为代码重构中常见的方式之一，是应该最被重视的。但我们程序中某些片段可以被独立出来，那么就建议将这部分独立为一个函数，通过命名以及解耦的方式这端代码发挥更大的价值。最被提倡的函数是纯函数。 如果一个代码段有大量的重复代码，尤其常见的是分支语句中有重复代码，有必要进行合并…

Vue系列教程，是前面通用渡劫篇的后续教程，从实战项目中的总结，融合的实战过程中的设计思想和经验总结。古语有云：工欲善其事必先利其器 ,因此，本教程的初篇为学习者先铺垫好开发工具，后续再继续完善业务和经验的输出。 上一年写了 Vue.js渡劫系列, 读者如果有兴趣也可以先进行通…

比如 v-for="user in users" v-if="user.isActive"。在这种情形下，请将 users替换为一个计算属性 (比如activeUsers)，让其返回过滤后的列表 比如 v-for="user in users" v-if="shouldShow…

这是一段标准的for循环代码，通过变量i去追踪数组arr的索引，达到访问数组中每一位元素的目的。 需要花费精力去处理越界问题，一些编译型语言在遇到数组索引越界时会报错，而JavaScript引擎将不会告诉你任何错误信息，错误定位成本会比较高。 一切看起来都是那样的完美，即不需要…

每一个开发者在开发项目中，不可避免要和图片打交道，优化图片似乎也成了一个必修课。图片优化也不仅仅是性能上的优化，还要进行体验上的优化。至于怎么优化图片，没有固定的方式，只能具体场景，具体分析，选择合适的方案。不多说，下面也简单介绍下自己处理过，了解过的一些方式。如果大家有补充，…

由DOM或者布局的变动而触发。 如你改变了一个div的位置，或者是改变了这个div的width, height, position 或者布局类的样式。 通过一次完整的web请求和渲染过程以及如何优化网页，我们可以知道页面渲染的时候，会忽略掉display: none这一类的不占…

前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。 想让网页变得丝滑，首先，我们需要一个标准来判断什么样的网页是丝滑的；其次，我们要准确的测量出网页的性能数据；最后，使用有效的方法让网页变得丝滑。 本篇文章将针对这三个方面进行详细的介…

经过一段时间对VueJs官方文档以及网上其他相关vue资源的研究，我整理了一份最佳实践和样式指南列表，方便大家写出更正确、更容易让小伙伴接受的vue代码。 以下有几点是一些功能/优化相关，其他是VueJs命名约定和元素排序相关。更多详细信息可以直接到最下方的总结中查看。