... 从下图可以看到,打包出来后最大的包有1.33M。然后再看下请求,哇,217个请求、首页下载需要3.2M。 ... 1. 优化scss配置文件的引入 我们在搭建项目的过程中经常性的会将一些scss配置文件抽离出来，例如主题色等，然后在每个需要的组件中引入。这样会显得很繁琐…

得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ，Vue 在渲染组件的过程中能自动追踪数据的依赖，并精确知晓数据更新的时候哪个组件需要重新渲染，渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上，Vue 应用的开发者一般不需要做额外的优化工作。 但在…

4.ViewModel监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。 3.beforeMount（载入前） 在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以下的配置：编译模板，把…

本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 V…

前言： 作为一个现代javascript 应用程序的静态模块打包器，webpack能将各种资源，如js，css， 图片等作为模块来处理，是当下前端工程化的一个很受欢迎的工具，webpack目前最新的版本是4.0，文章将在4.0 的基础上，从使用者的角度，一步步教你认识并搭建一个…

Vue 2.0 在发布之初，就以其优秀的运行时性能著称，你可以通过这个第三方 benchmark 来对比其他框架的性能。Vue 使用了 Virtual DOM 来进行视图渲染，当数据变化时，Vue 会对比前后两棵组件树，只将必要的更新同步到视图上。 Vue 帮我们做了很多，但对…

AST 是非常有用的。 今天下午听了小组一个老哥做的AST分享，深以为然。 为了加深印象，就写了篇总结，顺便分享给大家，希望能给朋友们一些启发。 AST有用，口说无凭， 且看几个具体的案例。 这些无不借助了AST。 下面我们就进入今天的内容。 1. AST 基本概念 在计算机科…

cookie 和 session 都是普遍用来跟踪浏览用户身份的会话方式。 cookie 数据存放在客户端，session 数据放在服务器端。 cookie 本身并不安全，考虑到安全应当使用 session。 session 会在一定时间内保存在服务器上。如果访问量比较大，会比…

之前刷知乎的时候，看到这么一个问题：“如何衡量一个人的 JavaScript 水平？”然后自己也不要脸地回答了一下这个问题。以下是我的答案： A：看一个人写代码是否有规范，代码是否壮健，是否可拓展，可读性高不高，API设计是否合理。 这些都是长年累月积累下来的且独立于编程语言以…