📚 技术修行

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

React.js

浏览 81 扫码 分享 2022-07-30 04:12:59
  • 新分组
  • createElement是什么？
  • React生命周期
  • 为什么render方法中不能调用setState？
  • 一些笔记
  • redux和flux是什么?
  • Fiber reconcile调度算法及原理剖析
  • React Fiber架构是什么?

若有收获，就点个赞吧

0 人点赞

上一篇:
下一篇:
  • 书签
  • 添加书签 移除书签
  • 🌋项目管理
    • 敏捷实践
  • ✨ 结构化面试
    • xmind
    • 面试手册
      • plan
      • 前端团队建设
        • 02 | 稳定性（二）：可用性治理的三个关键要点
        • 03 | 稳定性（三）：那些年源源不断的“红包”事故
        • 04 | 技术债务：如何带领团队从困境中突围而出？
        • 05 | 大项目：把握关键点，谋定而后动
        • 06 | 业务理解：深入业务是做好架构的前提
        • 07 | 架构设计：治理好系统复杂度才最务实
        • 08 | 定目标：让你的方向与公司的方向保持一致
        • 09 | 追过程：如何用 PDCA 做过程管理？
        • 10 | 奖优罚劣：怎样传递我们"要什么"与“不要什么”？
        • 11 | 勤沟通：在信任的基础上，让沟通简单且纯粹
        • 12 | 建机制：规则流程越建越多，为何效果却越来越差？
        • 13 | 知人善用：借事修人，借人成事
        • 14 | 找到人：招聘是 Leader 的责任，不是 HR 的
        • 15 | 能落地：90 天试用期，转正时我们要考察什么？
        • 16 | 升级汰换：“心要慈，刀要快”
        • 17 | 晋升：是不是技术到位、项目做好就够了？
        • 18 | 跨团队：没有汇报线的人和事就是推不动？
        • 20 | 接手新团队：士气低、交付迟、事故多发，如何下手解决？
      • 深入浅出Reactjs
        • 12 | 如何理解 Fiber 架构的迭代动机与设计思想？
        • 13 | ReactDOM.render 是如何串联渲染链路的？（上）
        • 14 | ReactDOM.render 是如何串联渲染链路的？（中）
        • 15 | ReactDOM.render 是如何串联渲染链路的？（下）
        • 16 | 剖析 Fiber 架构下 Concurrent 模式的实现原理
        • 17 | 特别的事件系统：React 事件与 DOM 事件有何不同？
        • 18 | 揭秘 Redux 设计思想与工作原理（上）
        • 19 | 揭秘 Redux 设计思想与工作原理（下）
        • 20 | 从 Redux 中间件实现原理切入，理解“面向切面编程”
        • 21 | 从 React-Router 切入，系统学习前端路由解决方案
        • 22 | 思路拓展：如何打造高性能的 React 应用？
        • 23 | 跟 React 学设计模式：掌握编程“套路”，打造高质量应用
        • 结束语 | 聊聊 React 17，谈谈学习前端框架的心法
      • Vue核心源码内参
        • 01 | 组件渲染：vnode 到真实 DOM 是如何转变的？
        • 02 | 组件更新：完整的 DOM diff 流程是怎样的？（上）
        • 03 | 组件更新：完整的 DOM diff 流程是怎样的？（下）
        • 模块二导读 | 逻辑复用最佳实践：Composition API
        • 04 | Setup：组件渲染前的初始化过程是怎样的？
        • 05 | 响应式：响应式内部的实现原理是怎样的？（上）
        • 06 | 响应式：响应式内部的实现原理是怎样的？（下）
        • 07 | 计算属性：计算属性比普通函数好在哪里？
        • 08 | 侦听器：侦听器的实现原理和使用场景是什么？（上）
        • 09 | 侦听器：侦听器的实现原理和使用场景是什么？（下）
        • 10 | 生命周期：各个生命周期的执行时机和应用场景是怎样的？
        • 11 | 依赖注入：子孙组件如何共享数据？
        • 12 | 模板解析：构造 AST 的完整流程是怎样的？（上）
        • 模块三导读 | 编译和优化：了解编译过程和背后的优化思想
        • 13 | 模板解析：构造 AST 的完整流程是怎样的？（下）
        • 14 | AST 转换：AST 节点内部做了哪些转换？（上）
        • 15 | AST 转换：AST 节点内部做了哪些转换？（下）
        • 16 | 生成代码：AST 如何生成可运行的代码？（上）
        • 17 | 生成代码：AST 如何生成可运行的代码？（下）
        • 模块四导读 | 实用特性：探索更多实用特性背后的原理
        • 18 | Props：Props 的初始化和更新流程是怎样的？
        • 19 | 插槽：如何实现内容分发？
        • 20 | 指令：指令完整的生命周期是怎样的？
        • 21 | v-model：双向绑定到底是怎么实现的？
        • 模块五导读 | 内置组件：学习 Vue 内置组件的实现原理
        • 22 | Teleport 组件：如何脱离当前组件渲染子组件？
        • 23 | KeepAlive 组件：如何让组件在内存中缓存和调度？
        • 24 | Transition 组件：过渡动画的实现原理是怎样的？（上）
        • 25 | Transition 组件：过渡动画的实现原理是怎样的？（下）
        • 特别放送导读 | 研究 Vue 官方生态的实现原理
        • 26 | Vue Router：如何实现一个前端路由？（上）
        • 27 | Vue Router：如何实现一个前端路由？（下）
        • 结束语 | 终点也是起点
      • TypeScript进阶手册
        • 开篇词 | 你为什么要选择 TypeScript？
        • 01 | 如何快速搭建 TypeScript 学习开发环境？
        • 02 | 简单基础类型：TypeScript 与 JavaScript 有何不同？
        • 03 | 复杂基础类型：TypeScript 与 JavaScript 有何不同？
        • 04 | 什么是字面量类型、类型推断、类型拓宽和类型缩小？
        • 05 | 函数类型：返回值类型和参数类型到底如何定义？
        • 06 | 类类型：如何高效使用类型化的面向对象编程利器？
        • 07 | 接口类型与类型别名：这两者的用法与区别分别是什么？
        • 07 | 接口类型与类型别名：这两者的用法与区别分别是什么？
        • 08 | 高级类型：如何快速读懂联合类型和交叉类型的含义？
        • 09 | 枚举类型：详解常见枚举类型的 7 种用法
        • 10 | 泛型：如何正确使用泛型约束类型变量？
        • 11 | 类型守卫：如何有效地保障类型的安全性？
        • 12 | 类型兼容：如何判断一个类型是否可以赋值给其他类型？
        • 13 | 必备增强类型系统的方式大盘点，让你的开发如虎添翼
        • 14 | 掌握 TypeScript 这些官方工具类型，让你的开发事半功倍
        • 15 | 类型编程：如何打造属于自己的工具类型？
        • 16 | tsconfig.json 配置：如何定制 TypeScript 的行为？
        • 17 | 来自 100 项目经历的常见 TypeScript 错误汇总分析
        • 18 | 手把手教你使用 TypeScript 开发 Node.js 应用
        • 19 | 使用 TypeScript 开发 Web 应用的最佳实践
        • 20 | 如何将 JavaScript 应用切换至 TypeScript？
        • 结束语 | TypeScript 的这些实用技能，你不得不知
      • 前端面试宝典之 React 篇
        • 开篇词 | 如何拿下大厂前端面试
        • 01 | 你真的了解 React 吗？
        • 02 | 为什么 React 要用 JSX？
        • 03 | 如何避免生命周期中的坑？
        • 04 | 类组件与函数组件有什么区别呢？
        • 05 | 如何设计 React 组件？
        • 06 | setState 是同步更新还是异步更新？
        • 07 | 如何面向组件跨层级通信？
        • 08 | 列举一种你了解的 React 状态管理框架
        • 09 | Virtual DOM 的工作原理是什么？
        • 10 | 与其他框架相比，React 的 diff 算法有何不同？
        • 11 | 如何解释 React 的渲染流程？
        • 12 | React 的渲染异常会造成什么后果？
        • 13 | 如何分析和调优性能瓶颈？
        • 14 | 如何避免重复渲染？
        • 15 | 如何提升 React 代码可维护性？
        • 16 | React Hook 的使用限制有哪些？
        • 17 | useEffect 与 useLayoutEffect 区别在哪里？
        • 18 | 谈谈 React Hook 的设计模式
        • 19 | React-Router 的实现原理及工作方式分别是什么？
        • 20 | React 中你常用的工具库有哪些？
        • 彩蛋 | 如何写一份大厂 HR 满意的简历？
        • 结束语 | 沉淀知识体系，精进个人成长
      • 深入浅出React
        • 开篇词 | 这一次，真正吃透 React 知识链路与底层逻辑
        • 01 | JSX 代码是如何“摇身一变”成为 DOM 的？
        • 02 | 为什么 React 16 要更改组件的生命周期？（上）
        • 03 | 为什么 React 16 要更改组件的生命周期？（下）
        • 04 | 数据是如何在 React 组件之间流动的？（上）
        • 05 | 数据是如何在 React 组件之间流动的？（下）
        • 06 | React-Hooks 设计动机与工作模式（上）
        • 07 | React-Hooks 设计动机与工作模式（下）
        • 08 | 深入 React-Hooks 工作机制：“原则”的背后，是“原理”
        • 09 | 真正理解虚拟 DOM：React 选它，真的是为了性能吗？
        • 10 | React 中的“栈调和”（Stack Reconciler）过程是怎样的？
        • 11 | setState 到底是同步的，还是异步的？
        • 12 | 如何理解 Fiber 架构的迭代动机与设计思想？
        • 13 | ReactDOM.render 是如何串联渲染链路的？（上）
        • 14 | ReactDOM.render 是如何串联渲染链路的？（中）
        • 15 | ReactDOM.render 是如何串联渲染链路的？（下）
        • 16 | 剖析 Fiber 架构下 Concurrent 模式的实现原理
        • 17 | 特别的事件系统：React 事件与 DOM 事件有何不同？
        • 18 | 揭秘 Redux 设计思想与工作原理（上）
        • 19 | 揭秘 Redux 设计思想与工作原理（下）
        • 20 | 从 Redux 中间件实现原理切入，理解“面向切面编程”
        • 21 | 从 React-Router 切入，系统学习前端路由解决方案
        • 22 | 思路拓展：如何打造高性能的 React 应用？
        • 23 | 跟 React 学设计模式：掌握编程“套路”，打造高质量应用
        • 结束语 | 聊聊 React 17，谈谈学习前端框架的心法
      • Node.js 应用开发进阶
        • 02 | 应用场景：Node.js 作为后台可以提供哪些服务？
        • 03 | 如何构建一个简单的 RESTful 服务？
        • 04 | 3 大主流系统框架：由浅入深分析 Express、Koa 和 Egg.js
        • 05 | 多进程解决方案：cluster 模式以及 PM2 工具的原理介绍
        • 06 | 哪些因素会影响 Node.js 性能？
        • 07 | CPU 过载保护设计：如何在服务层面确保系统稳定？
        • 08 | 优化设计：在 I/O 方面应该注意哪些要点？
        • 09 | 缓存与应用：多级缓存策略介绍与应用要点
        • 10 | 系统稳定：如何监控和保护进程安全？
        • 11 | 内存检查：多种类型的内存泄漏分析方案
        • 12 | 性能分析：性能影响的关键路径以及优化策略
        • 13 | 网络安全：常见网络攻击以及防护策略
        • 14 | 工具应用：使用 clinicjs 工具实现通用性安全检查
        • 15 | 理论先行：高并发设计必须学的知识点有哪些？
        • 16 | RESTful 应用实践：构建一个介于前后台之间的服务
        • 17 | 系统的实践设计（上）：完成一个通用抢票系统
        • 18 | 系统的实践设计（下）：完成一个通用投票系统
        • 19 | Serverless 的实践：进一步提升系统的稳定性
        • 结束语 | 如何规划自己的 Node.js 学习之路？
      • Webpack原理与实践-拉勾前端技术专家
        • 开篇词：Webpack 现代化前端应用的基石
        • 第01讲：Webpack 究竟解决了什么问题？
        • 第02讲：如何使用 Webpack 实现模块化打包？
        • 第03讲：如何通过 Loader 实现特殊资源加载？
        • 第04讲：如何利用插件机制横向扩展 Webpack 的构建能力？
        • 第05讲：探索 Webpack 运行机制与核心工作原理
        • 加餐：Vue.js 3.0 到底带来了哪些变化？
        • 第06讲：如何使用 Dev Server 提高你的本地开发效率？
        • 第07讲：如何配置 Webpack SourceMap 的最佳实践？
        • 第08讲：如何让你的模块支持热替换（HMR）机制？
        • 第09讲：玩转 Webpack 高级特性应对项目优化需求（上）
        • 第10讲：玩转 Webpack 高级特性应对项目优化需求（下）
        • 第11讲：如何优化 Webpack 的构建速度和打包结果？
        • 第12讲：如何选择打包工具：Rollup 和 Webpack ？
        • 第13讲：如何使用 Parcel 零配置完成打包任务？
        • 结束彩蛋：资深前端工程师培养计划
      • 前端高手进阶-中兴科软前端架构
        • 开篇词：带你一起筑建前端工程师的“护城河”
        • 第01讲：你真的熟悉 HTML 标签吗？
        • 第02讲：如何高效操作 DOM 元素？
        • 第03讲：3 个使用场景助你用好 DOM 事件
        • 第04讲：掌握 CSS 精髓：布局
        • 第05讲：如何管理你的 CSS 代码？
        • 加餐1：手写 CSS 预处理
        • 第06讲：浏览器如何渲染页面？
        • 第07讲：关于 JavaScript 的数据类型，你知多少？
        • 第08讲：为什么说函数是 JavaScript 的一等公民？
        • 第09讲：为什么代码没有按照编写顺序执行？
        • 第10讲：怎么复用你的代码？
        • 第11讲：为什么说 JavaScript 不适合大型项目？
        • 第12讲：浏览器如何执行 JavaScript 代码？
        • 第13讲：区分浏览器中的进程与线程
        • 加餐2：手写 Promise、async/await
        • 第14讲：HTTP 协议和它的“补丁”们
        • 第15讲：如何让浏览器更快地加载网络资源？
        • 第16讲：浏览器同源策略与跨域方案详解
        • 第17讲：前后端如何有效沟通？
        • 第18讲：你是怎么理解“组件”这个概念的？
        • 第19讲：把路由放在前端意味着什么？
        • 第20讲：详解组件通信之状态管理
        • 第21讲：你的代码到底是怎么编译的？
        • 第22讲：如何合理搭建前端项目？
        • 第23讲：谈性能优化到底在谈什么？
        • 第24讲：你的代码是怎么成为黑客工具的？
        • 第25讲：Node.js == 全栈？
        • 第26讲：常用的数据结构了解多少？
        • 第27讲：到底该不该了解算法？
        • 第28讲：你都了解过哪些编程方式？
        • 第29讲：框架到底用了哪些设计模式？
        • 第30讲：前端热点技术之 Serverless
        • 第31讲：微前端与功能的可重用性
        • 彩蛋：如何获得心仪的 Offer？
        • 结束语：谈谈前端工程师的职业规划（如何跳槽、如何晋升）
      • 前端工程化精讲-贝壳找房前端架构师
        • 开篇词 | 建立上帝视角，全面系统掌握前端效率工程化
        • 01 | 项目基石：前端脚手架工具探秘
        • 02 | 界面调试：热更新技术如何开着飞机修引擎？
        • 03 | 构建提速：如何正确使用 SourceMap？
        • 05 | 编码效率：如何提高编写代码的效率？
        • 05 | 编码效率：如何提高编写代码的效率？
        • 06 | 团队工具：如何利用云开发提升团队开发效率？
        • 07 | 低代码工具：如何用更少的代码实现更灵活的需求？
        • 08 | 无代码工具：如何做到不写代码就能高效交付？
        • 09 | 构建总览：前端构建工具的演进
        • 10 | 流程分解：Webpack 的完整构建流程
        • 11 | 编译提效：如何为 Webpack 编译阶段提速？
        • 12 | 打包提效：如何为 Webpack 打包阶段提速？
        • 13 | 缓存优化：那些基于缓存的优化方案
        • 14 | 增量构建：Webpack 中的增量构建
        • 15 | 版本特性：Webpack 5 中的优化细节
        • 16 | 无包构建：盘点那些 No-bundle 的构建方案
        • 17 | 部署初探：为什么一般不在开发环境下部署代码？
        • 18 | 工具盘点：掌握那些流行的代码部署工具
        • 19 | 安装提效：部署流程中的依赖安装效率优化
        • 20 | 流程优化：部署流程中的构建流程策略优化
        • 21 | 容器方案：从构建到部署，容器化方案的优势有哪些？
        • 22 | 案例分析：搭建基本的前端高效部署系统
      • 前端基础建设与架构 30 讲
        • 01 | npm 安装机制及企业级部署私服原理
        • 02 | Yarn 的安装理念及如何破解依赖管理困境
        • 03 | CI 环境上的 npm 优化及更多工程化问题解析
        • 04 | 横向对比主流构建工具，了解构建工具的设计考量
        • 05 | Vite 实现：从源码分析出发，构建 bundleless 开发工程
        • 06 | core-js 及垫片理念：设计一个“最完美”的 Polyfill 方案
        • 07 | 梳理混乱的 Babel，不再被编译报错困扰
        • 08 | 探索前端工具链生态，制定一个统一标准化 babel-preset
        • 09 | 从实战出发，从 0 到 1 构建一个符合标准的公共库
        • 10 | 代码拆分和按需加载：缩减 bundle size，把性能做到极致
        • 11 | Tree Shaking：移除 JavaScript 上下文中的未引用代码
        • 12 | 如何理解 AST 实现和编译原理？
        • 13 | 工程化思维处理方案：如何实现应用主题切换功能？
        • 14 | 解析 Webpack 源码，实现自己的构建工具
        • 15 | 从编译到运行，跨端解析小程序多端方案
        • 16 | 原生跨平台技术：移动端跨平台到 Flutter 的技术变革
        • 17 | 学习 axios：封装一个结构清晰的 Fetch 库
        • 18 | 对比 Koa 和 Redux：分析前端中的中间件理念
        • 19 | 如何理解软件开发灵活性和高定制性？
        • 20 | 如何理解前端中面向对象的思想？
        • 21 | 如何利用 JavaScript 实现经典数据结构？
        • 22 | 剖析前端中的数据结构应用场景
        • 23 | npm script：打造一体化的构建和部署流程
        • 24 | 自动化代码检查：剖析 Lint 工具和工程化接入&优化方案
        • 25 | 如何设计一个前端 移动端离线包方案？
        • 26 | 如何设计一个“万能”项目脚手架？
        • 27 | 同构渲染架构：实现一个 SSR 应用
        • 28 | 设计性能守卫系统：完善 CI/CD 流程
        • 29 | 实践打造网关：改造企业 BFF 方案
        • 30 | 实现高可用：使用 Puppeteer 生成性能最优的海报系统
      • 前端性能优化方法与实战
        • 开篇词 | 开启刻意练习之路，进阶前端性能技术专家
        • 01 | 体系总览：性能优化体系及关键指标设定
        • 02 | 性能瓶颈点：从 URL 输入到页面加载整过程分析
        • 03 | 案例分析：移动端 M 站性能优化落地注意事项
        • 04 | 指标采集：首屏时间指标采集具体办法
        • 05 | 指标采集：白屏、卡顿、网络环境指标采集方法
        • 06 | 工具实践：性能 SDK 及上报策略设计
        • 07 | 平台实践：如何从 0 到 1 搭建前端性能平台
        • 08 | 诊断清单：如何实现监控预警并进行问题诊断
        • 09 | 优化手段：首屏秒开的 4 重保障
        • 10 | 优化手段：白屏 300ms 和界面流畅优化技巧
        • 11 | 工具实践：如何进行性能专项测试
        • 12 | 理论分析：Hybrid 下的性能优化整体分析
        • 13 | 高级进阶：保证首次加载为秒开的离线包设计
        • 14 | 高级进阶：瞒天过海的骨架屏及 SSR 优化手段
        • 15 | 高级进阶：WebView 层及代码架构层面优化
        • 16 | 黑科技：详解预请求、预加载及预渲染机制
        • 17 | 横向对比：百度、阿里云、美团性能方案对比
        • 18 | 性能演进：RN、Flutter、小程序和 Enhance Hybrid
        • 结束语 | 开启性能优化实践之路
      • 前端进击面试笔记
        • 开篇词 | 前端进阶得打好基础，靠近业务
        • 导读 1 | 前端基础知识体系之专业知识篇
        • 导读 2 | 前端基础知识体系之项目经验篇
        • 01 | 重识 HTML，掌握页面基本结构和加载过程
        • 02 | CSS：页面布局的基本规则和方式
        • 03 | JavaScript 如何实现继承？
        • 04 | JavaScript 引擎如何执行 JavaScript 代码？
        • 05 | 单线程的 JavaScript 如何管理任务？
        • 06 | 一个网络请求是怎么进行的？
        • 07 | HTTP 协议和前端开发有什么关系？
        • 08 | 深入剖析浏览器中页面的渲染过程
        • 09 | 改善编程思维：从事件驱动到数据驱动
        • 10 | 掌握前端框架模板引擎的实现原理
        • 11 | 为什么小程序特立独行？
        • 12 | 单页应用与前端路由库设计原理
        • 13 | 代码构建与 Webpack 必备技能
        • 14 | 提升编程体验：组件化与模块化设计
        • 15 | 提升开发效率：数据抽象与配置化
        • 16 | 实战：三天实现管理端系统
        • 17 | Angular/React/Vue 三大前端框架的设计特色
        • 18 | 如何设计合适的状态管理方案？
        • 19 | 如何搭建前端监控体系为业务排忧解难？
        • 20 | 如何进行性能分析的自动化实现
        • 21 | 前端性能优化与解决方案
        • 22 | 如何进行技术方案调研与设计？
        • 23 | 如何设计一个前端项目
        • 24 | 通过前端工程化提升团队开发效率
        • 25 | 大型前端项目的痛点和优化方案
      • 数据结构与算法面试手册
        • 开篇词 | 告别盲目刷题，击破算法面试
        • 01 | 栈：从简单栈到单调栈，解决经典栈问题
        • 01 | 栈：从简单栈到单调栈，解决经典栈问题
        • 02 | 队列：FIFO 队列与单调队列的深挖与扩展
        • 03 | 优先级队列：堆与优先级队列，筛选最优元素
        • 04 | 链表：如何利用“假头、新链表、双指针”解决链表题？（上）
        • 05 | 链表：如何利用“假头、新链表、双指针”解决链表题？（下）
        • 06 | 树：如何深度运用树的遍历？
        • 07 | 并查集：如何利用两行代码写并查集？
        • 加餐与答疑 | 第一期 ：一问一答
        • 08 | 排序：如何利用合并与快排的小技巧，解决算法难题？
        • 09 | 二分搜索：为什么说有序皆可用二分？
        • 10 | 双指针：如何掌握最长、定长、最短区间问题的解题决窍？
        • 11 | 贪心：这种思想，没有模板，如何才能掌握它？
        • 12 | 回溯：我把回溯总结成一个公式，回溯题一出就用它
        • 13 | 搜索：如何掌握 DFS 与 BFS 的解题套路？
        • 14 | DP：我是怎么治好“DP 头痛症”的？
        • 15 | 字符串查找：为什么我最终选择了 BM 算法？
        • 16 | 如何利用 DP 与单调队列寻找最大矩形？
        • 17 | 深度思考子集：如何掌握 5 种通用解法？
        • 18 | 单词接龙：如何巧用深搜与广搜的变形？
        • 19 | 最小体力消耗路径：如何突破经典题型，掌握解题模板？
        • 21 | 安排会议室：如何利用多种方法安排会议室？
        • 22 | 数据结构模板：如何让解题变成搭积木？
        • 23 | 算法模板：如何让高频算法考点秒变默写题？
        • 彩蛋 | 聊聊我的大厂面试经历，谈谈我对算法学习的看法
        • 结束语 | 算法的精进之路
      • JavaScript核心精讲
        • 开篇词 | 打好 JS 基石，走稳前端进阶之路
        • 01 | 代码基本功测试（上）：JS 的数据类型你了解多少？
        • 02 | 代码基本功测试（下）：如何实现一个深浅拷贝？
        • 03 | 继承实现：探究 JS 常见的 6 种继承方式
        • 04 | 继承进阶：如何实现 new、apply、call、bind 的底层逻辑？
        • 05 | 函数那些事：JS 闭包难点剖析
        • 06 | 进阶练习：带你一起实现 JSON.Stringify 方法
        • 07 | 数组原理（上）：帮你梳理眼花缭乱的数组 API
        • 08 | 数组原理（中）：如何理解 JS 的类数组？
        • 09 | 数组原理（下）：实现数组扁平化的 6 种方式
        • 10 | 数组排序（上）：如何用 JS 实现各种数组排序？
        • 11 | 数组排序（下）：sort 排序方法的实现原理
        • 12 | 进阶练习：带你手写 JS 数组多个方法的底层实现
        • 13 | 异步编程（上）：JS 异步编程都有哪些方案？
        • 14 | 异步编程（中）：如何深入理解异步编程的核心 Promise？
        • 15 | 异步编程（下）：如何理解 Generator、Async/await 等异步编程的语法糖？
        • 16 | 进阶练习（上）：怎样轻松实现一个 EventEmitter？
        • 17 | 进阶练习（下）：如何实现符合 Promise/A 规范的 Promise？
        • 18 | 垃圾回收：释放内存，提升浏览器页面性能
        • 19 | 事件轮询：如何理解浏览器中的 EventLoop？
        • 20 | 原理解析：JS 代码是如何被浏览器引擎编译、执行的？
        • 21 | 引擎进阶（上）：探究宏任务 & 微任务的运行机制
        • 22 | 引擎进阶（下）：如何理解 Process.nextTick 的原理？
        • 彩蛋 1 | 如何应对大厂面试官的灵魂拷问？
        • 彩蛋 2 | 前端开发如何有针对性地学习算法？
        • 结束语 | 面向未来，我们该如何提升自己？
      • HTTP基础手册
      • JavaScript基础手册
    • 大厂面题
      • 无序题库
      • 面题1-中高级
    • 面试题库参考
    • 什么是前端结构化面试？
    • 新希望面试
      • 中高级前端面试
      • vue相关面试题库
      • 产融项目组-前端面试题
    • 喜马拉雅面试
      • 一些面试题（未整理）
      • 零售面试题
      • 新零售事业群-前端面试题
    • React.js
      • Hooks
    • JavaScript
      • 数组去重
      • 考察js引擎
      • 考察浏览器渲染技术
      • 全面考察http
      • 考察浏览器缓存策略
      • 考察async/await 执行顺序
      • 算法应用
      • 防抖和节流
      • 实现sleep函数
      • js静态属性、变量提升、作用域、运算符优先级
  • ⏳ 技术沉淀
    • 踩坑总结和应用方案
      • Vuejs
        • 一些公开数据接口
        • vue 模块化引入zepto
        • vue-cli脚手架改造多页应用框架
      • React
        • react-ssr 服务端渲染踩坑及解决方案
      • Nodejs
        • 获取本机ip
      • 兼容性问题
        • iOS每次input获取焦点都会使页面放大，解决办法
        • ios设置了-webkit-overflow-scrolling:touch后滚动定位出现白屏
        • video标签在iOS系统下播放时会自动全屏
      • HTML/CSS
        • 使用CSS为IphoneX等机型适配安全距离
        • H5项目常见问题及注意事项
        • active伪类在ios终端失效解决方案
      • JavaScript
        • 正则匹配/g打印出来为false的原因
        • JS实现url拼接参数
        • 获取指定ua信息或者全ua信息
        • 常用表单验证正则
        • 原生js实现移动端焦点图组件
        • 判断字符长度（汉字2个字符，其他1个字符）
        • 获取URL
        • 数组去重等方案
        • 常用Helper类
        • 弹层禁止页面底部滚动
        • 数据处理应用
        • js判断字符长度，汉字算两个字符
        • js判断当前页面是否被激活
    • 工程体系
      • 异常监控设计
        • 上线一周运行分析
        • 前端异常监控系统设计方案
        • 异常监控原理
    • 基础设施
      • 单点登录JSSDK文档
      • 模板工程化
  • 📙 前端
    • 计算机基础
    • 代码规范
      • 前端代码规范
      • React 编程规范
    • 开源集成框架
      • 开源UI框架
        • PC端主流UI框架
        • 移动端主流UI框架
      • 富文本编辑器
        • 编辑器
      • 在线文档引擎
        • 在线Excel/Word
    • Ajax技术
      • axios问题
      • Fetch api
      • JS编写原生post请求
      • post请求失败，变成options请求（CORS）
    • 钉钉应用开发
      • 常见问题及解决方案
    • 性能优化
      • 获取页面性能指数
    • Http/TCP/IP
      • http协议
    • 浏览器技术原理
      • 浏览器重绘(repaint)重排(reflow)与优化
    • 前端发展及方向
      • 迈入现代 Web 开发（GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文） - 知乎
    • 编译器
      • Webpack
        • babel7对decorators的支持
    • TypeScript
      • 方法属性的作用域
      • TypeScript 中 Interface 与 Type 的区别？该用哪个比较好？
    • 微信生态开发
      • 小程序开发
        • 微信小程序登录
      • h5开发
        • 判断微信版本号
      • 微信支付
        • 参数规定
        • 协议规则
    • 工程化
      • PWA技术
        • PWA(Progressive Web App)开发流程
    • React.js
      • createElement是什么？
      • 为什么render方法中不能调用setState？
      • 一些笔记
        • 记录1
      • redux和flux是什么?
      • Fiber reconcile调度算法及原理剖析
      • React Fiber架构是什么?
    • Vue.js
      • 自定义指令
      • 状态管理差异
      • 学习笔记
        • Vue起手
        • vue.store如何用
    • 前端基础
      • Less/Sass
        • [less/sass]如何避免因公共模块导致生成重复css代码
      • JavaScript
        • 宏任务和微任务
        • ES7/8/next 特性点
        • ES6之export和import
        • canvas绘制视频
        • JavaScript 运行原理
      • CSS
        • 常用文本展示和布局
      • HTML
        • Video标签
  • 📓 客户端
    • RN
      • react native环境配置
      • 笔记1
    • 桌面端
      • Vue Electron环境搭建教程
    • Flutter
      • 学习
        • 基本语法1
      • 环境搭建
  • 📒 服务端
    • SpringCloud Alibaba 实战-京东金融架构师
      • 开篇词 | Spring Cloud Alibaba 未来的微服务生态标准
      • 01 | 一探究竟：从架构的演变看微服务化架构
      • 02 | 经验教训：微服务设计时的五条宝贵经验
      • 03 | 顶层设计：微服务生态与 Spring Cloud Alibaba
      • 04 | 服务治理：Nacos 如何实现微服务服务治理
      • 05 | 高可用保证：Nacos 如何有效构建注册中心集群
      • 06 | 负载均衡：Ribbon 如何保证微服务的高可用
      • 07 | REST消息通信：如何使用 OpenFeign 简化服务间通信
      • 08 | RPC 消息：Dubbo 与 Nacos 体系如何协同作业
      • 09 | 服务门户：Spring Cloud Gateway 如何把好微服务的大门
      • 10 | 系统保护：微服务架构雪崩效应与服务限流
      • 11 | 限流与熔断：Sentinel 在项目中的最佳实践
      • 12 | 配置中心：基于 Nacos 集中管理应用配置
      • 13 | 生产实践：Sentinel 进阶应用场景
      • 14 | 链路跟踪：基于 Sleuth Zipkin 实施链路跟踪体系
      • 15 | 应用性能监控：通过 SkyWalking 实施链路追踪
      • 16 | 分布式事务：Alibaba Seata 如何实现分布式事务
      • 17 | 消息队列：基于 RocketMQ 实现服务异步通信
      • 18 | 综合应用：Seata 分布式事务实战教程
      • 19 | 性能为王：微服务架构中的多级缓存设计
      • 20 | 升级改造：老项目升级到微服务的重构策略
      • 21 | 统一门户：基于网关的统一用户认证方案
      • 22 | 一致性挑战：微服务架构下的数据一致性解决方案
      • 23 | 极速运维：微服务与 DevOps
      • 结束语 | 学无止境：下一代微服务架构的规划与展望
    • 技术文章
    • Nodejs
      • 学习笔记
        • node安装路径配置
        • 彻底卸载node
        • 模块动态加载
        • 笔记5-npm常用指令
        • 笔记4-模块
        • 笔记3-事件/队列/订阅发布
        • 笔记2-内存
        • 笔记1
    • Python
      • pycharm快捷键
      • Python路线图
      • 学习笔记
  • 📗 算法与数据结构
    • 重学数据结构与算法-中科院资深算法专家
      • 开篇词 | 数据结构与算法，应该这样学！
      • 01 | 复杂度：如何衡量程序运行的效率？
      • 02 | 数据结构：将“昂贵”的时间复杂度转换成“廉价”的空间复杂度
      • 03 | 增删查：掌握数据处理的基本操作,以不变应万变
      • 04 | 如何完成线性表结构下的增删查？
      • 05 | 栈：后进先出的线性表，如何实现增删查？
      • 06 | 队列：先进先出的线性表，如何实现增删查？
      • 07 | 数组：如何实现基于索引的查找？
      • 08 | 字符串：如何正确回答面试中高频考察的字符串匹配算法？
      • 09 | 树和二叉树：分支关系与层次结构下，如何有效实现增删查？
      • 10 | 哈希表：如何利用好高效率查找的“利器”？
      • 11 | 递归：如何利用递归求解汉诺塔问题？
      • 12 | 分治：如何利用分治法完成数据查找？
      • 13 | 排序：经典排序算法原理解析与优劣对比
      • 14 | 动态规划：如何通过最优子结构，完成复杂问题求解？
      • 15 | 定位问题才能更好地解决问题：开发前的复杂度分析与技术选型
      • 16 | 真题案例（一）：算法思维训练
      • 17 | 真题案例（二）：数据结构训练
      • 18 | 真题案例（三）：力扣真题训练
      • 19 | 真题案例（四）：大厂真题实战演练
      • 20 | 代码之外，技术面试中你应该具备哪些软素质？
      • 21 | 面试中如何建立全局观，快速完成优质的手写代码？
      • 加餐 | 课后练习题详解
      • 结束语 | 勤修内功，构建你的核心竞争力
    • JS中的算法与数据结构——栈(Stack)
    • 二叉树排序
  • 📘 Git
    • 版本Readme.md编写规范
    • git push github失败，提示：SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443
    • 解决线上本地冲突无法git pull情况
    • 设置用户
    • git 解决远程仓库文件大小写问题
    • git 重新设置远程仓库
    • git 提交规范
  • ⛱️ 技术前沿
    • 前端发展——早早聊
  • 🍎 测试
    • 测试工具
    • TDD和BDD
  • 🖥️ 软件工具
    • 无标题
    • MacOS
      • linux常用命令
      • iterm2使用技巧
暂无相关搜索结果！

    让时间为你证明

    展开/收起文章目录

    分享，让知识传承更久远

    文章二维码

    手机扫一扫，轻松掌上读

    文档下载

    请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
    PDF文档 EPUB文档 MOBI文档

    书签列表

      阅读记录

      阅读进度: 0.00% ( 0/0 ) 重置阅读进度
        思维导图备注