摘要:
一 React渲染原理到性能优化:https://zhuanlan.zhihu.com/p/43145754 阅读全文
摘要:
一 浏览器渲染流程: DNS解析:把域名解析成IP地址 TCP 建立连接:TCP三次握手 发送HTTP请求 服务器处理并响应报文 浏览器解析并渲染页面 断开连接:TCP 结束连接 二 HTTP之TCP三次握手与四次挥手详解:https://www.jianshu.com/p/12790cea57ac 阅读全文
摘要:
一 性能优化分类: 1 资源加载优化: 控制图片大小/图片懒加载/资源压缩 减少http请求(节流) 代码高内聚低耦合 使用CDN加速资源加载 使用事件委托(使用事件委托可以节省内存) 2 代码执行层面优化:主要是动画性能优化;在前端实现动画有三种主流的方式:Canvas;CSS3;Dom Refl 阅读全文
摘要:
一 原型与原型链:https://blog.csdn.net/qq_41694291/article/details/95896452 原型:所有的函数都有一个特殊的属性prototype(原型),prototype属性是一个指针,指向的是一个对象(原型对象),原型对象中的方法和属性都可以被函数的实 阅读全文
摘要:
一 JS运行机制:http://www.ruanyifeng.com/blog/2014/10/event-loop.html JavaScript是单线程运行的(防止多个线程操作DOM,无法判断以哪个线程为准),HTML5提出WebWorker可以创建子线程,该线程完全受控制与主线程,且不能操作D 阅读全文
摘要:
一 JS循环中断与异步:https://juejin.cn/post/6844903842425864200 forEach和map,针对await不生效;使用break或continue会报错;使用return 无效; for循环、for...in,for...of,支持await,for和for 阅读全文
摘要:
一 预编译之前基本概念: 1 函数形参(parameter)和实参(argument)的区别:形参相当于函数中定义的变量,实参是在运行时的函数调用时传入的参数。即:形参就是函数声明时的变量,实参是我们调用该函数时传入的具体参数。 1 function add(a, b) { 2 return a + 阅读全文
摘要:
一 异常分类: 执行 JS 期间可能会发生的错误有很多类型。每种错误都有对应的错误类型,而当错误发生的时候就会抛出响应的错误对象。ECMA-262 中定义了下列 7 种错误类型: Error:错误的基类,其他错误都继承自该类型 EvalError:Eval 函数执行异常 RangeError:数组越 阅读全文
摘要:
一 calss原理:https://blog.csdn.net/qq_41694291/article/details/103943481 阅读全文
摘要:
一 React Hooks优势: React 的组件:都是以 class 形式编写, 只有无状态组件才可以用函数来编写.Hooks: 就允许我们在函数组件中使用预定义的内部函数来标记状态和组件生命周期, 使得几乎所有组件都可以用函数来编写 组件的缺点: 大型组件很难拆分和重构,也很难测试。 业务逻辑 阅读全文