浣熊sky

2021年4月26日

摘要： 1 函数防抖和节流函数防抖和节流是优化高频率执行js代码的一种手段，js中的一些事件如浏览器的resize、scroll，鼠标的mousemove、mouseover，input输入框的keypress等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。为了优化体验，需阅读全文

posted @ 2021-04-26 16:06 浣熊sky 阅读(179) 评论(0) 推荐(0) 编辑

css重绘和回流（重排）

摘要：一.浏览器的渲染过程：1.渲染图： 2.浏览器渲染过程：（1）解析HTML，生成DOM树，解析CSS，生成CSSOM树（2）将DOM树和CSSOM树结合，生成渲染树(Render Tree) （3）Layout(回流，重排):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大阅读全文

posted @ 2021-04-26 14:24 浣熊sky 阅读(852) 评论(0) 推荐(0) 编辑

2021年4月25日

vue的计算属性及watch

摘要：计算属性 computed模板中放入太多的逻辑会让模板过重且难以维护使用计算属性可以让模板更加的简洁计算属性是基于它们的响应式依赖进行缓存的,计算属性依赖多个Vue 实例的数据，只要其中任一数据变化，计算属性就会重新执行，视图也会更新。如果数据没变化就会返回之前的计算结果 computed比较适阅读全文

posted @ 2021-04-25 22:24 浣熊sky 阅读(148) 评论(0) 推荐(0) 编辑

vue组件中data为什么必须是一个函数？

摘要：因为JavaScript的特性所导致，在component中，data必须以函数的形式存在，不可以是对象。组建中的data写成一个函数，数据以函数返回值的形式定义，这样每次复用组件的时候，都会返回一份新的data，相当于每个组件实例都有自己私有的数据空间，它们只负责各自维护的数据，不会造成混乱。而阅读全文

posted @ 2021-04-25 22:08 浣熊sky 阅读(294) 评论(0) 推荐(0) 编辑

vue组件之间的传值

摘要：父组件向子组件传值父组件发送的形式是以属性的形式绑定值到子组件身上，可以分为静态传递或者使用 v-bind动态传递。然后子组件用属性props接收在props中使用驼峰形式，模板中需要使用短横线的形式字符串形式的模板中没有这个限制子组件向父组件传值子组件用 $emit() 触发事件$emi 阅读全文

posted @ 2021-04-25 22:03 浣熊sky 阅读(41) 评论(0) 推荐(0) 编辑

jQuery获取的dom对象和原生的dom对象有何区别？

摘要： js原生获取的dom是一个对象，jQuery对象就是一个数组对象，其实就是选择出来的元素的数组集合，所以说他们两者是不同的对象类型不等价。原生DOM对象转jQuery对象： var box = document.getElementById('box'); var $box = $(box); j 阅读全文

posted @ 2021-04-25 21:49 浣熊sky 阅读(343) 评论(0) 推荐(0) 编辑

如何优化SPA应用的首屏加载速度慢的问题？

摘要：一、什么是首屏加载首屏时间（First Contentful Paint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节关于计算首屏时间利用performance.timing提阅读全文

posted @ 2021-04-25 21:39 浣熊sky 阅读(669) 评论(0) 推荐(0) 编辑

delete和Vue.delete删除数组的区别

摘要： delete只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变。 Vue.delete 直接删除了数组改变了数组的键值。 var a=[1,2,3,4] var b=[1,2,3,4] delete a[1] console.log(a) this.$delete(b 阅读全文

posted @ 2021-04-25 21:23 浣熊sky 阅读(2243) 评论(1) 推荐(0) 编辑

Vue中给data中的对象属性添加一个新的属性时会发生什么，如何解决？

摘要：如 obj.b 属性已经成功添加，但是视图并未刷新。原因在于在Vue实例创建时， obj.b 并未声明，因此就没有被Vue转换为响应式的属性，自然就不会触发视图的更新，这时就需要使用Vue的全局api—— $set()： addObjB () { // this.obj.b = 'obj.b' t 阅读全文

posted @ 2021-04-25 21:20 浣熊sky 阅读(978) 评论(0) 推荐(0) 编辑

vue响应式原理

摘要：当变量price 发生变化的时候，Vue就知道自己需要做三件事情：更新页面上price的值计算表达式中含price的 price*quantity 的值，更新页面继续找到与price依赖的值并更新，更新页面数据发生变化后，会重新对页面渲染，这就是Vue响应式，那么这一切是怎么做到的呢？想完阅读全文

posted @ 2021-04-25 21:16 浣熊sky 阅读(47) 评论(0) 推荐(0) 编辑

公告