- 博客(17)
- 收藏
- 关注
原创 antd引入less报错Inline JavaScript is not enabled. Is it set in your options?
antd引入less报错Inline JavaScript is not enabled. Is it set in your options?
2022-08-01 17:20:19
966
原创 es6总结
一、let、constlet与var的区别1、let受块级作用域限制,var仅受函数作用域限制2、let不存在变量提升3、let存在暂时性死区4、let不允许重复声明5、let声明的全部变量不属于顶层对象(window、global,es2020还引入统一的globalThis指向顶层对象)const是无法改变值的let,且需要在声明时复制二、解构赋值解构赋值的规则是,只要等号右边的值不是对象或数组,就先将其转为对象比如:1、字符串:被转换成了一个类似数组的对象2、数值和布尔值:包装为
2022-03-27 17:40:05
870
原创 react组件优化思路
一、组件更新机制1、state变化2、props变化3、父组件更新二、优化1、减少state把不做渲染的数据,直接挂在在this下,防止他们变化时出发更新。2、使用shouldComponentUpdateshouldComponentUpdate(nextProps,nextState){ if(nextProps.content!=this.props.content)return true else return false }对state的处理同理3、使用Re
2022-03-18 11:08:23
1246
原创 cookies、sessionStorage、localStorage
1、cookie(1)本身用于客户端和服务端通信(2)封装后document.cookie = …获取和修改即可(3)携带在http请求中,会影响获取资源的效率(4)存储量小,4kb2、localStorage,sesseionStorage(1)除非主动删除数据,否则数据是永远不会过期的。(2)html5专门为存储而设计,最大容量5M(3)api简单易用3、sessionStorage(1)用于本地存储一个会话(session)中的数据(2)是会话级别的存储(会话结束便删除)..
2022-03-09 14:02:04
150
原创 js数组方法
1、A.concat(B)将B链接到A后面,返回链接后数组2、join()将数组元素以什么分隔,返回一个字符串3、toString()将数组转化为字符串,以逗号分隔,返回该字符串4、Array.slice(2,4)返回指定起始位置下标的元素,不包含结束位置5、splice() (直接修改原数组)删除,插入。(开始位置,结束位置,要插入的数组)6、pop() (直接修改原数组)删除数组最后一个元素,返回被删除元素7、push() (直接修改原数组)向数组最后插入一个或多个元素,返回
2022-03-08 14:53:05
78
原创 var、let、const
var和let区别1、let受块级作用域限制,var仅受函数作用域限制2、let不存在变量提升3、let存在暂时性死区4、let不允许重复声明const和let区别const一旦声明,常量的值就不能改变。
2022-03-07 16:36:07
130
原创 字符串方法
indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置at():返回某index位置的字符slice(): 返回字符串中提取的子字符串包含下标1,不包含下标2substring():同上,但不支持负数substr(): 返回从指定下标开始指定长度的的子字符串参数1:指定起始坐标,参数2:索取长度,默认取完split(): 把字符串分割成字符串数组。参数1:占位 参数2:指定数组返回长度replace():替换指定内容参数1:为字符串时,替换首个匹配项 为正则时,
2022-02-24 15:42:55
81
原创 ajax异步请求,以及ajax异步返回的数据的处理方案
为什么JS会有同步任务和异步任务:js是单线程,会按照顺序执行一个一个的任务,如果遇到某个任务像网络请求一类的需要延长执行回调函数,那么页面就会阻塞,所以引入了异步的概念。同步任务:同步任务不需要进行等待可立即看到执行结果,比如console异步任务:异步任务需要等待一定的时候才能看到结果,比如setTimeout、网络请求为什么要监听异步任务:不是所有异步任务都像定时器一样按时完成,所以我们通过消息队列(事件监听),监听异步任务的状态,如果已经可以执行回调函数,则将其放入事件队列(主线程执行栈)
2021-09-09 19:21:21
2207
原创 js的数组去重
一、利用嵌套for循环遍历对比function distinct(arr) { for(let i=0;i<arr.length;i++){ for(let j=i+1;j<arr.length;j++){ if(arr[i]===arr[j]) { arr.splice(j,1) j-- } } } return arr}
2021-09-07 19:10:48
153
原创 js的深拷贝和浅拷贝
浅拷贝和深拷贝浅拷贝是共享地址,而深拷贝是开辟一片新地址浅拷贝:直接将地址赋值给新变量例如var a = {n:1}var b = a深拷贝:新建一个对象,利用递归依次赋值例如var deepCopy =function(obj){ if(typeof obj !== 'object')return var newObj = obj instanceof Array ? []:{} for(var key in obj){ newObj[key]=typeof obj[key]=
2021-09-07 16:38:32
75
原创 排序算法JS
直接插入排序:function InsertionSort( arr ) { for(i=1;i<arr.length;i++){ for(j=i-1;j>=0;j--){ temp=arr[i] if(temp<arr[j]){ arr[j+1]=arr[j] } else break } arr[j+1]=temp }冒泡排序:function
2021-08-24 17:16:00
80
原创 最优的二分法 及 二维的二分法
初始条件:left = 0right = arrar.length-1终止:left > right向左查找:right = mid-1向右查找:left = mid+1var search = function(nums, target) {left = 0; // 初始左边界right = nums.length - 1; // 初始右边界while (left <= right) {let mid = left + Math.floor((right - left) /
2021-08-23 12:31:08
403
原创 从事件冒泡流和捕获流,到理解事件委派和阻止事件冒泡
之前对于事件冒泡流和捕获流的理解只停留在了大概了解的程度,只知道什么时候该用事件委派和阻止事件冒泡,而没有理解背后的原理,直到用代码看到dom事件流的过程,才理解这个操作的意义。三种事件流:事件冒泡流:ie事件捕获流:netscapedom事件流:捕获阶段、处于目标阶段、冒泡阶段捕获阶段:事件从根节点流向目标节点,触发沿途各节点上的捕获事件,最终到达目标节点。作用是建立传播路经,在冒泡阶段根据这个路经回溯到文档根节点。目标阶段:事件到达目标节点时,进入目标阶段,事件在目标节点上被触发。冒泡阶
2021-08-12 20:33:01
172
原创 vue中computed与methods区别
<body> <div id="app"> <div>{{ message }}</div> <!-- computed调用 --> <div>{{ reversedMessage }}</div> <!-- methods调用 --> <div>{{ reversedMsg() }}</div> </div> <s
2021-08-12 11:41:49
232
原创 理解BFC
BFC:块级格式化上下文,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。BFC的布局规则1、内部的Box会在垂直方向,一个接一个地放置。2、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。3、每个盒子的margin box的左边,与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。4、BFC的区域不会与float box重叠。5、BFC就是页面上的一个隔离的独立容器,容器里面的子元
2021-08-10 20:18:38
83
转载 获取地址栏参数(支持中文)
function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return decodeURIComponent(r[2]); return null;} // 调用方法alert(GetQueryString(
2021-08-03 11:47:14
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人