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. 5.18-笨办法学python-习题17(文件拷贝)

    from sys import argv from os.path import exists #又import了一个命令exists,这个命令将文件名字符串作为参数,如果文件存在返回TRUE,否则返 ...

  2. C++基本概念复习

    照着https://www.w3cschool.cn/cpp/,把C++的基础概念顺了一遍,虽然很久没用C++,还是整理一下. #include "stdafx.h"; #incl ...

  3. VMWare 桥接模式

    桥接网络模式是VMware虚拟机中最简单直接的模式. 桥接网络(Bridged Networking) 桥接网络是指本地物理网卡和虚拟网卡通过VMnet0虚拟交换机进行桥接,物理网卡和虚拟网卡在拓扑图 ...

  4. Asp.net Core Startup Class中是如何获取配置信息的

    默认的网站构建方式 VS2015新建asp.net core项目,项目建立完成后,有两个文件,Program.cs和Startup.cs. public class Program { public ...

  5. 20155226 2016-2017-2 《Java程序设计》第3周学习总结

    20155226 2016-2017-2 <Java程序设计>第3周学习总结 教材学习内容总结 认识对象 类类型 Java可区分为基本类型和类类型两大类型系统,其中类类型也称为参考类型.s ...

  6. 课上实践练习——MySort

    模拟实现Linux下Sort -t : -k 2的功能.参考 Sort的实现.提交码云链接和代码运行截图. Linux下Sort -t : -k 2的功能 sort的工作原理: sort将文件的每一行 ...

  7. 成都Uber优步司机奖励政策(4月13日)

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  8. 【LOJ121】「离线可过」动态图连通性

    [LOJ121]「离线可过」动态图连通性 题面 LOJ 题解 线段树分治的经典应用 可以发现每个边出现的时间是一个区间 而我们每个询问是一个点 所以我们将所有边的区间打到一颗线段树上面去 询问每个叶子 ...

  9. hive 动态分区插入

    首先需要进行以下设置: set hive.exec.dynamic.partition=true; set hive.exec.dynamic.partition.mode=nonstrict; se ...

  10. 面试之HTTP基础(不断完善中)

    目录 1. HTTP状态码 2.Cookie和Session Cookie Session 3.短连接与长连接 4.HTTPs 加密 5.Http和https的区别 6.HTTP/1.0 与 HTTP ...