- 博客(6)
- 收藏
- 关注
RSS订阅
1原创 手把手教你 eslint + vscode + husky 前端代码规范
手把手教你 eslint + vscode + husky 前端代码规范
2022-08-03 20:21:57
523
原创 JS作用域及闭包
1.什么是作用域 作用域指程序中定义变量的区域，决定了当前执行代码对变量的访问权限，内层作用域可以访问外层作用域，外层作用域不可访问内层作用域，作用域又分为全局作用域和函数作用域。 全局作用域：全局作用域为程序最外层作用域，一直存在。 函数作用域：函数作用域在函数被定义时创建，当遇到return或}销毁，包含在父级函数作用域/全局作用域中。 2.作用域链 当可执行代码访问变量时，会先查找本地作用域，如果找到目标变量就会返回，否则就会往父级作用域查找，直到全局作用域。 3.词法作用域（静态作用域） 函数在
2022-02-09 11:56:11
660
原创 Webpack proxy工作原理
一、proxy是什么？ proxy是Webpack提供的代理服务，用来解决本地开发时的跨域问题（浏览器安全策略限制），实现的基本方式就是接收客户端的请求后转发到目标服务器。 二、实现原理 在开发阶段中，webpack-dev-server会启动一个本地开发的服务器，即跨域所使用的代理服务器，通过利用http-proxy-middleware代理中间件，代理服务器会响应本地请求，继而转发到目标服务器，目标服务器响应数据后再将数据返回给代理服务器，代理服务器再将数据返回给本地。 在此阶段中不涉及任.
2022-02-08 13:36:14
2249
原创 Vue原理解析之diff算法
Vue原理解析之diff算法 一、简述 以装修房子为例，如果我们仅需要在客厅新添一座沙发或者将卧室的床换个位置。那么将整个房子重新翻修显然是不切实际的，我们通常的做法是在原先装修的基础上做微小的改动即可。 对于 DOM 树来讲，也是同样的道理，如果仅仅是新增了一个标签或者修改了某一个标签的属性或内容。那么引起整个 DOM 树的重新渲染显然是对性能和资源的极大浪费，虽然我们的计算机每秒能进行上亿次的计算。实际上，我们只需要找出新旧 DOM 树存在差异的地方，只针对这一块区域进行重新渲染就可以了。
2022-01-13 20:02:19
552
原创 Vue原理解析之响应式原理
Vue响应式原理 一、简述 响应式原理即数据变化的同时改变界面，Vue2.x通过Object.defineProperty()的getter和setter函数结合观察者模式实现，Vue3.x通过ES6的proxy代理劫持对象实现。 二、Object.defineProperty(obj, key, {}) Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。其中get()方法为获取属性值，set()方法为设置属性值。 // vue通
2022-01-11 11:44:55
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人