前导知识 网页生成过程 HTML被HTML解析器解析成DOM 树，HTML中的每个tag都是DOM树中的1个节点，根节点就是常用的document对象DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。 CSS被CSS解析器解析成CSSOM 树 结合DOM树和CSSOM树，生成一棵渲染树(Render Tree)，渲染树中每个节点都有自己的样式，而且渲染树不包含隐藏的节点 (比如display:none的节点，还有head节点)，因为这些节点不会用于呈现，所以就不会包含到 render tree中。 生成布局（flow），将渲染树的所有节点进行平面...

原始数据类型 原始数据类型有：Undefined、Null、Boolean、Number、String、Symbol 、 Bigint。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型： Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。 BigInt 是一种数字类型的数据，提供了一种方法来表示大于2^53-1的整数。BigInt可以表示任意大的整数，Number类型只能安全的支持-2^53-1 和 2^53-1之间的整数，任何超过这个范围的数值都会失去精度；而BigInt可以解决这个问题 原始数据类型直接存储在栈（st...

this指向 this永远指向最后调用它的对象 例1： var name = "windowsName"; function a() { var name = "name"; console.log(this.name); // windowsName console.log("inner:" + this); // inner: Window } a(); console.log("outer:" ...

前导知识 认证（Authentication） 通俗地讲就是验证当前用户的身份，证明“你是你自己”（比如：每天上下班打卡，都需要通过指纹打卡，当你的指纹和系统里录入的指纹相匹配时，就打卡成功） 互联网中的认证： 用户名密码登录 邮箱发送登录链接 手机号接收验证码 只要你能收到邮箱/验证码，就默认你是账号的主人 授权（Authorization） 用户授予第三方应用访问该用户某些资源的权限 安装手机应用的时候，APP 会询问是否允许授予权限（访问相册、地理位置等权限） 访问微信小程序时，当登录时，小程序会询问是否允许授予权限（获取昵称、头像、地区、性别等个人信息） 实现授权的方式有：co...

TPC和UDP协议 OSI七层模型和TCP/IP四层模型 应用层 表示层 会话层 传输层 网络层 数据链路层 物理层 TCP/IP 四层概念： 应用层：应用层、表示层、会话层：HTTP 传输层：传输层：TCP/UDP 网络层：网络层：IP 数据链路层：数据链路层、物理层 什么是TCP TCP协议简单来说是一种位于传输层的，面向连接的、可靠的、基于字节流的传输层通信协议 TCP的特点 TCP是面向连接的传输层协议。比如说TCP的三次握手，四次分手，针对的都是连接。而 UDP 没有相应建立连接的过程，只是一直在发送数据。 每一条TCP连接只能有两个端点，每一条TCP连接是点对点的。也就是...

前言 由于项目中需要用到表单验证，在文章逐步优雅的表单验证获取思路，根据需求封装了一个表单验证类 思路 需求： 可自定义验证规则 可自定义验证的正则表达式 可同时验证多个规则或正则表达式 可复用 根据以上需求，同时也为了自己学习实践ES6写法的Class，在文章的代码上进行了一定改写。通过Class的写法，在类中定义验证规则的方法，比ES5更改原型的写法更直观，更清晰。 代码 封装验证类 /** *验证类 *@param {Object} data 需要验证的数据，格式为 {username:"abc"} *@param {Array} rules 验证的规则，格...

前言 本文记录uniapp实际开发中遇到的坑 生命周期 页面生命周期 函数名 说明 onInit 监听页面初始化，其参数同 onLoad 参数，为上个页面传递的数据，参数类型为 Object（用于页面传参），触发时机早于 onLoad onLoad 监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参），参考示例 onShow 监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面 onReady 监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发 onHide 监听页面隐藏 onUnload 监...

原型/原型链学习笔记 原型对象 什么是原型对象 在JavaScript中，对象由构造函数来新建，每个构造函数内部都有一个prototype 属性，这个属性指向一个对象，包含了由该构造函数创建的实例对象共享的所有属性和所有方法。这个prototype属性的值就是原型对象。 对象的继承机制 由于所有的实例对象共享同一个prototype对象，那么从外界看起来，prototype对象就好像是实例对象的原型，而实例对象则好像"继承"了prototype对象一样。 注意： 原型对象是通过引用来传递的，对象内的属性和方法都是同一个内存地址，可以提高运行效率。 每个创建的实例对象中...