- 博客(11)
- 收藏
- 关注
RSS订阅原创 浏览器性能长列表的优化
长列表优化 当我们需要一次性创建一个1万个li的时候，这个时候如果每创建一次就给ul append一次那么浏览器会非常的卡顿 造成打开页面以后很长一段时间处于空白的页面，这对于用户来说是非常不好的体验 ，所以我们引入虚拟dom 按需加在，边加载边渲染<script> // 总数量 const total = 100000; let ul = document.querySelector('ul'); // 一次性加载20条 const once =
2021-04-23 10:16:56
162
原创 JavaScript的节流和防抖的封装
防抖function debounce(func, time, immediate) { // immediate 是否立即执行 boolean类型 let timer; return function () { console.log(this);//调用者 let _this = this; let args = arguments; clearTimeout(timer); if (immedi
2021-04-23 10:04:18
70
原创 单例模式的理解
单例模式的理解只有一个实例 可以被全局访问主要解决的问题一个全局使用的类被平凡的创建和销毁什么时候使用当我们想控制实例的数目 节省系统化资源的时候实现的思想判断系统中是否已经存在这个实例，如果存在就返回，不存在就创建单例模式的优点内存中只有一个实例 减少了内存的开销，尤其是平凡的创建和销毁实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
2021-04-15 14:37:16
70
原创 windows下ssh-keygen不是内部指令解决方法
如何生成ssh公钥以及出现的错误首先确保我们电脑已经安装了Git找到ssh-keygen.exe所在的根目录复制好这个路径 譬如C:\Program Files (x86)\Git\usr\bin我的电脑-属性-高级系统设置确认以后打开终端输入指令ssh-keygen -t rsa -C “xxxxx@xxxxx.com”引号里的内容替换成自己的邮箱即可 三次回车即可生成公钥**如果安装好的Git找不到路径 **打开终端输入 where...
2021-02-16 16:02:00
996
原创 java script遍历数组的应用
商品的查询// An highlighted block<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie
2020-12-20 18:35:49
155
原创 JavaScript五种遍历方式
ES5新增的五种迭代（遍历方式）// An highlighted block<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" c
2020-12-20 18:31:16
103
原创 面向对象的tab栏切换
标题js高级面向对象的tab栏切换html部分// An highlighted block<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp
2020-12-19 13:52:03
158
1
原创 CSS3永动机
标题CSS3 动画的永动标题html部分// An highlighted block<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib
2020-12-11 13:39:28
126
原创 原生js仿写京东放大图
原生js写出模拟京东放大图// An highlighted block<!OCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" conte
2020-12-10 22:53:46
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人