笔记
关注
分享
扫一扫
正在努力的路路
努力成为一个web前端工程师
展开
-
浏览器性能长列表的优化
长列表优化 当我们需要一次性创建一个1万个li的时候，这个时候如果每创建一次就给ul append一次那么浏览器会非常的卡顿 造成打开页面以后很长一段时间处于空白的页面，这对于用户来说是非常不好的体验 ，所以我们引入虚拟dom 按需加在，边加载边渲染<script> // 总数量 const total = 100000; let ul = document.querySelector('ul'); // 一次性加载20条 const once =原创 2021-04-23 10:16:56 · 191 阅读 · 0 评论 -
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 · 95 阅读 · 0 评论 -
单例模式的理解
单例模式的理解只有一个实例 可以被全局访问主要解决的问题一个全局使用的类被平凡的创建和销毁什么时候使用当我们想控制实例的数目 节省系统化资源的时候实现的思想判断系统中是否已经存在这个实例，如果存在就返回，不存在就创建单例模式的优点内存中只有一个实例 减少了内存的开销，尤其是平凡的创建和销毁实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta原创 2021-04-15 14:37:16 · 88 阅读 · 0 评论 -
JavaScript深拷贝与浅拷贝 以及赋值的掌握
什么是赋值？原创 2021-03-16 18:50:08 · 128 阅读 · 0 评论 -
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 · 1223 阅读 · 0 评论 -
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 · 178 阅读 · 0 评论 -
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 · 120 阅读 · 0 评论 -
面向对象的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 · 182 阅读 · 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 · 146 阅读 · 0 评论 -
原生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 · 98 阅读 · 0 评论 -
JavaScript倒计时
// An highlighted blockvar foo = 'bar';var newtime=+原创 2020-12-09 23:23:11 · 133 阅读 · 0 评论