Vue 双向绑定原理        mvvm 双向绑定,采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty()来劫持各个属性的 setter.getter,在数据变动时发布消息给订阅者,触发相应的监听回调. 几个要点: 1.实现一个数据监听器 Observer,能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知订阅者 2.实现一个指令解析器 Compile,对每个元素节点的指令进行扫描和解析,根据指令模板替换数据,以及绑定相应的更新函数 3.实现…

判断 js 类型的方式 1. typeof 可以判断出'string','number','boolean','undefined','symbol' 但判断 typeof(null) 时值为 'object'; 判断数组和对象时值均为 'object' 2. instanceof 原理是 构造函数的 prototype 属性是否出现在对象的原型链中的任何位置 function A() {} let a = new A(); a instanceof A //true,因为 Object.get…

盒模型 /* 红色区域的大小是多少?200 - 20*2 - 20*2 = 120 */ .box { width: 200px; height: 200px; padding: 20px; margin: 20px; background: red; border: 20px solid black; box-sizing: border-box; } /* 标准模型 */ box-sizing:content-box; /*IE模型*/ box-sizing:border-box; 如何实现…

实现 new 方法 /* * 1.创建一个空对象 * 2.链接到原型 * 3.绑定this值 * 4.返回新对象 */ // 第一种实现 function createNew() { let obj = {} // 1.创建一个空对象 let constructor = [].shift.call(arguments) // let [constructor,...args] = [...arguments] obj.__proto__ = constructor.prototype // 2.…

Vue面试题总结(持续更新中) 题目参考链接 https://blog.csdn.net/weixin_45257157/article/details/106215158 由于已经有很多前辈深造VUE的某一块知识,所以我也是大树下好乘凉,进行总结与积累. 就有这篇博客,希望对各位面试求职的同学有所帮助. 注意: 每题都附上链接并不是说要参考这个链接的意思,而是他们的例子或者解释说明更好.更全与更方便理解. 学习方法: 多看理论总结,多跟着大佬写项目.当新的问题被你发现了,你就离大佬就不远了.…

浏览器存储的方式有哪些 特性 cookie localStorage sessionStorage indexedDB 数据生命周期 一般由服务器生成,可以设置过期时间 除非被清理,否则一直存在 页面关闭就清理 除非被清理,否则一直存在 数据存储大小 4K 5M 5M 无限 与服务端通信 每次都会携带在 header,中,对于请求性能影响 不参与 不参与 不参与 补充:cookie 原本并不是用来储存的,而是用来与服务端通信的,需要存取请自行封装 api. 而 localStorage 则自带…

hello,你们的小可爱,皮皮聪又来发表感想了. 首先简单概括下会遇到的问题: 1.vuex作用 ①vuex是一个状态管理的插件,可以解决不同组件之间的数据共享和数据持久化. ②vue中的多个组件之间的通讯,不同组件的行为需要变更同一状态.虽然我们经常会采用父子组件直接引用或者通过事件来变更和同         步状态的多份拷贝,这些模式比较脆弱,通常会导致无法维护代码,此时就可以用vuex. 2.vue生命周期 ①vue的生命周期主要分为beforeCreate,created,beforeM…

摘自今日头条用户:代码开发 原文链接: https://www.toutiao.com/a6683120112255369732/?tt_from=mobile_qq&utm_campaign=client_share&timestamp=1560735550&app=news_article&utm_source=mobile_qq&utm_medium=toutiao_android&req_id=2019061709391001002307219745…

html5新增特性 语义化标签 表单新特性 视频和音频canva画布 svg画图 地理位置 为鼠标提供的拖放api webwroker storage websocker 常见块级标签 div,p,h1-h5,hr,menu,ol,ul,dl,dt,dd,table,from 常见行内标签 span,a,b,strong,i,em,br,textarea,select,u(下划线) 常见行内块标签 input,img, link和@import的区别 link属于xml标签,@import属于c…

一.什么是闭包? JavaScript高级程序设计第三版: 闭包是指有权访问另一个函数作用域中的变量的函数. 在js中定义在函数内部的子函数能够访问外部函数定义的变量,因此js内部函数就是一个闭包. 二.闭包的组成? 闭包由函数以及创建该函数的环境(创建该函数时所在作用域任何局部变量)所组成. 三. 闭包的作用是什么? 1. 允许函数与其操作的一些数据进行关联.(偏函数应用,函数柯里化) 2. 模拟私有方法.(模块模式) var Counter = (function() { var priva…