- 博客(9)
- 收藏
- 关注
RSS订阅原创 es6中的去重
var arr = [1,1,8,8,12,12,15,15,16,16];function unique (arr) { return Array.from(new Set(arr))}console.log(unique(arr))
2023-08-18 14:00:00
78
1
原创 es6的新特性
4. let和const出现在代码块中，会把代码块(字面量声明对象除外)变成块级作用域,并且出现暂时 性死区。1. let和const声明变量不存在变量提升，如果要使用这个变量，我们需要在变量定义之后使用;3. 用let 和 const 在全局声明变量不会给window增加属性;2. let和const不能重复声明变量，如果重复声明会报错;
2023-08-18 08:45:33
33
1
原创 Vue组建通信
3.任意组件之间通信$emit.$on:eventBus就是创建一个事件中心，相当于中转站，可以用它来传递事件和接受事件，项目比较小时合适。1.父子通信：父组件使用props组件传递数据，子组件通过事件向父组件发送消息使用v-on绑定自定义事件。2.子组件给父组件传递值：通过子组件内$emit触发自定义事件，子组件使用时v-on绑定自定义事件。
2023-08-17 08:13:40
29
1
原创 浏览器兼容
问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。解决：如果要兼容IE浏览器的项目请使用 ES5 语法或者使用 Babel 进行转换。解决方案：css里 *{margin:0;padding:0;：不同浏览器的标签默认的外补丁和内补丁不同。
2023-08-11 13:00:00
27
1
原创 37.Vue的性能优化
7. data中的所以数据都会被劫持，所以将数据尽可能扁平化，如果数据只是用来渲染可以使用Object.freeze，可以将数据冻结起来，这样就不会增加getter和setter。1.不要将所有的数据都放在data中，data中的数据都会增加getter和setter，会收集对应的 watcher，这样就会降低性能。5. v-if 当值为false时内部指令不会执行，具有阻断功能，很多情况下使用v-if替代v-show，合理使用if和show。因为组件粒度最细，改组件的数组，它只会渲染当前的组件。
2023-08-11 11:34:51
30
1
原创 什么是跨域
浏览器请求的另一个浏览器的资源，协议，域名，端口不同导致的跨域。JSONP script中的src不受同源策略来请求资源。JSON 返回的是一串数据 JSONP返回的是脚本代码。JSONP只接受get，不接受post。JSON和JSONP的区别。
2023-08-11 08:35:33
35
1
原创 v-model双向绑定
v-model本质就是一个语法糖，可以看成是value + input方法的语法糖。可以通过model属性的prop和event属性来进行自定义。原生的v-model，会根据标签的不同生成不同的事件和属性。
2023-08-09 19:56:26
33
原创 总结本人对vue修饰符有哪些
capture 使用事件捕获模式,即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理。-- 只当在 event.target 是当前元素自身时触发处理函数 -->-- 即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理 -->-- 添加事件监听器时使用事件捕获模式 -->-- 即事件不是从内部元素触发的 -->-- 点击事件将只会触发一次 -->-- 阻止单击事件继续传播 -->-- 提交事件不再重载页面 -->-- 修饰符可以串联 -->-- 只有修饰符 -->
2023-08-03 17:51:28
43
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人