随笔分类 - JavaScript
摘要：1、执行机制 js 是单线程的，主线程在执行时会不断循环往复的从同步队列中读取任务、执行任务，当同步队列执行完毕后再从异步队列中依次执行。宏任务与微任务都属于异步任务，在执行优先级上微任务的优先级高于宏任务，因此每一次都会先执行完微任务在执行宏任务。 微任务有：promise的回调，Mutation
阅读全文
摘要：1、观察者模式 观察者模型是非常普遍的一种设计模式，通常会用来在不同系统之间进行解耦。 观察者模式：两种关键对象和三种关键操作 subject 对象（目标对象）：提供三种基本操作方式：被订阅（注册监听方法 register），被取消订阅（移除监听方法 remove），触发事件（notify） obs
阅读全文
摘要：1、继承 应注意区分继承和实例化，实例化是生成一个对象，这个对象具有构造函数的属性和方法；继承指的应该是利用父类生成一个新的子类构造函数，通过这个子类构造函数实例化的对象，具有子类的属性和方法，同时也具有父类的属性和方法。 2、原型链继承 2.1、实现方法 实现原型链继承的方法是通过重写子类的原型对
阅读全文
摘要：1、构造函数 Date 对象可以通过构造函数来生成，Date 的构造函数可以放入四种不同的参数 1.1、new Date() ，返回此时的本地日期时间的date对象 1.2、new Date(毫秒数) ，返回一个通过毫秒数转变的date对象 参数里面的毫秒数是整数，表示的是从 '1970/01/01
阅读全文
摘要：1、setTimeout、setInterval、promise、宏任务、微任务 先执行宏任务整体 script 同步代码，然后遇到 setTimeout 或者 setInterval 即放到宏任务队列中，遇到微任务放到微任务队列中。整体 script 同步代码执行完后再执行微任务队列，执行完后再执
阅读全文
摘要：1、cookie基本介绍（客户端会话技术） cookie 是存储在客户端的，即浏览器，所以称之为客户端会话技术。而 session 是存储在服务器端的，所以称之为服务器端会话技术。 cookie是纯文本，没有可执行代码，是指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端（浏
阅读全文
摘要：1、回调地狱 在使用JavaScript时，为了实现某些逻辑经常会写出层层嵌套的回调函数，如果嵌套过多，会极大影响代码可读性和逻辑，这种情况也被成为回调地狱。比如说你要把一个函数 A 作为回调函数，但是该函数又接受一个函数 B 作为参数，甚至 B 还接受 C 作为参数使用，就这样层层嵌套，人称之为回
阅读全文
摘要：1、URI 统一资源标识符（URI）是一个用于标识某一互联网资源名称的字符串。，该种标识允许用户对任何（包括本地和互联网）的资源通过特定的协议进行交互操作。Web上可用的每种资源 -HTML文档、图像、视频片段、程序等都可由一个通用资源标识符（Uniform Resource Identifier,
阅读全文
摘要：1、获取节点 1.1、用 getElement 方法获取 获取元素节点时，必须等到DOM树加载完成后才能获取。两种处理方式：（1）将JS写在文档最后；（2）将代码写入window.onload函数中； 这一系列方法，也可以先选中一个DOM节点，在从选中的DOM节点的子节点里，选择需要的节点： 1.2
阅读全文
摘要：1、DOM事件流概念 DOM模型是一个树形结构，在DOM模型中，HTML元素是有层次的。当一个HTML元素上产生一个事件时，该事件会在DOM树中元素节点与根节点之间按特定的顺序传播，路径所经过的节点都会收到该事件，这个传播过程就是DOM事件流。 DOM事件标准定义了两种事件流，分别是捕获事件流和冒泡
阅读全文
摘要：1、跨域的概念 1.1、同源策略（same-origin policy，域名、协议、端口） 浏览器安全的基石是"同源政策"，1995年，同源政策由 Netscape（网景） 公司引入浏览器，目前，所有浏览器都实行这个政策。同源策略指的是域名、协议、端口号都相同，只要 协议，域名，端口有任何一个的不同
阅读全文
摘要：通用的页面加载后再运行JS有两种方式：1、在DOM加载完毕后，页面全部内容（如图片等）完全加载完毕前运行JS。 2、在页面全部内容加载完成（包括引用文件，图片等）之后再加载JS 1、在DOM加载后，全部内容加载前运行 这种方式在同一文件中可以运行多个且不会覆盖。 由于在$(document).rea
阅读全文
摘要：JS 立即执行函数可以让函数在创建后立即执行，这种模式本质上就是函数表达式(命名的或者匿名的)，在创建后立即执行。 1、立即执行函数的写法 立即执行函数通常有下面两种写法： //第一种写法 (function(){ ... })(); //第二种写法 (function(){ ... }()); /
阅读全文
摘要：AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面，而AJAX 最大的优点是在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。ajax是基于XML
阅读全文
摘要：1、Object.getPrototypeOf(obj) 该方法返回 obj 对象的原型对象，等同于 obj.__proto__。获取对象的原型对象推荐使用该方法而不是 obj.__proto__方法 参考：https://developer.mozilla.org/zh-CN/docs/Web/J
阅读全文
摘要：对象有两种属性：（1）数据属性，就是我们经常使用的属性（2）访问器属性，也称存取器属性 存取器属性就是一组获取和设置值的函数。getter负责获取值，它不带任何参数。setter负责设置值，在它的函数体中，一切的return都是无效的。 在对象内如果设置了存取器属性，如果某一变量只声明了getter
阅读全文
摘要：与其他程序设计语言不同，ECMAScript 不会验证传递给函数的参数个数是否等于函数定义的参数个数。 开发者定义的函数都可以接受任意个数的参数而无需跟定义的函数相匹配（根据 Netscape 的文档，最多可接受 255 个），而不会引发任何错误。任何遗漏的参数都会以 undefined 传递给函数
阅读全文
摘要：正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。简单来说正则表达式就是处理字符串的，我们可以用它来处理一些复杂的字符串。 1、创建方式 pattern（模式）：描述了表达式的模式 modifiers(修饰符) ：用于指定不区分大小写、全局匹配和多行匹配（i、g、m），当没
阅读全文
摘要：1、属性 1.1、length var txt = "abc 123"; console.log(txt.length); // 7 2、方法 JS 为字符串内置了许多属性和方法，但这些内置方法都不会改变原有的字符串，只会返回一个新字符串，在 JS 中字符串是固定不变的。 2.1、返回字符位置（in
阅读全文
摘要：1、JS中常见的几种错误 1.1、SyntaxError（语法错误） 解析代码时发生的语法错误 var 1a; //Uncaught SyntaxError: Invalid or unexpected token 变量名错误 console.log 'hello'); //Uncaught Syn
阅读全文
浙公网安备 33010602011771号