03 2021 档案

Virtual DOM与React diff原理理解
摘要：一 Virtual DOM理解：https://www.w3cplus.com/javascript/understand-the-Virtual-DOM.html 主要从三个方面理解：一个对象，两个前提，三个步骤： 一个对象指的是Virtual DOM是一个基本的JavaScript对象，也是整个 阅读全文
posted @ 2021-03-30 11:50 TerryMin 阅读(147) 评论(0) 推荐(0)
React 生命周期及setState原理分析
摘要：一 React 生命周期函数： 初始化阶段： getDefaultProps:获取实例的默认属性 getInitialState:获取每个实例的初始化状态 componentWillMount：组件即将被装载、渲染到页面上 render:组件在这里生成虚拟的 DOM 节点 componentDidM 阅读全文
posted @ 2021-03-30 11:49 TerryMin 阅读(404) 评论(0) 推荐(0)
React Vue Angular 对比
摘要：一 React与Angular框架对比： 主题 React Angular 1. 体系结构 只有 MVC 中的 View 完整的 MVC 2. 渲染 可以在服务器端渲染 客户端渲染 3. DOM 使用 virtual DOM 使用 real DOM 4. 数据绑定 单向数据绑定 双向数据绑定 5. 阅读全文
posted @ 2021-03-30 07:45 TerryMin 阅读(107) 评论(0) 推荐(0)
盒模型（一）
摘要：一 盒模型：是建立在“块”之上。 1盒子模型：它是网页设计中CSS使用的一种思维模式，具有内容(content)、填充(padding)、边框(border)、边界(margin)属性的一种元素称为盒子模型。 2<!DOCTYPE html>:声明文档解析类型，避免浏览器的怪异模式： BackCom 阅读全文
posted @ 2021-03-27 16:21 TerryMin 阅读(108) 评论(0) 推荐(0)
CSS尺寸 rem与em原理与区别（二）
摘要：一 css 中单位rem与em区别：https://www.cnblogs.com/wind-lanyan/p/6978084.html 在css中单位长度用的最多的是px、em、rem，这三个的区别是： px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 em：子元素字体大小的em是相对于 阅读全文
posted @ 2021-03-23 14:53 TerryMin 阅读(296) 评论(0) 推荐(0)
AJAX（三）—HTTP 状态码
摘要：一 常见状态码代表的意义： 304：自从上次请求后，请求的网页未修改过。服务器返回此响应时，不会返回网页内容。 401：未授权（Unauthorized）：表示请求认证缺失或错误。一般用于前后端请求通过在请求头定义一个Authenticate字段包含的信息，如果token值有问题会报401授权失败。 阅读全文
posted @ 2021-03-23 07:16 TerryMin 阅读(81) 评论(0) 推荐(0)
React渲染机制
摘要：一 React渲染原理到性能优化：https://zhuanlan.zhihu.com/p/43145754 阅读全文
posted @ 2021-03-19 16:06 TerryMin 阅读(56) 评论(0) 推荐(0)
AJAX（四）—HTTP三次握手四次挥手
摘要：一 浏览器渲染流程： DNS解析：把域名解析成IP地址 TCP 建立连接：TCP三次握手 发送HTTP请求 服务器处理并响应报文 浏览器解析并渲染页面 断开连接：TCP 结束连接 二 HTTP之TCP三次握手与四次挥手详解：https://www.jianshu.com/p/12790cea57ac 阅读全文
posted @ 2021-03-18 11:02 TerryMin 阅读(215) 评论(0) 推荐(0)
性能优化理解
摘要：一 性能优化分类： 1 资源加载优化： 控制图片大小/图片懒加载/资源压缩 减少http请求（节流） 代码高内聚低耦合 使用CDN加速资源加载 使用事件委托（使用事件委托可以节省内存） 2 代码执行层面优化：主要是动画性能优化；在前端实现动画有三种主流的方式:Canvas；CSS3；Dom Refl 阅读全文
posted @ 2021-03-18 11:00 TerryMin 阅读(106) 评论(0) 推荐(0)
JS原型与原型链的理解
摘要：一 原型与原型链：https://blog.csdn.net/qq_41694291/article/details/95896452 原型：所有的函数都有一个特殊的属性prototype(原型)，prototype属性是一个指针，指向的是一个对象(原型对象)，原型对象中的方法和属性都可以被函数的实 阅读全文
posted @ 2021-03-18 10:50 TerryMin 阅读(164) 评论(0) 推荐(0)
Js运行机制Event Loop
摘要：一 JS运行机制：http://www.ruanyifeng.com/blog/2014/10/event-loop.html JavaScript是单线程运行的(防止多个线程操作DOM，无法判断以哪个线程为准)，HTML5提出WebWorker可以创建子线程，该线程完全受控制与主线程，且不能操作D 阅读全文
posted @ 2021-03-17 16:44 TerryMin 阅读(96) 评论(0) 推荐(0)
JS循环中断与异步for...in forEach map
摘要：一 JS循环中断与异步：https://juejin.cn/post/6844903842425864200 forEach和map,针对await不生效；使用break或continue会报错；使用return 无效； for循环、for...in,for...of，支持await，for和for 阅读全文
posted @ 2021-03-16 21:26 TerryMin 阅读(1090) 评论(0) 推荐(0)
JS预编译原理
摘要：一 预编译之前基本概念： 1 函数形参（parameter）和实参（argument）的区别：形参相当于函数中定义的变量，实参是在运行时的函数调用时传入的参数。即：形参就是函数声明时的变量，实参是我们调用该函数时传入的具体参数。 1 function add(a, b) { 2 return a + 阅读全文
posted @ 2021-03-16 11:51 TerryMin 阅读(212) 评论(0) 推荐(0)
前端异常的捕获与处理
摘要：一 异常分类： 执行 JS 期间可能会发生的错误有很多类型。每种错误都有对应的错误类型，而当错误发生的时候就会抛出响应的错误对象。ECMA-262 中定义了下列 7 种错误类型： Error：错误的基类，其他错误都继承自该类型 EvalError：Eval 函数执行异常 RangeError：数组越 阅读全文
posted @ 2021-03-16 11:14 TerryMin 阅读(173) 评论(0) 推荐(0)
ES6 之class之原理分析
摘要：一 calss原理：https://blog.csdn.net/qq_41694291/article/details/103943481 阅读全文
posted @ 2021-03-09 19:43 TerryMin 阅读(88) 评论(0) 推荐(0)
React Hooks动机及使用
摘要：一 React Hooks优势： React 的组件：都是以 class 形式编写, 只有无状态组件才可以用函数来编写.Hooks： 就允许我们在函数组件中使用预定义的内部函数来标记状态和组件生命周期, 使得几乎所有组件都可以用函数来编写 组件的缺点： 大型组件很难拆分和重构，也很难测试。 业务逻辑 阅读全文
posted @ 2021-03-05 15:44 TerryMin 阅读(110) 评论(0) 推荐(0)