vue相关原理面试题整理
vue响应式原理实现主要通过Object.defineProperty实现,通过它对对象的属性进行getter和setter,从而实现访问和修改这个属性时,通过getter和setter实现依赖注入和派发更新。依赖注入和派发更新通过订阅-观察者模式实现,具体如下, 在访问属性时,通过getter给dep添加watcher类,setter时触发dep.n...
vue数据驱动原理
Vue的定义 123456new Vue({ el: '#app', data: { message: 'Hello Vue!' }}) 1234function Vue (options) { //... this._init(options)&...
css布局
css布局(持续更新)将浮动元素围住 为父元素添加 overflow:hidden 属性演示如下: 同时浮动父元素 为父元素添加float:left演示如下: 添加非浮动元素的清除元素 代码如下 1234567.clear:after{ content:"."; display:block; hei...
js算法3
要求介绍 个人代码: 1234567891011121314function encode(str, n){ var arr =[]; var j=0; var n = n.toString().split('').map(Number); for(var i =0;i<str.length;i++)&...
js算法1
js相关算法 传入四个正整数参数,返回最小的两个,代码如下:12345678910function sumTwoSmallestNumbers(numbers) { var min=Math.min.apply(Math,numbers); var filterResult= numbers.filter((item)=>...
js算法2
首字母大写 代码如下 : 12345678910function capitalizeWord(word) { var r =word.charAt(0); var s=r.toUpperCase();var arr=word.split(''); arr[0]=s; var arrs=arr.toString...
面试2
浏览器如何解析css CSS选择器的解析是从右向左解析的。若从左向右的匹配,发现不符合规则,需要进行回溯,会损失很多性能。若从右向左匹配,先找到所有的最右节点,对于每一个节点,向上寻找其父节点直到找到根元素或满足条件的匹配规则,则结束这个分支的遍历。两种匹配规则的性能差别很大,是因为从右向左的匹配在第一步就筛选掉了大量的不符合条件的最右节点(叶子节...
面试3
vue 生命周期 beforecreated:el 和 data 并未初始化 created:完成了 data 数据的初始化,el没有 beforeMount:完成了 el 和 data 初始化 mounted :完成挂载 beforecreate : 举个栗子:可以在这加个loading事件 created :在这结束loadi...
面试1
清除浮动方法1::after方法123456:after{ content: "."; clean:both;display:block;height: 0px;} 方法2:父元素设置overflow:hidden1234.f{ overflow:hidden; } 方法3:添加...
vue学习笔记(二)————组件
前言主要是有关vue组件的笔记,然后也不想为了定blog而写blog,所以应该会写一些真的自己想记下来的东西,也希望可以尽量精简的写 组件用法需要注册才能使用组件,注册分为局部注册和全局注册,代码示例如下: 必须在实例注册,组件才可以使用 123456789101112//全局注册Vue.component("组件名",{...