2020年8月3日

项目经常使用的common.js 方法

摘要: // 生成随机的uuid export const generateUUID = function () { let d = new Date().getTime() const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/ 阅读全文

posted @ 2020-08-03 09:28 冰love 阅读(647) 评论(0) 推荐(0) 编辑

2020年7月22日

vue实现3D词云

摘要: 1:定义数组存放展示的文字 2:页面 补充:调节旋转方向<div class="wordCloud__home"> <el-button type="danger" @click="handleSpeed('slow')">降低速度</el-button> <el-button type="prim 阅读全文

posted @ 2020-07-22 15:05 冰love 阅读(5585) 评论(1) 推荐(0) 编辑

怎么禁止用户点击f12查看数据,查看网页代码,布局样式

摘要: 为了防止数据泄露,不想让用户点开f12查看接口,或者查看源代码。思路就是,重写f12事件,让浏览器崩溃,或者直接关闭浏览器窗口 阅读全文

posted @ 2020-07-22 11:54 冰love 阅读(1327) 评论(0) 推荐(0) 编辑

2020年7月15日

1:2年vue开发经验之项目优化总结

摘要: 1:永远不要再同一行使用v-for 跟 v-if。因为v-for的循环优先执行。写在同一行造成性能的浪费,先循环创建dom再销毁dom。如果遇到这种情况,用计算属性过滤掉v-if为false的条件。 2:vue中data的数据默认会进行双向数据绑定,用Object.freeze()处理一下,因为源码 阅读全文

posted @ 2020-07-15 15:09 冰love 阅读(290) 评论(0) 推荐(0) 编辑

手写一个发布订阅

摘要: 1:所有的发布订阅就是一个对象。 class Obersve { event={} //等价于下面的constructor // constructor() { // this.event = {} // } subscribe(type, fn) { //订阅 if (Object.keys(th 阅读全文

posted @ 2020-07-15 13:45 冰love 阅读(435) 评论(0) 推荐(0) 编辑

2020年7月14日

vue3.0 reactive 理解

摘要: reactive 简记 1. 需要注意的是,只有 typeof val ‘object’ 的数据才能使用这个api 转换为响应式数据(如果你违反了这个规则,开发模式下回给你友好亲切的提示)2. 如果你传入的对象本来是 readonly() 的只读数据,但是你将其传入 reactive 时,会直接将这 阅读全文

posted @ 2020-07-14 18:29 冰love 阅读(11583) 评论(0) 推荐(0) 编辑

字符串反转的j简单方法总结大全

摘要: 1: let str1 ="qwrrwr" let arr = [...str1] let str2 = [...str1].reduce((total)=>{ return total+= arr.pop() },'') 2: let str1 ="qwrrwr" let str2= [...st 阅读全文

posted @ 2020-07-14 10:52 冰love 阅读(421) 评论(0) 推荐(0) 编辑

2020年6月4日

容易忽视的前端api

摘要: 1:字符串转数组 console.log(Object.values("abscd")) ['a','b',.....] 2:遍历对象 一般情况下遍历对象使用 for(let key in obj),比较low ,Object.entries(obj)返回的是二维数组 [[key1,value1], 阅读全文

posted @ 2020-06-04 12:44 冰love 阅读(162) 评论(0) 推荐(0) 编辑

2020年3月28日

vuecli3引入外部字体

摘要: 1: font.scss文件 @font-face { font-family: 'kuhei'; //重命名字体名 src: url('./kuhei.ttf') ; //引入字体 font-weight: normal; font-style: normal; } 2:main.js impor 阅读全文

posted @ 2020-03-28 21:31 冰love 阅读(4961) 评论(0) 推荐(0) 编辑

2020年1月10日

vue cli 3.0 引入 es2020 中的可选链运算符

摘要: 1:安装依赖 cnpm install @babel/plugin-proposal-optional-chaining -S 2:在babel.config.js中 的 plugins中添加 "@babel/plugin-proposal-optional-chaining" 阅读全文

posted @ 2020-01-10 17:17 冰love 阅读(5592) 评论(0) 推荐(0) 编辑

导航