自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 782 1

原创 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 819

原创 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 1215

原创 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 124

原创 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 58

原创 var、let、const

var和let区别1、let受块级作用域限制,var仅受函数作用域限制2、let不存在变量提升3、let存在暂时性死区4、let不允许重复声明const和let区别const一旦声明,常量的值就不能改变。

2022-03-07 16:36:07 102

原创 字符串方法

indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置at():返回某index位置的字符slice(): 返回字符串中提取的子字符串包含下标1,不包含下标2substring():同上,但不支持负数substr(): 返回从指定下标开始指定长度的的子字符串参数1:指定起始坐标,参数2:索取长度,默认取完split(): 把字符串分割成字符串数组。参数1:占位 参数2:指定数组返回长度replace():替换指定内容参数1:为字符串时,替换首个匹配项 为正则时,

2022-02-24 15:42:55 60

原创 正则表达式

一、字符类二、数量限定符三、位置限定符四、特殊符号

2022-01-26 09:31:53 876

原创 ajax异步请求,以及ajax异步返回的数据的处理方案

为什么JS会有同步任务和异步任务:js是单线程,会按照顺序执行一个一个的任务,如果遇到某个任务像网络请求一类的需要延长执行回调函数,那么页面就会阻塞,所以引入了异步的概念。同步任务:同步任务不需要进行等待可立即看到执行结果,比如console异步任务:异步任务需要等待一定的时候才能看到结果,比如setTimeout、网络请求为什么要监听异步任务:不是所有异步任务都像定时器一样按时完成,所以我们通过消息队列(事件监听),监听异步任务的状态,如果已经可以执行回调函数,则将其放入事件队列(主线程执行栈)

2021-09-09 19:21:21 2119

原创 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 104

原创 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 54

原创 排序算法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 54

原创 最优的二分法 及 二维的二分法

初始条件: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 348

原创 从事件冒泡流和捕获流,到理解事件委派和阻止事件冒泡

之前对于事件冒泡流和捕获流的理解只停留在了大概了解的程度,只知道什么时候该用事件委派和阻止事件冒泡,而没有理解背后的原理,直到用代码看到dom事件流的过程,才理解这个操作的意义。三种事件流:事件冒泡流:ie事件捕获流:netscapedom事件流:捕获阶段、处于目标阶段、冒泡阶段捕获阶段:事件从根节点流向目标节点,触发沿途各节点上的捕获事件,最终到达目标节点。作用是建立传播路经,在冒泡阶段根据这个路经回溯到文档根节点。目标阶段:事件到达目标节点时,进入目标阶段,事件在目标节点上被触发。冒泡阶

2021-08-12 20:33:01 147

原创 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 199

原创 理解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 64

转载 获取地址栏参数(支持中文)

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 252

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除