随笔分类 - JavaScript
JS中的offsetWidth、offsetHeight、clientWidth、clientHeight等等的详细介绍
摘要：offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距） offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距） clientWidth //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距） clientHeight //返回
JS集合Set
摘要：集合Set是一种无序的且唯一的数据结构，在ES6中集合名为Set，常用于去重、判断某元素是否在集合中、求交集等。 1 //去重 2 const arr = [1,1,2,2]; 3 const arr2 = [...new Set(arr)]; 4 5 //判断元素是否在集合中 6 const se
JS里的队列和链表
摘要：队列：先进先出的数据结构，可以用数组来模拟 1 const queue = []; 2 queue.push(1); 3 queue.push(2); 4 const item1 = queue.shift(); 5 const item2 = queue.shift(); 链表：元素存储是不连续的
使用链表指针获取JSON的节点值
摘要：1 const json = { 2 a: { b: { c:1 } }, 3 d: { e: 2 }, 4 }; 5 6 const path = ['d','e']; 7 8 let p = json; 9 path.forEach(k => { 10 p = p[k]; 11 }); 12 c
事件循环与任务队列
摘要：同步与异步模式简介我们知道，Javascript语言的执行环境是单线程（single thread）的。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务
栈JS实现
摘要：栈是一种后进先出的数据结构，JS中没有栈但是可以使用Array来实现所有栈的功能。 1 const stack = []; 2 stack.push(1); 3 stack.push(2); 4 const item1 = stack.pop(); 5 const item2 = stack.pop
手写bind方法
摘要：1 Function.prototype.bind = function(ctx) { 2 var fn = this; 3 return function() { 4 fn.apply(ctx, arguments); 5 }; 6 }; 1 Promise.myAll = function(pr
AJAX
摘要：AJAX就是Asynchronous JavaScript And XML，就是异步的 JS 和 XML，优势：无刷新获取数据 XML：可扩展标记语言，被设计用来传输和存储数据。和HTML类似，但是XML里是预定义标签，而XML中没有预定义标签。 目前XML已经被JSON代替了。 AJAX的优点：
let、var和const
摘要：1、 块级作用域 块级作用域有{ }包括，let有块级作用域，var不存在块级作用域 块级作用域解决了ES5中的两个问题 ·内层变量可能覆盖外层变量 ·用来计数的循环变量泄露为全局变量 2、 变量提升 var存在变量提升，let和const不存在变量提升，变量只能在声明之后使用，否则会报错 3、 给
JS中filter()方法的使用
摘要：一、作用 filter用于对数组进行过滤。它创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意：filter()不会对空数组进行检测、不会改变原始数组 二、语法 Array.filter(function(currentValue, indedx, arr), thisVa
this的指向问题
摘要：知识点：参考网址：https://www.cnblogs.com/kongxy/p/4581223.html 随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是调用函数的那个对象。 1）方法调用模式 当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一
JS的严格模式
摘要：1、不允许用with。 2、所有变量必须声明，赋值给为声明的变量报错，而不是隐式创建全局变量。 3、eval中的代码不能创建eval所在作用域下的变量、函数。而是为eval单独创建一个作用域,并在eval返回时丢弃。 4、函数中得特殊对象arguments是静态副本，而不像非严格模式那样，修改arg
JS函数后面的小括号用法
摘要：f()意思是执行f函数，返回子函数 f()()执行子函数，返回孙函数 f()()()执行孙函数 ()()表示定义并执行，使用时不用再单独调用执行了 但注意，如果想这样执行，函数结构必须是这样，f的函数体里要return 子函数，子函数里要return 孙函数，如果没有return关键字，是不能这样连
href和src的区别
摘要：1、href 标识超文本引用，用在 link 和 a 等元素上，href 是引用和页面关联，是在当前元素和引用资源之间建立联系。 2、src 表示引用资源，表示替换当前元素，用在img，script，iframe 上，src 是页面内容不可缺少的一部分。 3、src 是 source 的缩写，是指向
JS中attribute和property的区别
摘要：一、property属性: 一般指的对象中的属性，也就是使用点号(.)访问的属性，它明确的指向内存中的一个内存地址中存 放的内容。它是真正编程中所说的属性。property属性值可以是各种类型的。 二、attribute属性: 此属性在web编程中，一般是标签中的属性，例如<input id="ap
JS DOM编程艺术 | 笔记
摘要：第一章 JavaScript语法 1、最好的方法是<script>标签放到HTML文档的最后，</body>标签之前。 2、与解释性语言相比，编译型语言往往速度更快，可移植性更好。 3、字符串用单引号双引号都行，最好根据字符串包含的字符来选择，可以用转移字符\ 4、一个数组中可以存不同的数据类型比如
事件基础
摘要：事件包括三部分：事件主角、事件类型、事件过程 JS常见的事件有5种：鼠标、键盘、表单、编辑、页面 调用方式有两种：在script标签中调用、在元素中调用。 在script标签中调用：obj.事件名=function(){ }； //相当于把函数赋值给一个变量 在元素中调用： 1、鼠标事件 oncli
DOM基础
摘要：DOM是采用树形结构表示页面的每一个元素，操作元素时，可以把这个元素看成一个对象，然后用这个对象的属性和方法进行相关操作。 常见的DOM结点有3种，元素节点、属性节点、文本节点。用noteType判断一个节点的类型三个节点分别对应1、2、3 在CSS里，通过选择器来操作。但是在JS里，有另外一套方式
JavaScript基础
摘要：第一章 语法基础 有没有和服务器端进行交互是判断是否是动态页面的依据 JS的引入方式： 外部：HTML代码和JS代码在不同文件中，在HTML中用script标签引入JS代码（引入CSS是用link标签） 内部：HTML和JS在一块，JS写在<script></script>标签中 元素属性：在元素属
