谈谈我对前端技术发展的了解和对未来发展的展望
一、前端发展阶段 1. 静态页面阶段 互联网发展的早期，网站的前后端开发是一体的，即前端代码是后端代码的一部分。 后端收到浏览器的请求 生成静态页面 发送到浏览器 那时的前端页面都是静态的，所有前端代码和前端数据都是后端生成的。前端只是纯粹的展示功能，脚本的作用只是增加一些特殊效果，比如那时很流行用脚本...
细说Javascript中的ESM及其与CommonJS区别
esm是什么 esm 是将 javascript 程序拆分成多个单独模块，并能按需导入的标准。和webpack，babel不同的是，esm 是 javascript 的标准功能，在浏览器端和 nodejs 中都已得到实现。使用 esm 的好处是浏览器可以最优化加载模块，比使用库更有效率 esm 标准通过import, export语法实现模块变量的导入和导出 esm 模块的特点 ...
Vue重点知识总结—vue-router
1.vue-router导航守卫（生命周期钩子） 导航守卫主要⽤来对路由的跳转进⾏监控，控制它的跳转或取消，路由守卫有全局的, 单个路由独享的, 或者组件级的。 导航钩⼦有3个参数 to：即将要进⼊的⽬标路由对象； from：当前导航即将要离开的路由对象； next：调⽤该⽅法后，才能进⼊下⼀个钩⼦函数（afterEach）。 具体有...
js事件循环机制总结
js是一门单线程语言，但却能优雅地处理异步程序，在于js的事件循环机制。 浏览器是多进程的，浏览器每一个 tab 标签都代表一个独立的进程，其中浏览器渲染进程（浏览器内核）属于浏览器多进程中的一种，主要负责页面渲染，脚本执行，事件处理等 其包含的线程有：GUI 渲染线程（负责渲染页面，解析 HTML，CSS 、构造 DOM ...
js知识总结—基础进阶篇
1.eval(jsstr)和new Function(jsstr) eval和new Function都可以动态解析和执行字符串。会将字符串转义为js代码。区别如下： 1.对解析内容的运行环境判定不同：eval中的代码执行时的作用域为当前作用域，它可以访问到函数中的局部变量，也可以访问全局变量。new Function中的代码执行时的作用域为全局作用域，不论它的在...
js知识总结—基础知识篇
1.js判断变量类型 typeof可以判断一般类型。但无法准确识别对象。所有对象或类对象类型（null）都为”object”，比如数组typeof [] == "object"。JS数据类型在底层都是以二进制的形式表示的，二进制的前三位为 0 会被 typeof 判断为对象类型，而 null 的二进制位恰好都是 0 ，因此，null 被误判断为 Object ...
Vue重点知识总结—理论篇(二)
作为前端开发中现行最火的框架之一，基于此，总结了一些 Vue 方面经常出现的问题，留给自己查看消化，也分享给有需要的小伙伴。 由于篇幅较长，不能将所有知识点放到一篇文章内。这是Vue重点知识梳理理论篇的第二篇。前端茫茫，学无止境。 1.模板引擎原理（指令和插槽表达式如何生效） 使用with改变作用域，渲染数据。并...
js知识总结—ES6篇(一)
1.列举ES6的一些新特性 默认参数 模板字符串 解构赋值 增强的对象字面量 箭头函数 Promises 异步 generator和async/await 块作用域 和let和const Class 类 Modules 模块 2.let ,const,var及其区别 JS代码在执行前会进行预解析。预解析会进行变量提升。 var 声明的变量会发生提升（提升到当前作用域顶部）。虽然变量还...
js知识总结—理论知识篇(二)
1.js事件循环机制 js是一门单线程语言，但却能优雅地处理异步程序，在于js的事件循环机制。 浏览器是多进程的，浏览器每一个 tab 标签都代表一个独立的进程，其中浏览器渲染进程（浏览器内核）属于浏览器多进程中的一种，主要负责页面渲染，脚本执行，事件处理等 其包含的线程有：GUI 渲染线程（负责渲染页面，解析 HTML...
js知识总结—常用功能代码实现
这里是一些常用的功能、工具类代码写法，长期完善。 1.防抖 触发高频事件后n秒内函数只会执行一次(执行最后一次)，如果n秒内高频事件再次被触发，则重新计算时间。 将多次操作合并为一次操作进行。原理是维护一个计时器，规定在delay时间后触发函数，但是在delay时间内再次触发的话，就会取消之前的计时器而重新设置。这...