js基础查漏补缺(更新)
js基础查漏补缺:
- NaN != NaN;
复制数组可以用slice;
数组的sort、reverse等方法都会改变自身;
Map是一组键值对的结构,Set是key的集合;
Array、Map、Set都属于iterable类型,可用for...of遍历;
!!是将变量转为布尔类型的方法;
0.1+0.2!==0.3(计算机中用二进制来存储小数,而大部分小数转成二进制之后都是无限循环的值,因此存在取舍问题,导致精度丢失); - rest参数只能写在最后,前面用...标识;
一个函数接收另一个函数作为参数称之为高阶函数,比如map、reduce、filter、sort;
arr.map(String) 将数组元素都变为string类型;
// 数组去重
arr.filter(function(element, index, self) {
return self.indexOf(element) === index;
}) // 筛选素数
arr.filter(function(num){
var flag = true;
if(num < 2){
flag = false;
}else{
for(var i=2; i<num; i++){
if(num % i == 0){
flag = false;
break;
}
}
}
return flag;
})
返回闭包时尽量不要引用任何循环变量,或者后续会发生变化的变量,如果非要,可以用该函数的参数绑定值自执行;
借助闭包可以封装私有变量,携带状态,可以把多参数函数变成单参数;
由于this在箭头函数中已经按词法作用域绑定了,所以call和apply调用箭头函数时无法对this绑定,会忽略;
generator函数可以在执行过程中多次返回,看上去就像可以记住执行状态的函数,可以用for...of循环循环generator对象;
3. typeof NaN === 'number' typeof null === 'object'
尽量不要使用new String等去创建包装对象;
1+null === 1 1+undefined === NaN
123..toString() === '123' 或 (123).toString()
null,undefined没有toString方法
正则:\d(数字) \w(字母或数字) \s(空格) *(任意个字符) +(至少一个字符) ?(0或1个字符) {n}(n个字符) {n,m}(n到m个字符)
进阶正则:[]表示范围 ^开头 $结尾 ; / / 或 new RegExp() ;
模版解析:str.replace(/\{(.*?)\}/g, (match, key)=>obj[key.trim()]);
切分字符串:‘a,b;; c d’.split(/[\s\,\;]+/)
分组:用()表示要提取的分组,reg.exec(str),返回一个数组,第一个是匹配到的整个字符串,后面的表示匹配成功的子串;失败返回null
默认贪婪匹配(匹配尽可能多的字符),非贪婪匹配(加上?);
JSON.stringify第二个参数可以传入一个数组(输出指定的属性),也可传入一个函数(参数为key和value),第三个参数是缩进‘ ’;如果想精确控制序列化,可以给对象定义toJSON方法,直接返回需要的数据;
JSON.parse反序列化;
低版本浏览器无__proto__,所以用Object.create();
Promise的任务会在当前事件循环末尾中执行,而setTimeout中的任务是在下一次事件循环执行;
// new运算符做了什么 function foo(fn, ...rest){
let obj = Object.create(fn.prototype);
let val = fn.apply(obj, rest);
return isPrimitive(val) ? obj : val;
} function isPrimitive(a){
let b = typeof a;
return !! (a===undefined || a===null || b==='boolean' || b==='number' || b==='string');
} function A(){};
let a = foo(A);
4. location.assign('') location.reload();
dom树的根节点是document;
服务器可以根据cookie来区分用户,如果在cookie中设置了HTTPOnly属性,js脚本将无法读取cookie信息,这样能有效防止xss攻击;
不要使用history对象;
children是只读的,firstElementChild,lastElementChild,innerText,textContent,appendChild,insertBefore(new, target),removeChild,parentElement;
h5控件:type为date,datetime-local,color,获取值dom.value;
ajax:XMLHttpRequest对象,低版本ie用ActiveXObject;
5. 垃圾回收机制(Garbage Collection):
标记清除(推荐),分为标记阶段(把所有活动对象做上标记,深度遍历)和清除阶段(销毁非活动对象);
引用计数,会因为循环引用而无法清除;
6. requestAnimationFrame告诉浏览器在下次重绘之前调用指定函数来更新动画;一个在每次需要重新绘制动画时调用的包含指定函数的参数。这个回调函数有一个传参,DOMHighResTimeStamp
,指示从触发 requestAnimationFrame 回调到现在(重新渲染页面内容之前)的时间(从 performance.now()
取得)。
7. es6、7大部分新特性的熟练理解和掌握
8. 希望2018年继续夯实基础,对每个知识点都有透彻的理解和认识,加油!
js基础查漏补缺(更新)的更多相关文章
- Java基础查漏补缺(2)
Java基础查漏补缺(2) apache和spring都提供了BeanUtils的深度拷贝工具包 +=具有隐形的强制转换 object类的equals()方法容易抛出空指针异常 String a=nu ...
- Java基础查漏补缺(1)
Java基础查漏补缺 String str2 = "hello"; String str3 = "hello"; System.out.println(str3 ...
- JS知识点查漏补缺
知识点1: 判断语句中遇到NaN即为 False 只需要注意遇到False即为False即可 使用join(),toString()皆可以将数组转化为字符串 二者的相同点在于都可以转化数组为字符串 二 ...
- CSS基础面试题,快来查漏补缺
本文大部分问题来源:50道CSS基础面试题(附答案),外加一些面经. 我对问题进行了分类整理,并给了自己的回答.大部分知识点都有专题链接(来源于本博客相关文章),用于自己前端CSS部分的查漏补缺.虽作 ...
- 《CSS权威指南》基础复习+查漏补缺
前几天被朋友问到几个CSS问题,讲道理么,接触CSS是从大一开始的,也算有3年半了,总是觉得自己对css算是熟悉的了.然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司 ...
- Entity Framework 查漏补缺 (一)
明确EF建立的数据库和对象之间的关系 EF也是一种ORM技术框架, 将对象模型和关系型数据库的数据结构对应起来,开发人员不在利用sql去操作数据相关结构和数据.以下是EF建立的数据库和对象之间关系 关 ...
- Flutter查漏补缺1
Flutter 基础知识查漏补缺 Hot reload原理 热重载分为这几个步骤 扫描项目改动:检查是否有新增,删除或者改动,直到找到上次编译后发生改变的dart代码 增量编译:找到改变的dart代码 ...
- 2019Java查漏补缺(一)
看到一个总结的知识: 感觉很全面的知识梳理,自己在github上总结了计算机网络笔记就很累了,猜想思维导图的方式一定花费了作者很大的精力,特共享出来.原文:java基础思维导图 自己学习的查漏补缺如下 ...
- Django 查漏补缺
Django 查漏补缺 Django 内容回顾: 一. Http 请求本质: 网络传输,运用socket Django程序: socket 服务端 a. 服务端监听IP和端口 b. 浏览器发送请求 ...
随机推荐
- 超简单的php缓存类
<?php class Cache { private $dir = "data/cache/";//定义缓存目录 private $key='c_a_sss'; // 文件 ...
- C#中如何使用断点操作调试程序
Visual Studio调试器调试 当代码不能正常运行时,可以通过调试定位错误.常用的程序调试操作包括设置断点.开始.中断和停止程序的执行.单步执行程序以及使程序运行到指定的位置.下面将对这几种常用 ...
- Protocol Buffer序列化对比Java序列化.
初识 Protocol Buff是谷歌推出的一种序列化协议. 而Java序列化协议也是一种协议. 两者的目的是, 将对象序列化成字节数组, 或者说是二进制数据, 那么他们之间有什么差异呢. proto ...
- Python爬虫(十七)_糗事百科案例
糗事百科实例 爬取糗事百科段子,假设页面的URL是: http://www.qiushibaike.com/8hr/page/1 要求: 使用requests获取页面信息,用XPath/re做数据提取 ...
- 机器学习笔记1 - Hello World In Machine Learning
前言 Alpha Go在16年以4:1的战绩打败了李世石,17年又以3:0的战绩战胜了中国围棋天才柯洁,这真是科技界振奋人心的进步.伴随着媒体的大量宣传,此事变成了妇孺皆知的大事件.大家又开始激烈的讨 ...
- Effective Java 第三版——2. 当构造方法参数过多时使用builder模式
Tips <Effective Java, Third Edition>一书英文版已经出版,这本书的第二版想必很多人都读过,号称Java四大名著之一,不过第二版2009年出版,到现在已经将 ...
- Excel大写和小写转换函数
Excel中的大写和小写转换函数 (1).转换为所有小写字母:lower函数 (2).转换为所有大写字母:upper函数 (3).转换为首字母大写,其余小写字母:proper函数 三种函数的使用方式. ...
- Struts2学习笔记整理(二)
这里是重点. Action接口 struts2 的Action可以是POJO 为了让用户开发的Action更加规范struts2提供了一个Action接口 ActionSupport基类 Struts ...
- inline-block解决
一.现象描述 真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距 二.方法之移除空格 元素间留白间距出现的原因就是标签段之间的空格,因此,去掉HTML中的空格,自 ...
- 知名互联网公司校招 Java 开发岗面试知识点解析
天之道,损有余而补不足,是故虚胜实,不足胜有余. 本文作者在一年之内参加过多场面试,应聘岗位均为 Java 开发方向.在不断的面试中,分类总结了 Java 开发岗位面试中的一些知识点. 主要包括以下几 ...