学无止境

前端工程化1. 小白眼中的前端开发 vs 实际的前端开发小白眼中的前端开发：⚫ 会写 HTML + CSS + JavaScript 就会前端开发⚫ 需要美化页面样式，就拽一个bootstrap 过来⚫ 需要操作 DOM 或发起 Ajax 请求，再拽一个 jQuery 过来⚫ 需要快速实现网页布局效果，就拽一个 Layui 过来实际的前端开发：⚫ 模块化（js 的模块化、css 的模块化、资源的模块化）⚫ 组件化（复用现有的 UI 结构、样式、行为）⚫ 规范化（目录结构的划分、编码规范化

ES6 模块化1. 回顾：node.js 中如何实现模块化node.js 遵循了 CommonJS 的模块化规范。其中：⚫ 导入其它模块使用 require() 方法⚫ 模块对外共享成员使用module.exports 对象模块化的好处：大家都遵守同样的模块化规范写代码，降低了沟通的成本，极大方便了各个模块之间的相互调用，利人利己。2. 前端模块化规范的分类在 ES6 模块化规范诞生之前，JavaScript 社区已经尝试并提出了 AMD、CMD、CommonJS 等模块化规范。但是，这些

vue 简介1. 什么是 vue官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。2. vue 的特性vue 框架的特性，主要体现在如下两方面：① 数据驱动视图② 双向数据绑定2.1 数据驱动视图在使用了 vue 的页面中，vue 会监听数据的变化，从而自动重新渲染页面的结构。示意图如下：好处：当页面数据发生变化时，页面会自动重新渲染！注意：数据驱动视图是单向的数据绑定。2.2 双向数据绑定在填写表单时，双向数据绑定可以辅助开发者

组件的生命周期1. 生命周期生命周期（Life Cycle）是指一个组件从创建-> 运行 -> 销毁的整个阶段，强调的是一个时间段。2. 生命周期函数生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。注意：生命周期强调的是时间段，生命周期函数强调的是时间点。3. 组件生命周期函数的分类4. 生命周期图示可以参考 vue 官方文档给出的“生命周期图示”，进一步理解组件生命周期执行的过程：https://cn.vuejs.org/v2/guid

动态组件1. 什么是动态组件动态组件指的是动态切换组件的显示与隐藏。2. 如何实现动态组件渲染vue 提供了一个内置的 <component> 组件，专门用来实现动态组件的渲染。示例代码如下：3. 使用 keep-alive 保持状态默认情况下，切换动态组件时无法保持组件的状态。此时可以使用vue 内置的 组件保持动态组件的状态。示例代码如下：4. keep-alive 对应的生命周期函数当组件被缓存时，会自动触发组件的 deactivated 生命周期函数。当组件被激活时，

前端路由的概念与原理1. 什么是路由路由（英文：router）就是对应关系。2. SPA 与前端路由SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这唯一的一个页面内完成。此时，不同组件之间的切换需要通过前端路由来实现。结论：在 SPA 项目中，不同功能之间的切换，要依赖于前端路由来完成！3. 什么是前端路由通俗易懂的概念：Hash 地址与组件之间的对应关系。4. 前端路由的工作方式① 用户点击了页面上的路由链接② 导致了 URL 地址栏中的 H