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 常用知识点的更多相关文章

  1. javaScript常用知识点有哪些

    javaScript常用知识点有哪些 一.总结 一句话总结:int = ~~myVar, // to integer | 是二进制或, x|0 永远等于x:^为异或,同0异1,所以 x^0 还是永远等 ...

  2. JavaScript常用知识点整理——思维导图

    如图 思维导图图片链接 http://www.edrawsoft.cn/viewer/public/s/b8327462051289 有道云笔记图片链接 http://note.youdao.com/ ...

  3. Javascript重要知识点梳理

    Javascript重要知识点梳理 一.Javascript流程控制 js中常用的数据类型 var关键字的使用 if – else if – else switch while for 二.Javas ...

  4. javascript常用知识点集

    javascript常用知识点集 目录结构 一.jquery源码中常见知识点 二.javascript中原型链常见的知识点 三.常用的方法集知识点 一.jquery源码中常见的知识点 1.string ...

  5. Javascript常用的设计模式详解

    Javascript常用的设计模式详解 阅读目录 一:理解工厂模式 二:理解单体模式 三:理解模块模式 四:理解代理模式 五:理解职责链模式 六:命令模式的理解: 七:模板方法模式 八:理解javas ...

  6. JavaScript基本知识点——带你逐步解开JS的神秘面纱

    JavaScript基本知识点--带你逐步解开JS的神秘面纱 在我们前面的文章中已经深入学了HTML和CSS,在网页设计中我们已经有能力完成一个美观的网页框架 但仅仅是网页框架不足以展现出网页的魅力, ...

  7. JavaScript 常用功能总结

    小编吐血整理加上翻译,太辛苦了~求赞! 本文主要总结了JavaScript 常用功能总结,如一些常用的JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式. 目录: 众所周知,JavaScri ...

  8. select元素javascript常用操作 转

    /*------------------------------------------------------ *作者:xieyu @ 2007-08-14 *语言:JavaScript *说明:s ...

  9. DB2_SQL_常用知识点&实践

    DB2_SQL_常用知识点&实践 一.删除表中的数据(delete或truncate) 1 truncate table T_USER immediate; 说明:Truncate是一个能够快 ...

随机推荐

  1. MySQL高级——课程大纲

    一.课程概述 总体结构概述: //特别注意本次课程目标在于写出高效的JAVA代码,而非DBA等的专业调优 各章节概述         

  2. 20155320 《Java程序设计》实验五网络编程与安全实验报告

    20155320 <Java程序设计>实验五网络编程与安全实验报告 实验内容 实验一 1.两人一组结对编程: 参考http://www.cnblogs.com/rocedu/p/67667 ...

  3. HBase常用命令汇总——综述(一)

    hbase(main):009:0> help HBase Shell, version 1.2.4, r67592f3d062743907f8c5ae00dbbe1ae4f69e5af, Tu ...

  4. Windows下安装RaibbitMQ

    1.软件准备 1.1 erlang语言包 到http://www.erlang.org/download.html下载,并且运行! 安装目录C:\Program Files (x86)\erl5.10 ...

  5. RHCSA-day4

    硬盘分区 1.硬盘的物理组成 硬盘实际上是由很多的盘片.磁臂.磁头与主轴马达所组成的. 那么实际的数据当然是写在具有磁性物质的盘片上了.数据的读写主要是通过在磁臂上的磁头来完成的.实际运转时,主轴马达 ...

  6. 每周开源项目分享-年轻人的第一个OAuth2.0 Server:hydra

    年轻人的第一个OAuth2.0 Server:hydra hydra 是什么呢? OpenID Connect certified OAuth2 Server - cloud native, secu ...

  7. 【JUC源码解析】ThreadPoolExecutor

    简介 ThreadPoolExecutor,线程池的基石. 概述 线程池,除了用HashSet承载一组线程做任务以外,还用BlockingQueue承载一组任务.corePoolSize和maximu ...

  8. 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 ...

  9. 搜索引擎ElasticSearch系列(三): ElasticSearch2.4.4 bigdesk插件安装

    一:ElasticSearch bigdesk插件简介 bigdesk是elasticsearch的一个集群监控工具,可以通过它来查看es集群的各种状态,如:cpu.内存使用情况,索引数据.搜索情况, ...

  10. OpenCL入门:(二:用GPU计算两个数组和)

    本文编写一个计算两个数组和的程序,用CPU和GPU分别运算,计算运算时间,并且校验最后的运算结果.文中代码偏多,原理建议阅读下面文章,文中介绍了OpenCL相关名词概念. http://opencl. ...