yyds2026

摘要： 键盘事件 在 js 中我们通常通过绑定一个事件，去获取按键的编码，再通过 event 中的 keyCode 属性去获得编码 如果我们需要实现固定的键才能触发事件时就需要不断的判断，其实很麻烦 let button = document.querySelector('button') button.o 阅读全文

摘要： 背景 在 Vue 的初始化阶段，_init 方法执行的时候，会执行 initState(vm) ，它的定义在 src/core/instance/state.js 中。在初始化 data 和 props option 时我们注意 initProps 和 initData 方法中都调用了 observ 阅读全文

摘要： 响应式原理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 事件 无法被一些搜索引擎索识别 会产生很多页面，不容易管理 阅读全文