- 博客(12)
- 收藏
- 关注
RSS订阅原创 大数据渲染解决方案
一，渲染大量数据会造成卡顿渲染大量数据造成浏览器卡顿甚至卡死的原因是因为操作dom次数太频繁，所有要解决这个问题就得减少dom操作次数。像vue和react之所以性能比jquery好，其中一个重要的原因就是因为vue和react是通过虚拟dom来操作的，而虚拟dom本质就是通过js对象来模拟真实的dom节点二，在处理这个问题之前先了解两个知识点1.documentFragment：documentFragment是一个虚拟的Dom列表，可以储存待处理的html片段,一个没有父对象的最小文档对象,
2022-04-22 10:24:16
2749
原创 防抖与节流
一：含义防抖：短时间内连续触发某个事件，会造成资源浪费，极大损耗性能，比如页面窗口尺寸变化，输入框时时搜索，点击按钮连续发请求等等，这时候可以用到防抖，防抖函数需满足两点要求1.触发函数后，不立即做事，而是等待一段时间后去做事2.如果在等待时间内再次触发了该函数，重新计时节流：如果短时间内多次触发了同一事件，那么在函数执行一次后，在一个限期内不再执行，即只记第一次...
2022-04-19 10:40:41
979
原创 js 设计模式之策略模式
概念：策略模式定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换优点：代码扩展性强，可以复用，避免过多使用 if else语句案例分析：一. 英雄联盟10周年官方商场充值活动，活动如下：1. 充值满50送5元2. 充值满100送10元3. 充值满200送30元4. 充值满500送100元设计一个算法来计算充值后实际余额，一般我们会这么写function fun50(pay){ return pay + 5}function fun100(pa
2022-04-02 16:13:30
124
原创 简洁的JS代码
1.通过条件判断给变量赋值布尔值// 一般可能会这么写if(m==='m'){ n = true}else{ n = false}// 简洁写法n = m === 'm'2.判断数组长度不为0// 常见写法if(arr.length !==0){ //}// 简洁写法if(arr.length){ //}// 同理，判断数组长度为0if(!arr.length){ // }3.使用三元表达式替代i
2022-03-23 15:36:27
887
1
原创 splice()和slice()区别
很多新手对于splice()和slice()两个方法容易混淆，其实这两个方法单看名字很像，当用法其实差别很大，且最重要的区别是splice()会改变原数组，返回的是改变的内容；slice()不会改变原数组，会返回一个新的数组。下面是他们的详细区别一、splice()定义：从数组中添加或删除元素，然后返回被删除的数组元素语法：arrayObject.splice(index,n,item1,.....,itemN)1、index表示从什么位置开始添加或删除数组元素2、n表示删除的元素数
2022-02-12 09:03:11
3195
原创 post请求四种数据格式，前端对应传参方式总结
前言HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。类似于下面这样：<method> <request-URL> <version><headers><entity-body>协议规定 POST 提交的数据必须放在消息主体（entity-body）中，但协议并没有规定数据必须使用什么编码方式。实际上，开发者完全可以自己决定消...
2022-02-11 14:41:39
23763
原创 对象和数组引用类型数据的拷贝方法汇总
前言当我们对Array=>[],Object=>{}数据进行赋值操作时，不能像基本类型数据，number,string等一样直接赋值，如let a = [1,2],let b = a;此时赋值的其实是引用地址，如果改变b的值(或改变a的值)，其对应的a(或b)也会相应改变，这种情况在开发时经常造成意外错误，下面是根据我的经验对这种引用类型数据赋值方法的汇总1. Object.assign方法let obj = { a:1, b:2, c: 'xiaomi..
2022-02-06 10:36:02
553
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人