javascript 常用知识点
1:浏览器是有缓存的,开发中可以通过快捷键绕过缓存
对于Windows驱动的系统:Ctrl + F5
对于Mac驱动的系统:Command + Shift + R.
2:精度问题 (符点和大数字可能会导致精度出现问题)
0.1 + 0.2 == 0.3; // false 判断符点的==时需注意
99999999999999999 === 100000000000000000 // true 大整数丢失精度
12.235.toFixed(2) // 12.23 难道是我概念理解错了?
3:Promise (Promise是个承诺. new Promise(function(resolve, reject){}) 一言即出,四马难追.)
4:闭包函数. (函数创建的时候,scope就确定了)
var a = 0; function addCount() { a++; } // 修改下使之成为一个闭包 function addCount() { var a = 0; return function() { a++; } }
5: 箭头函数. (箭头函数对懒人来说很有用,看上去清晰多了 )
const add = x => y => x + y;
add(10)(1);
6: 判断相等. (判断是值的判断,对像和对像判断是判断地址,对象和原始数据判断是,是先把对象转化原始数据)
console.log(null == 0); // false
console.log(Boolean("0")); // true
console.log([] == 0); // true. 对象与基本数据判断的时候,对象会先转化为基本数据
console.log({valueOf:()=>5} == 5); // ture
console.log(Boolan([])); // true;
7:let 与 var的区别
//------ 全局变量a由var命令声明,所以它是顶层对象的属性;全局变量b由let命令声明,所以它不是顶层对象的属性
var a = 1;
console.log(window.a); // 1
let b = 1;
console.log(window.b); // undefined // ------let 自带作用域--------------------------------------------------------------------------
let name1 = "hong";
(function(){
let name1 = "honghong"
})();
console.log(name1); // honghong var name = "hong";
(function() {
name = "honghong";
})();
console.log(name); // honghong //---------------------------------------------------------与闭包相关----------------------------
// 用let实现闭包
var array = [];
for (let i = 0; i < 5; i++) {
array.push(function(){
console.log("i:", i)
});
}
array[2](); // 输出2 // 用var
array = [];
for (var j = 0; j < 5; j++) {
array.push(function(){
console.log("i:", j);
});
}
array[2](); // 输出5 // 用闭包实现
array = [];
for (var j = 0; j < 5; j++) {
array.push((function(index){
return function() {
console.log("i", index);
}
})(j));
}
console.log(array[2]()); // 输出2
8:二进制 ArrayBuffer, TypedBuffer, DataView
ArrayBuffer代表储存二进制数据的一段内存.不能直接用来读写。只能被TypeArray或DataView"包装"后,方才能读写
TypedBuffer用来读写简单的二进制数据(参数 arraybuffer, 起始位置, 长度 | 普通数组 | count )
DataView用来读写复杂的二进制数据(参数 arraybuffer, 起始位置,count )
const buffer = new ArrayBuffer(24);
const uint32Array = new Uint32Array(buffer, 0, 1);
const uint3Array = new Uint8Array(buffer, 4, 16);
const float32Array = new Float32Array(buffer, 20, 1);
上面代码将一个 24 字节长度的ArrayBuffer
对象,分成三个部分:
- 字节 0 到字节 3:1 个 32 位无符号整数
- 字节 4 到字节 19:16 个 8 位整数
- 字节 20 到字节 23:1 个 32 位浮点数
9:async返回一个Promise. async函数内部return语句返回的值会成为then方法回调函数的参数
async function f() {
return 'hello world';
}
f().then(v => console.log(v))
10:正则表达式
(x) 匹配 'x' 并且记住匹配项 例 'bar foo'.replace( /(bar) (foo)/, '$2 $1'); // foo bar
(?:x) 匹配 'x' 并且不记住匹配项
x(?=y) 匹配 'x'并且后面跟着y
x(!=y) 匹配 'x'并且后面不跟着y
\b 匹配一个词的边界
11:webgl用的是右手坐标系
12:symbol 是原始数据,可表示唯一的值. Symbol("bar) == Symbol("bar") // false Symbol.from("bar") == Symbol.from("bar") // true
13:Iterator 接口的目的,就是为所有数据结构,提供了一种统一的访问机制
14:VO|AO (听起来很高大上,理解下,装装逼)
EC的建立分两阶段
进入上下文阶段:发生在函数调用时,但是在执行具体代码之前(比如,对函数参数进行具体化之前)
执行代码阶段:变量赋值,函数引用,执行其他代码。
AO示例: function test(a, b) {
var c = 10;
function d() {}
var e = function _e() {};
(function x() {});
} test(10); // call
当进入test(10)的执行上下文时,它的AO为: testEC={
AO:{
arguments:{
callee:test
length:1,
0:10
},
a:10,
c:undefined,
d:<reference to FunctionDeclaration "d">,
e:undefined
}
};
由此可见,在建立阶段,VO除了arguments,函数的声明,以及参数被赋予了具体的属性值,其它的变量属性默认的都是undefined。函数表达式不会对VO造成影响,因此,(function x() {})并不会存在于VO中。 当执行test(10)时,它的AO为: testEC={
AO:{
arguments:{
callee:test,
length:1,
0:10
},
a:10,
c:10,
d:<reference to FunctionDeclaration "d">,
e:<reference to FunctionDeclaration "e">
}
};
可见,只有在这个阶段,变量属性才会被赋具体的值。
15:知识概念 举例说明
// 填充VO的顺序是: 函数的形参 -> 函数申明 -> 变量申明。当变量申明遇到VO中已经有同名的时候,不会影响已经存在的属性
function a(x) {
return x * 2;
}
var a;
console.log(a);
// 活动对象是在进入函数上下文时刻被创建的,它通过函数的arguments属性初始化
function b(x, y, a) {
arguments[2] = 10;
console.log(a);
}
b(1, 2); // __proto__ 指向原型对象
function A(){};
A.prototype.getName = function(){return console.log("honghong")};
var a = new A();
a.getName(); // honghong
a.__proto__ = null;
console.log(a instanceof A); // 检查a是否是A的原型 false
a.getName(); // 指向的原型为空,所以报错 // 构造函数动态传参
function People(a, b, c) {
this.a = a;
this.b = b;
this.c = c;
}
People.prototype.say = function() {
console.log("say hello");
}
var obj = {};
People.apply(obj, [1,2,3]);
obj.__proto__ = People.prototype;
console.log(obj.a,obj.b,obj.c);
console.log(obj.say);
16:防盗链的实现可以通过设置HTTP Header中的Referer实现
base标签很有用,可以本地看线上的一些效果
xml一般只在浏览器会有支持,像nodejs,小游戏等不支持xml,这时就需要把xml转化成json,或使用 window.DOMParser = require("./xmldom/xmldom.js").DOMParser
17:es6写法
var obj1 = {}, var obj2 = {...obj1}, 浅复制的另一种写法
javascript 常用知识点的更多相关文章
- javaScript常用知识点有哪些
javaScript常用知识点有哪些 一.总结 一句话总结:int = ~~myVar, // to integer | 是二进制或, x|0 永远等于x:^为异或,同0异1,所以 x^0 还是永远等 ...
- JavaScript常用知识点整理——思维导图
如图 思维导图图片链接 http://www.edrawsoft.cn/viewer/public/s/b8327462051289 有道云笔记图片链接 http://note.youdao.com/ ...
- Javascript重要知识点梳理
Javascript重要知识点梳理 一.Javascript流程控制 js中常用的数据类型 var关键字的使用 if – else if – else switch while for 二.Javas ...
- javascript常用知识点集
javascript常用知识点集 目录结构 一.jquery源码中常见知识点 二.javascript中原型链常见的知识点 三.常用的方法集知识点 一.jquery源码中常见的知识点 1.string ...
- Javascript常用的设计模式详解
Javascript常用的设计模式详解 阅读目录 一:理解工厂模式 二:理解单体模式 三:理解模块模式 四:理解代理模式 五:理解职责链模式 六:命令模式的理解: 七:模板方法模式 八:理解javas ...
- JavaScript基本知识点——带你逐步解开JS的神秘面纱
JavaScript基本知识点--带你逐步解开JS的神秘面纱 在我们前面的文章中已经深入学了HTML和CSS,在网页设计中我们已经有能力完成一个美观的网页框架 但仅仅是网页框架不足以展现出网页的魅力, ...
- JavaScript 常用功能总结
小编吐血整理加上翻译,太辛苦了~求赞! 本文主要总结了JavaScript 常用功能总结,如一些常用的JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式. 目录: 众所周知,JavaScri ...
- select元素javascript常用操作 转
/*------------------------------------------------------ *作者:xieyu @ 2007-08-14 *语言:JavaScript *说明:s ...
- DB2_SQL_常用知识点&实践
DB2_SQL_常用知识点&实践 一.删除表中的数据(delete或truncate) 1 truncate table T_USER immediate; 说明:Truncate是一个能够快 ...
随机推荐
- MySQL高级——课程大纲
一.课程概述 总体结构概述: //特别注意本次课程目标在于写出高效的JAVA代码,而非DBA等的专业调优 各章节概述
- 20155320 《Java程序设计》实验五网络编程与安全实验报告
20155320 <Java程序设计>实验五网络编程与安全实验报告 实验内容 实验一 1.两人一组结对编程: 参考http://www.cnblogs.com/rocedu/p/67667 ...
- HBase常用命令汇总——综述(一)
hbase(main):009:0> help HBase Shell, version 1.2.4, r67592f3d062743907f8c5ae00dbbe1ae4f69e5af, Tu ...
- Windows下安装RaibbitMQ
1.软件准备 1.1 erlang语言包 到http://www.erlang.org/download.html下载,并且运行! 安装目录C:\Program Files (x86)\erl5.10 ...
- RHCSA-day4
硬盘分区 1.硬盘的物理组成 硬盘实际上是由很多的盘片.磁臂.磁头与主轴马达所组成的. 那么实际的数据当然是写在具有磁性物质的盘片上了.数据的读写主要是通过在磁臂上的磁头来完成的.实际运转时,主轴马达 ...
- 每周开源项目分享-年轻人的第一个OAuth2.0 Server:hydra
年轻人的第一个OAuth2.0 Server:hydra hydra 是什么呢? OpenID Connect certified OAuth2 Server - cloud native, secu ...
- 【JUC源码解析】ThreadPoolExecutor
简介 ThreadPoolExecutor,线程池的基石. 概述 线程池,除了用HashSet承载一组线程做任务以外,还用BlockingQueue承载一组任务.corePoolSize和maximu ...
- Eclipse--Maven--Dynamic Web Module 3.0 requires Java 1.6 错误
用Eclipse创建Maven webapp项目时报错Dynamic Web Module 3.0 requires Java 1.6 错误 其实这个问题就是两者不匹配的问题Dynamic Web M ...
- 搜索引擎ElasticSearch系列(三): ElasticSearch2.4.4 bigdesk插件安装
一:ElasticSearch bigdesk插件简介 bigdesk是elasticsearch的一个集群监控工具,可以通过它来查看es集群的各种状态,如:cpu.内存使用情况,索引数据.搜索情况, ...
- OpenCL入门:(二:用GPU计算两个数组和)
本文编写一个计算两个数组和的程序,用CPU和GPU分别运算,计算运算时间,并且校验最后的运算结果.文中代码偏多,原理建议阅读下面文章,文中介绍了OpenCL相关名词概念. http://opencl. ...