09 2022 档案
摘要：响应式原理api的改变 Vue2响应式原理采用的是defineProperty，而vue3选用的是proxy。这两者前者是修改对象属性的权限标签，后者是代理整个对象。性能上proxy会更加优秀。 diff算法，渲染算法的改变 Vue3优化diff算法。不再像vue2那样比对所有dom，而采用了blo
阅读全文
摘要：Vue 的核心之一就是响应式系统，通过侦测数据的变化，来驱动更新视图。 实现可响应对象的方式 通过可响应对象，实现对数据的侦测，从而告知外界数据变化。实现可响应对象的方式： getter 和 setter defineProperty Proxy 关于前两个 API 的使用方式不多赘述，单一的访问器
阅读全文
摘要：一、核心原理 1.什么是前端路由？ 在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。 2.如何实现前端路由？ 要实现前端路由，需要解决两个核心：
阅读全文
摘要：起初 Vue3.0 暴露变量必须 return 出来，template 中才能使用； Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 setup() 函数中，无需 return，template 可直接使用。 本文章以Vue2的角度学习
阅读全文
摘要：手写 bind、apply、call // call Function.prototype.call = function (context, ...args) { context = context || window; const fnSymbol = Symbol("fn"); context
阅读全文
摘要：CDN的使用场景 **使用第三方的CDN服务：**如果想要开源一些项目，可以使用第三方的CDN服务 **使用CDN进行静态资源的缓存：**将自己网站的静态资源放在CDN上，比如js、css、图片等。可以将整个项目放在CDN上，完成一键部署。 **直播传送：**直播本质上是使用流媒体进行传送，CDN也
阅读全文
摘要：判断数组的方式有哪些 通过Object.prototype.toString.call()做判断 Object.prototype.toString.call(obj).slice(8,-1) 'Array'; 通过原型链做判断 obj.__proto__ Array.prototype; 通过ES
阅读全文
摘要：iframe 有那些优点和缺点？ iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 优点： 用来加载速度较慢的内容（如广告） 可以使脚本可以并行下载 可以实现跨子域通信 缺点： iframe 会阻塞主页面的 onload 事件 无法被一些搜索引擎索识别 会产生很多页面，不容易管理
阅读全文
摘要：OSI七层模型 ISO为了更好的使网络应用更为普及，推出了OSI参考模型。 （1）应用层 OSI参考模型中最靠近用户的一层，是为计算机用户提供应用接口，也为用户直接提供各种网络服务。我们常见应用层的网络服务协议有：HTTP，HTTPS，FTP，POP3、SMTP等。 在客户端与服务器中经常会有数据的
阅读全文
