前端总结知识点
关注
分享
扫一扫
文章平均质量分 64
怒放的生命1991
我就是我，是不一样的烟火 功到自然成
展开
-
后台返回的数据有回车换行符号，前端也要进行相应的换行显示
解决方法：使用<pre>或<code>标签，它们会自动识别和处理后台返回的换行符号。此外，超出容器外的内容需要进行换行处理的话，可以使用样式：white-space:pre-wrap;原创 2021-07-05 18:55:41 · 1030 阅读 · 0 评论 -
前端cookie、localStorage、sessionStorage比较
原创 2020-11-04 18:29:39 · 88 阅读 · 0 评论 -
使用new Proxy实现vue数据双向绑定原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input .原创 2020-09-15 21:54:15 · 1413 阅读 · 0 评论 -
js对象的一些用法
1.使用展示语法完成对象合并属性相同后面覆盖前面的属性： //使用展示语法完成对象合并 属性相同后面覆盖前面的属性 let obj={ name:'yang', height:200 } let nameObj={ name:'zhang' } let newObj={...obj,...nameObj}; console.log(newObj)/* {name: "zhang", height: 200} */...原创 2020-09-06 19:30:50 · 254 阅读 · 0 评论 -
call和apply区别/bind的使用
构造函数：//构造函数function User(name){ this.name=name}// let obj=new user('yang');// console.log(obj);let UnameObj={ age:12, height:150}User.call(UnameObj,'赵四_刘能——多行不义必自毙');User.apply(UnameObj,['赵四_刘能——多行不义必自毙']);console.log(UnameObj);/* {age: 1原创 2020-09-05 22:30:25 · 162 阅读 · 0 评论 -
2020-09-01- ES6 Map对象使用
1.基本的操作：增删改查 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> </bo.原创 2020-09-01 23:00:14 · 150 阅读 · 0 评论 -
es6 WeakSet使用
//new WeakSet()声明 let weakObj=new WeakSet(); let obj={a:'jspang',b:'技术胖'} let obj1=obj; //添加元素 不允许重复 weakObj.add(obj); weakObj.add(obj1); console.log(weakObj);// console.log(weakObj.size);// /* WeakSet {{…}} [[Entries]] 0: value: .原创 2020-08-26 15:17:47 · 348 阅读 · 0 评论 -
ES6new Set 使用方法
多了不说少了不唠代码说话：<!DOCTYPE html><html><head> <title></title></head><body> </body></html><script type="text/javascript"> //定义数据 let setData=new Set([1,2,"yang"]); console.log(setData)原创 2020-08-25 19:56:16 · 5056 阅读 · 2 评论 -
Symbol数据类型学习
1.基本的使用：<!DOCTYPE html><html><head> <title></title></head><body> </body></html><script type="text/javascript"> //for in 变量不到 起到隐藏属性的作用 let age=Symbol('年龄'); let age1=Symbol('年龄');原创 2020-08-23 22:51:01 · 284 阅读 · 1 评论 -
数组中reduce的使用方法
1.出现元素的次数:<!DOCTYPE html><html><head> <title></title></head><body> </body></html><script type="text/javascript"> //出现元素的次数function arrCount(arr,val){ let count=arr.reduce((pre,cu.原创 2020-08-23 18:08:09 · 401 阅读 · 0 评论 -
数组方法总结js
清空数组：let arr=[1,3,4];let arr1=arr;arr.length=0;console.log(arr,arr1);//[] []原创 2020-08-20 22:40:08 · 131 阅读 · 0 评论 -
数组的移动
<!DOCTYPE html><html><head> <title></title></head><body> </body></html><script type="text/javascript"> function move(arr,from,to){ let newArr=[...arr]; let item=newArr.splic.原创 2020-08-20 22:24:12 · 226 阅读 · 0 评论 -
随机获取数组元素/随机点名操作demo函数
1.随机点名操作<!DOCTYPE html><html><head> <title></title></head><body></body></html><script type="text/javascript"> function arrayRandomVal(arr,start=1,end){ end =end?end:arr.length; .原创 2020-08-19 10:41:25 · 226 阅读 · 0 评论 -
js中字符串常用的方法
字符串截取：1.slice(start,end)//参数可以负数 同为正start>end 不交换位置 得到空串2.substr(start,length)//第一个参数可以负数3.substring(start,end)//end<start 交换位置 两个参数负数转换为0处理<!DOCTYPE html><html><head> <title></title></head><body&.原创 2020-08-16 22:50:43 · 527 阅读 · 1 评论 -
我对JavaScript中闭包的理解
之前对于闭包这个概念的理解都是模糊的，只是单纯的知道闭包的作用：可以在函数的外部访问到函数内部的局部变量。让这些变量始终保存在内存中，不会随着函数的结束而自动销毁。 而这几天通过各种资料和博客的学习，自认对闭包的概念和原理有了一定的了解，所以来分享一下我的心得。如果文中有什么不当之处，请多多谅解，并给与指正。谢谢！###什么是闭包？在维基百科中的描述是：在计算机科学中，闭包（英语：Closure），又称词法闭包（Lexical Closure）或函数闭包（function closur原创 2020-05-23 15:16:00 · 199 阅读 · 0 评论 -
前端自己平时总结
<!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-...原创 2019-02-24 23:06:42 · 1130 阅读 · 0 评论