weixin_44231864的博客

原创 前端开发必会面试题

前端开发必会面试题和多种实战技巧一、常见面试题1、call()和apply()的区别实际上，apply和call的功能是一样的，只是传入的参数列表形式不同。apply传的是数组；2、 什么是事件代理/事件委托？事件代理/事件委托是利用事件冒泡的特性，将本应该绑定在多个元素上的事件绑定在他们的祖先元素上，尤其在动态添加子元素的时候，可以非常方便的提高程序性能，减小内存空间。3、什么是事件冒泡？什么是事件捕获？冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序

原创 前端面试问题大全（导图版转载笔记）

原创 V-on说明

v-on为元素绑定事件methods和el等平级on做到在页面上修改数据，this方法用于追加指令可以简写为@绑定的方法定义在methods里事件绑定的方法写成函数调用的形式@定义事件方法时需要定义形参来接收（p1,p2）.prevent取消默认行为.stop阻止事件冒泡.capture 捕获事件（可以从外到里）.self只有点击自身才会触发的事件（只会阻止自己这层的冒泡）.once只能触发一次事件的后面更上.修饰符对事件进行限制（keyup.enter当回车抬起时触发）

原创 Node（后端）中的MVC与前端中MVVM之间的区别与反馈验证

后端MVC：MVVM（即框外View）:VM是MVVM思想的核心；VM是M和V之间的调度者M中保存的是页面中单独的页面VM是调度者，分割了M和VV就是每个页面中的HTML结构el挂载点Vue 反馈验证码机制：后台随机生成【后端认为前端会被伪造】后端调用相关绘图第三方库，或（PHP,.NET,JAVA）系统核心绘图类库进行图片绘制绘制的随机数字字母，都是后端预先定义将绘制好的图片URl地址通过网络发送给客户端，客户端用img标签引用验证码地址后端绘制完验证码后，生成的字母不能抛弃

原创 Vue性能优化（笔记版）

使用key对于通过循环生成的列表，应给每个列表项一个稳定且唯一的key，这有利于在列表变动时，尽量少的删除、新增、改动元素使用冻结的对象冻结的对象不会被响应化使用函数式组件参见函数式组件使用计算属性如果模板中某个数据会使用多次，并且该数据是通过计算得到的，使用计算属性以缓存它们非实时绑定的表单项当使用v-model绑定一个表单项时，当用户改变表单项的状态时，也会随之改变数据，从而导致vue发生重渲染（rerender），这会带来一些性能的开销。特别是当用户改变表单项时，页面有一些动画正在

原创 Vue的diff算法（双指针）

面试题：请阐述vue的diff算法参考回答：当组件创建和更新时，vue均会执行内部的update函数，该函数使用render函数生成的虚拟dom树，将新旧两树进行对比，找到差异点，最终更新到真实dom对比差异的过程叫diff，vue在内部通过一个叫patch的函数完成该过程在对比时，vue采用深度优先、同层比较的方式进行比对。在判断两个节点是否相同时，vue是通过虚拟节点的key和tag来进行判断的具体来说，首先对根节点进行对比，如果相同则将旧节点关联的真实dom的挂到新节点上，然后根据需要更.

原创 Vue虚拟DOM原理及面试题（笔记）

Vue虚拟DOM原理及面试题（笔记）面试题：请你阐述一下对vue虚拟dom的理解什么是虚拟dom？虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对应一棵虚拟DOM树为什么需要虚拟dom？在vue中，渲染视图会调用render函数，这种渲染不仅发生在组件创建时，同时发生在视图依赖的数据更新时。如果在渲染时，直接使用真实DOM，由于真实DOM的创建、更新、插入

原创 Promise的原理及其面试题（笔记）

Promise的原理及其面试题（笔记）异步处理的演化JS实现异步的代码模型主要依托于回调dom.addEventListener("click", function(e){ // 回调函数作为第二个参数传递，函数可接收一个参数}, {})dom.onclick = function(e){ // 回调函数作为属性传递，函数可接收一个参数}fs.readFile("./txt", function(err, buffer){ // 回调函数作为最后一个参数传递，函数可接收两个参数

转载 文本选中复制

文本选中复制解除网站不允许复制的限制，文本选中后点击复制按钮即可复制，主要用于 百度文库 道客巴巴 无忧考网 学习啦 蓬勃范文 思否社区 力扣 知乎(个人使用，非商用传播)GITHub出处https://greasyfork.org/zh-CN/scripts/405130-%E6%96%87%E6%9C%AC%E9%80%89%E4%B8%AD%E5%A4%8D%E5%88%B6...