css 语法本身不提供编程语言很多特性，一般满足项目要求得使用预处理语言，掌握在项目中实际常用的。1.1. 变量，嵌套，mixin 主要是解决复用和模块化问题，需要有意识去维护 css 模块的拓展性1.2. less-loader，css-loader，style-loader 在现代脚手架都是自动支持，要了解各loader的作用1.3. postcss 它负责把 CSS 代码...

静态资源可以先提到一般前端服务部署的场景，如何避免缓存导致的非同步更新html文件部署到服务器静态资源在 cdn 服务器，覆盖式部署，通常会根据不同的hash方案来覆盖前面的版本这样页面更新或者资源更新都不会导致空档期静态资源：一般指除了html之外的包括js, css, 图片等，多数工程项目流程是借助webpack打包，再通过...

方向 一定级别的项目肯定是需要接入监控和告警的，定位问题和优化方向都是从这里来的 打包构建 具体问题 构建 首屏优化 参考指标看这里一些介绍[链接] 首字节时间 请求发出到DNS服务器返回，反映网络状况 DOM Ready时间 DOM 达到稳定状态的时间 页面完全加载时间 分析思路 统计的DOM Ready时间就是获取的window.performa...

浏览器 先看两个例子，了解了输出结果在浏览器的事件循环基本清楚了 {代码...} 输出结果 1，7，6，8，2，4，3，5，9，11，10，12 第二个例子 {代码...} 输出结果： Promise1，setTimeout1，Promise2，setTimeout2 几个概念 执行栈 同步代码执行，包括执行上下文，作用域链，this micro task promise的回调，process.next...

分类 主要介绍以下几种模块化方案 ES6 CommonJS AMD ES6 介绍：ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案。 特点： 尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量， ES6 模块不是对象，而是通过...

前言： 本文围绕virtual-dom展开，vue/react借助Virtual DOM 带来了 分层设计 不管是.vue文件还是jsx文件都借助virtual-dom来描述实际的dom结构，二者都有一个render实现的过程 什么是渲染器，如何实现 多端渲染带来的可能性 渲染器示意图 1:模拟实现渲染器 所谓渲染器，简单的说就是将 Virtual DOM 渲染成特定平台下真...

组件包括根组件和子组件，每个 Vue 实例，都是用new Vue(options)创建而来的，只是应用的根组件实例是用户显式创建的，而根组件实例里的子组件是在渲染过程中隐式创建的。

响应式系统式vue框架的核心内容之一，涉及到的知识点和源码部分比较多，这里目的是对主流程做一个梳理。建立起有关响应式的知识体系，细节的地方应该需要不断重复体会！