2021年1月5日

观察者模式
摘要： 观察者模式 /* 经典观察者模式 * Observer、Subject * 也可以增加1级抽象，不过JS继承太麻烦，此处从简 * 手动维护List */ // Subject function Subject(name) { this.name = name; this.list = []; } / 阅读全文
posted @ 2021-01-05 17:29 chenyi4 阅读(110) 评论(0) 推荐(0)

2020年9月24日

前端加密javascript——eval加密
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function myFunction(){ document.getElementById("demo").innerHTML="Hello 阅读全文
posted @ 2020-09-24 16:22 chenyi4 阅读(990) 评论(1) 推荐(0)

2020年9月23日

javascript中导致内存泄漏的行为
摘要： 1.全局变量 全局变量 2段测试代码 <script> var a = (new Array(1000000).fill("*aaaa1111")); </script> <script> function name() { var a = (new Array(1000000).fill("*aa 阅读全文
posted @ 2020-09-23 16:24 chenyi4 阅读(775) 评论(0) 推荐(0)
一段时间，查看网页占用内存
摘要： 盗一个图 每次点击一次，就会有一条蓝色的柱子，分配一定的内存出来。框出这一条，查看分配的内存值为78.3kb；constructor里面保存了分配给了哪些 变量和值，其中array 占 3%，可以看到数组中包含的变量，arr； 通过sampling可以看出哪些函数在申请使用内存，浏览器分配内存是由哪 阅读全文
posted @ 2020-09-23 14:46 chenyi4 阅读(369) 评论(0) 推荐(0)
内存泄漏 导致的后果
摘要： 会导致页面卡顿，页面崩溃 5，6 秒以后，就能体会到内存泄漏的结果 <style> #top{ width: 100px; height: 100px; background: red; }</style> <body> <div id="top"></div> </body> <script> v 阅读全文
posted @ 2020-09-23 14:33 chenyi4 阅读(708) 评论(0) 推荐(0)
内存泄漏
摘要： 参考 : https://www.jianshu.com/p/12d5209ef882 <style> #button{ width: 100px; height: 100px; background: red; cursor: pointer; } </style> <body> <div id= 阅读全文
posted @ 2020-09-23 11:17 chenyi4 阅读(140) 评论(0) 推荐(0)

2020年9月3日

浏览器调式网页速度，页面性能优化
摘要： 1.限制调速 点进去设置自己需要的速度，恒定速度加载 2.刷新页面，可以看到Finish 速度是2.63 s 每个文件加载速度为 Time 的时间为每个文件加载所消耗的时间 2.查看并发加载 这段重叠的部分是并发执行的，也是就是说，多加载a.js 和 b.js 是不会影响速度的，所以删除这个文件测一 阅读全文
posted @ 2020-09-03 17:57 chenyi4 阅读(417) 评论(0) 推荐(0)

2020年8月10日

装饰者模式
摘要： 1.jquery $('.a').find('.b') , $('.a') 以后返回一个对象, find('.b') 以后 也是返回一个对象，对$('.a')装饰一个方法 find ， $('.a').find('.b') 再加一个装饰 width(); 返回的仍然是一个完整的jquery的对象 这 阅读全文
posted @ 2020-08-10 17:37 chenyi4 阅读(142) 评论(0) 推荐(0)

2020年7月30日

vue 解决 数组和对象数据画面不更新
摘要： 1.数据是数组类型的时候 原数据: this.testArr = [{c: 12}, {}]; 操作: this.testArr[0] = { a: 123 }/或者 this.testArr[0].c = 12222;操作完了以后不更新 执行操作 this.testArr = this.testA 阅读全文
posted @ 2020-07-30 11:11 chenyi4 阅读(732) 评论(0) 推荐(0)

2020年6月29日

js 闭包
摘要： 闭包就是函数作用域是一个封闭的区域，作用域变量携带到外层，可以携带它对父作用域的变量的引用，不会被销毁 最近在看 《JavaScript编程精粹》这本书，里面提到高级程序都会使用到闭包 应用场景 1.setTimeout的循环 for(var i = 1; i < 5; i++){ setTimeo 阅读全文
posted @ 2020-06-29 11:43 chenyi4 阅读(133) 评论(0) 推荐(0)
下一页

导航