JS 的事件循环宿主环境JS 运行的环境称之为宿主环境，eg. 浏览器，服务器，桌面等 执行环境栈放执行环境的地方，栈尾就是活动的执行环境 浏览器内核浏览器内核是多线程的：GUI 渲染线程、JavaScript 引擎线程、定时触发器线程、事件触发线程、异步 http 请求线程 渲染引擎和 JS 引擎是互斥的，所以渲染引擎在解析 DOM 的时候遇到 srcipt 会被暂停，阻塞渲染 主线程依...

异步编程，就是通过利用客户端环境的 Event-Loop 机制，去异步地执行某些代码 一些自己之前容易乱的关系异步函数 = 异步操作，异步函数中包含回调函数做参数。回调函数只是一个普通函数。异步函数可以写成Promise形式 以前，异步编程的方法，大概有下面四种。回调函数事件监听Promise 对象 回调函数回调函数，就是把任务的第二段单独写在一个函数里面，等到重新执行这个任务的时...

浏览器渲染渲染流程 接收到 HTML 文件，转化为 DOM 树（字节数据=>字符串=>Token（最小单位代码）=>Node=>DOM）当然，在解析 HTML 文件的时候，浏览器还会遇到 CSS 和 JS 文件，这时候浏览器也会去下载并解析这些文件（即遇到 script 标签会暂停 DOM 的构建） 将 CSS 文件转换为 CS...

XSS定义跨站脚本攻击(Cross Site Scripting)，缩写为XSS（避免和CSS混淆就没缩写成CSS）。恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的 XSS攻击注入点HTML节点内容节点中包含用户输入的内容。例如 123<div>#{content}...

http://www.ruanyifeng.com/blog/2019/08/web_components.html

框架入门及 VueMVC、MVP 与 MVVMMVCM（Model）：数据保存V（View）：用户页面C（Controller）：业务逻辑所有通信都是单向的。 View 传指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将新的数据发送到 View，用户得到反馈 MVP传统前端开发过程使用的 MVP 设计模式（eg.jQuery）...

JS 原理的实现实现一个 Promise()Promise 的特点： new Promise 时需要传递一个函数 fn 作为执行器（执行器会立刻执行） 执行器中传递了两个参数：resolve 成功的函数、reject 失败的函数（他们调用时可以接受任何值的参数 value） promise 状态只能从 pending 态转到 resolved 或者 rejected，如果状态发生改变执行相...

HTML & CSS高度始终是宽度的 50%的盒子一个 div 垂直居中；其距离屏幕左右两边各 10px；其高度始终是宽度的 50%div 中有文本’A’；其 font—size:20px；文本水平垂直居中 12width: calc(100vw - 20px);height: calc(50vw - 10px); 上中下的 flex 布局，上下定高中间自适应 父盒子写 displ...

变量提升与var、let及const 函数提升优先于变量提升（var），函数提升会把整个函数挪到作用域顶部，变量提升只会把声明挪到作用域顶部 var 存在变量提升，我们能在声明之前使用。let、const 因为暂时性死区的原因，不能在声明前使用 var 在全局作用域下声明变量会导致变量挂载在 window 上（变成window的属性），其他两者不会 let 和 const 作用基本一致，但是...

数据类型数据类型ES 中有 6 种基本数据类型：undefined（未声明），null（空对象指针，可以说一个变量想用来保存对象，未保存之前最好使其等于 null），boolean，number，string，symbol（fromES6））；一种复杂数据类型：Object引用类型有：Object，Array，Function，Date，RegExp 基本类型与引用类型区别引用类型（对象类型...