u011863822的博客

简单聊了一下fetch方法，同时浅聊了以其为什么能代替XMLHttpRequest作为一个ajax思想实现的替代品。

本篇注意聊以了一下Object.defineProperty的应用以及使用细节，而聊了configurable，以及enumerable还有writable，来操作属性可以修改以及修改属性值，和枚举。当然也是用实例演示。

对于模块进行了简单讲解，毕竟模块侧重于使用，然后再通过export和import中的一些注意事项。其它还有模块的动态加载，import可以当作方法一样，然后返回一个promise。下面都通过实例演示，方便理解。

聊了一下迭代器的注意细节，以及生成器如何用，还有具体的例子演示细节。

聊了一下async与await的注意事项，以及其意义，比如await只能捕获成功状态的promise，错误状态需要try-catch进行捕获。

聊了一些promise的对象存在的意义，还有其主要方法的演示，尤其是链式操作常用的then的注意事项等。

JavaScript是单线程运行，而为了解决阻塞采用了异步。而这个也有有了事件循环机制（Event LOOP）,然后在ES6中出现了又将异步的内容分微任务和宏任务。微任务运行比DOM渲染早，宏任务比DOM渲染晚。

Function instanceof Function 与 Function instanceof Object 可以得到true，具体是什么原因这个需要研究一下Function和Object的具体关系。这个其实是由果推因，然后用例子演示。

简单的聊了一些Symbol的一些特点，比如Symbol和Symbol.for的区别，还有一些属性会影响对象某些方法的机制，比如Symbol.iterator，Symbol.hasInstance，Symbol.toPrimitive，Symbol.toStringTag。然后进行了实例演示。

本篇主要聊了以下ES6中的class的一些优点，同时对比者es6之前的一些可现实方式通过class进行实现，包括构造方法，继承，重写。以及get和set方法。

本篇主要聊ES6新特性箭头函数，其呈现的格式，以及呈现时候的规范，在箭头函数中this的指向，还有具体的例子演示。以及rest参数演示

ES6的新特性中的对象简写，模板字符串以及解构赋值和对象的简写

JavaScript中操作本地存储数据的两种方式，localStorage和sessionStorage，两者的区别，以及实例演示。

就是简单了聊一些touch事件，然后举出一个具体的例子。

主要聊一些偏移量的常用属性，offsetTop，offsetLeft，offsetWidth，offsetHeight等。以及 offsetWidth和style中区别，还有经典的商品展示放大镜的效果实现。以及client的常用属性。

监听注册事件，以及删除事件。而最重要的是学习了一些事件流其再冒泡阶段的委托机制，还有事件对象的查用方法或属性。

JavaScript操作页面上的，添加修改元素以及克隆元素。

本篇注意聊了一下在JavaScript中如何修改元素的属性，同时将属性的一些差异演示了一遍。涉及到自定义属性，排他思想，当然还有具体的案例。

在DOM操作中常用的几个事件类型：onfocus，onblur，onclick，onkeyup，onmouseover等

主要聊获得标签的方式：getElementById，getElementsByTagName，getElementsByClassName，getElementsByName，querySelector以及querySelectorAll

简单的聊了一下常用的几个内置对象Maht，Date,String，以及其常用的方式

现在了解JavaScript对象的构造方式，毕竟后面可以聊一些原型和原型链这些都是基础。var obj={ name:"张三"， year:12}var obj1={ name:"李四"， year:13}当然也可以通过对象.属性对其属性重新赋值。用这个特性也可以这样定义两个对象var obj={}; //或者 var obj=new Object() 其实new Object() 和直接用{}没有什么本质区别，所以一般直接用{}obj.name="张三"

学习JavaScript，其中的一个技术-Ajax,这个技术在太常见的一种技术。简介AJAX 全称为Asynchronous JavaScript and XML,通过名字可以看出其是异步JS和XML（不过现在更多的是用json来传输数据，而xml变得少用了）.通过AJAX可以在浏览器中像服务器发送异步请求，最大的优势是：无刷新获取数据 。AJAX其发展是来自谷歌搜索建议（使用 AJAX 创造出动态性极强的 web 界面：当您在谷歌的搜索框中键入内容时，JavaScript 会把字符发送到服务器，服

上一篇聊了一些JavaScript中数组的基础，现在可以更加深入的了解一些关于数组的知识，以及前面聊function的时候说arguments是一个伪数组的问题。本篇主要是根据上一篇的方法，用自己的方式去还原一些数据的操作方法，更好的理解数组的本质。本篇更是侧重于对前面聊的伪数据的进一步的了解。伪数组伪数组对比数组其实说起伪数组前面前面聊过 ，毕竟function中的arguments就是一种伪数组。但是没有进一步的进行详细聊，到底伪数组的原理是什么，以及伪数组的进一步的应用。现在开始聊这个。不过

后面继续聊数组相关的一些事情的时候，会出现这两个属性，放在篇幅里面解释，感觉会前后不连贯，所以单独就弄出来作为一篇。本篇很短就是简单的解释其作用，所以想要深入了解的可以跳过本篇了。caller:所有类型为function的对象，全部有caller属性，代表当前函数在那个函数中调用的。callee:所有arguments对象都有callee属性,当前arguments对象是在输入哪个函数的参数对象。看代码理解：function test(){ console.log(argumen

任何编程语言数组是最常用的一种存储简单数据的一种方式，而JavaScript也是。本篇主要聊一些数组的用法，当然不是数组所有的方法。也可以说是对数组的一些简单的了解和理解吧。数组操作数组创建创建一个长度位3的空数组。arr =new Array(3);//通过对象进行声明数组 这个一般不推荐arr1=[,,,];// 数组字面量 常用方式arr2=Array(3);//通过内置的Array构造函数声明数组 这个一般的时候不使用 知道即可可以看出两种创建数组的方式，其实本质是相同的，

拷贝（又名克隆，复制等），但是又分深拷贝和钱拷贝。其实这个问题有时候想通了就很简单，如果想不通可能会有点绕，不过其难度比闭包等号理解的多。为什么又这个概念的存在呢？先举一个例子。var person={ name:"张三", age:22}var person1=person;console.log(person);console.log(person1);似乎可以被拷贝下来了，但是如果你操作person1的属性值，这个时候person属性值也会改变。pers

前面聊的时候说了一个方法判断是否为某个类型的关键字：instanceof，前后还聊了一个typeof判断数据类型，但其又有什么区别呢？以及判断类型的补充tostring.typeof这个是JavaScript中第一个使用判断数据类型的关键字，尤其是在基本数据类型的时候。typeof "abc"; //"string"typeof 1; //"number"typeof null;//"object"typeof undefinded;// "undefinded"判断数据类型发，然后返

前面聊了一些对象的构造函数，前面如果了解的后就可以聊原型和原型链了，其实这个听着很瘆人，不过简单的了解然后换一个名词，觉得原来如此了。原型（prototype）原型（prototype）其实就是function的对象的一个属性，打印出来的话也就是一个对象，如下function Objthis(name,year){ this.name=name; this.year=year; }console.log(Objthis.prototype)既然

JavaScript中this也是一件很神奇 事情，在面向对象（比如java）中表示一个当前的对象引用，但是在JavaScript中this不是固定不变的，而是随着运行环境的改变而改变。this老规矩先看代码：方法中function test(){ console.log(this);}对象中Person={ name:"张三", eat:function(){ console.log(this) }}在方法中，this表示该方法所属的对象。因为第

在JavaScript中有时候看到一些很神奇的函数比如下面截图：这种函数只要浏览器加载的时候会自动运行，而需要调用，前面在闭包的时候也说过这种函数，一般将其称之为：立即执行函数。立即函数的特征：会自动执行只会执行一次立即执行函数格式立即执行函数一般有格式如下：# 格式一（//W3C 推荐这种写法）(function (){ }())#格式二 （但是这个才是最常用的方式之一）(function (){ })();其实上面还可以看出立即执行

AO GOAO和BO，说白了就是局部变量对象和全局变量对象。AO(Activation Object ):其包含了函数执行期的上下文内容。GO(Clobal Object)):其包含全局执行的上下文内容。AO是一个即时的存储容器，函数执行完毕以后，AO是要销毁的。（但是有一种情况例外，那就是闭包）这个具体过程，需要根据js文件进行逐步讲解var a=1;function test(){ var b=2;}#执行了下面这句才会有AOtest()如果不执行test(

再聊AO和BO之前还需要了解作用域的概念，这样方便后面了解很多东西，比如this指向等。作用域作用域（Scope）简单的说就是变量，函数和对象定义后其可用的范围。console.log(a){ var a=1;}function test(){ var b=2;}可以看出在外面无法使用变量b。可以看出作用域可以保护数据不会被外部随意访问，以及修改。简单可以看出作用域可以相互隔离彼此的变量，也就是说在不同的作用域下的同名变量不会冲突。而作用域最重要常用的是全局作

方法的定义很常见，由两种一个是常规写法，还有要给是函数表达式。function test(){ #执行程序}#函数表达式var test1=function(){ #执行程序}形参JavaScript方法自然也可以进行参数，也就是在方法中先来一个形参进行占位。function test(a,b){ # 执行程序}js中形参，不像是java中那样形参中直接定义其必须传输的数据类型。test(1,2)test("a","b")调用都可以运行，甚

隐式转换，这个是JavaScript，这个时候的一些java中的经验不但不会帮助自己，还有可能会错误的引导自己。数据类型JavaScript的变量可以分为三种方式，字面量形式，包装器方式，以及new创建变量（对象）**基本数据类型：**字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。引用数据类型：对象(Object)、数组(Array)、函数(Function)。上面之前的文章中有但是还有三个包装类**包装类：*

本章聊一些运算符和判断语句，这个第一部分就是了解运算符号。在数学中运算是最常见的，而JavaScript中的数字类型自然也无法避免，算术运算符运算符描述+加法-减法*乘法/除法%取模（求余）++自增–自减上面不在演示太常见了。赋值运算符赋值运算符，其实更多的是了解是赋值符，比如等号（=）。还有一些也是赋值运算符运算符说明=最常见的一种运算符，也就是变量赋值。a=1+=例如a+=b等价于 a=

HTML中引用JavaScriptJavaScript一般使用在HTML中，HTML 中的脚本必须位于 <script> 与 </script**>** 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。如下：<!DOCTYPE html><html> <head> <script type="text/javascript">

js的发展历史，不在赘述，毕竟资料很容易找，百度百科即可，同样也只需了解一下其历史即可，没必要背诵下来。JavaScript是一种轻量级的编程语言，其是可以插入到HTML页面中，让所有的浏览器执行（浏览器中内核有js运行的环境）。补充 ：最常见的是五大浏览器和四大内核，其不包含任何中国浏览器，因为中国浏览器用的都是他人的内核。具体内容可以看详情对于一门语言的使用，有些肯定需要了解其一些常见的类型。JavaScript的数据大的方面可以分两类基本类型（值类型）和引用数据类型。基本类型： 字符串 ，