前端小魔女_社区达人页

2023年04月

• 04.21 00:10:10
  发表了文章 2023-04-21 00:10:10

  JS_基础知识点精讲

  JS 组成 基本数据类型 类型转换(装箱/拆箱) 作用域 & 执行上下文 调用栈 闭包 Environments: JS变量查找的底层实现 JS 深浅复制 Event Loop ES6遍历对象的属性 (5种) 垃圾回收机制 内存问题
• 04.20 23:54:26
  发表了文章 2023-04-20 23:54:26

  前端面试之CSS重点概念精讲

  选择器 流、元素 盒模型 元素超出宽度...处理 元素隐藏 层叠规则 块级格式化上下文 元素居中 flex布局 Chrome支持小于12px 的文字 CSS 优化处理 (6个) 回流、重绘 硬件加速 Css预编译语言
• 04.20 23:41:48
  发表了文章 2023-04-20 23:41:48

  JS算法之动态规划

  动态规划基础知识 单序列问题 双序列问题 矩阵路径问题 背包问题
• 04.20 23:32:43
  发表了文章 2023-04-20 23:32:43

  JS算法之回溯法

  何为回溯法 集合的组合、排列 利用回溯算法解决其他问题
• 04.20 23:25:52
  发表了文章 2023-04-20 23:25:52

  JS算法之二叉树、二叉搜索树

  1. 知识点简讲 • 树在前端开发中的应用场景 • 二叉树深度优先遍历 递归和迭代的JS版本 2. 二叉树相关算法 3. 二叉搜索树（BST）相关算法
• 04.20 23:16:09
  发表了文章 2023-04-20 23:16:09

  前端工程化之Webpack优化

  1. Webpack Loader 和 Plugin 的区别 2. Webpack 生命周期 3. Webpack编译阶段提效 a. 减少执行编译的模块 b. 提升单个模块构建的速度 c. 并行构建以提升总体效率 4. Webpack打包阶段提效 a. 以提升当前任务工作效率为目标的方案 • 压缩 Chunk 产物代码 b. 以提升后续环节工作效率为目标的方案 • Code Splitting • Tree Shaking • Scope Hoisting (作用域提升) • sideEffects 5. 缓存优化
• 04.20 23:04:04
  发表了文章 2023-04-20 23:04:04

  构建面向未来的前端架构

  组件思维 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 何为自上而下构建组件 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 何为单体组件 & 及其弊端 推荐阅读指数 ⭐️⭐️⭐️⭐️ 自下而上的构建组件 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 如何规避单体组件 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️
• 04.20 22:59:32
  发表了文章 2023-04-20 22:59:32

  理解微前端

  我们就从微前端解决了哪些现存前端问题，并在解决这些问题的过程中做出了哪些取舍和权衡。
• 04.20 22:56:21
  发表了文章 2023-04-20 22:56:21

  React-利用React-Profiler提升应用性能

  React Profiler 的组成 推荐阅读指数 ⭐️⭐️⭐️ 如何通过React Profiler查询并改正页面耗时操作 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️

  
• 04.20 22:51:01
  发表了文章 2023-04-20 22:51:01

  React-全局状态管理的群魔乱舞

  全局状态管理库需要解决的问题 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 状态管理生态系统的发展史 推荐阅读指数 ⭐️⭐️⭐️⭐️ 解决远程状态管理问题的专用库的崛起 推荐阅读指数 ⭐️⭐️⭐️ 全局状态管理库和模式的新浪潮 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 现代库如何解决状态管理的核心问题 推荐阅读指数 ⭐️⭐️⭐️
• 04.20 22:45:53
  发表了文章 2023-04-20 22:45:53

  React 元素 VS 组件

  React-Element/React-Componment/React-Instance之间的区别和联系。
• 04.20 22:40:09
  发表了文章 2023-04-20 22:40:09

  性能优化之关键渲染路径

  分别从浏览器架构和最新的渲染引擎介绍了关于页面渲染的相关概念。对应连接如下。 • 页面是如何生成的(宏观角度) • Chromium 最新渲染引擎--RenderingNG • RenderingNG中关键数据结构及其角色 而今天的主角是{关键渲染路径| Critical Rendering Path}。它是影响页面在加载阶段的主要标准。
• 04.20 22:30:46
  发表了文章 2023-04-20 22:30:46

  TS_React:类型化EventHandler

  今天我们主要是讲如何利用TS对React中的事件回调进行类型化处理。
• 04.20 22:27:03
  发表了文章 2023-04-20 22:27:03

  JS算法探险之队列(Queue)

  知识点简讲 滑动窗口 二叉树的广度优先搜索（BFS）
• 04.20 22:19:34
  发表了文章 2023-04-20 22:19:34

  TS_React:Hook类型化

  依赖类型推断 类型化 useState 类型化 useReducer 类型化 useRef 类型化 forwardRef 类型化 useEffect 和 useLayoutEffect 类型化 useMemo 和 useCallback 类型化 useContext 类型化自定义hook

  
• 04.20 22:11:48
  发表了文章 2023-04-20 22:11:48

  工程化之webpack打包过程

  Webpack基本概念简讲 打包流程总览 entry对象 深入理解 ModuleGraph 构建ModuleGraph Module/Chunk/ ChunkGroup /EntryPoint 是个啥 提交chunk资源
• 04.20 22:05:48
  发表了文章 2023-04-20 22:05:48

  TS_React:使用泛型来改善类型

  TypeScript 是什么 {泛型| Generics} 是个啥 在React中使用泛型
• 04.20 22:00:22
  发表了文章 2023-04-20 22:00:22

  JS算法探险之栈(Stack)

  •. 知识点简讲 1. 后缀表达式 2. 小行星碰撞 3. 判断括号的正确性 4. 每日温度 5. 直方图最大面积
• 04.20 21:54:36
  发表了文章 2023-04-20 21:54:36

  React_Fiber机制(下)

  React-Fiber是个啥 {堆栈调和器| Stack Reconciler} 递归操作 React Fiber 如何工作的
• 04.20 21:50:23
  发表了文章 2023-04-20 21:50:23

  React_Fiber机制

  背景介绍 从 {React 元素| React Element} 到 {Fiber 节点| Fiber Node} {副作用| Side-effects} Fiber 树的根节点 渲染算法

  
• 04.20 21:42:36
  发表了文章 2023-04-20 21:42:36

  JS算法探险之链表

  1. 哨兵节点 2. 双指针 3. 反转链表
• 04.20 21:35:18
  发表了文章 2023-04-20 21:35:18

  前端工程化之构建工具

  构建解决的问题 包管理工具 任务式构建工具 模块化：模块定义与模块化的构建工具

  
• 04.20 21:29:45
  发表了文章 2023-04-20 21:29:45

  JS算法探险之字符串

  双指针 回文字符串

  
• 04.20 21:23:58
  发表了文章 2023-04-20 21:23:58

  浏览器之客户端存储

  1. cookie 2. Web Storage a. sessionStorage b. localStorage 3. IndexDB
• 04.20 21:18:00
  发表了文章 2023-04-20 21:18:00

  Web性能优化之Worker线程(下)

  {服务工作线程|Service Worker} 基础概念 ⭐️⭐️⭐️ 线程缓存 ⭐️⭐️⭐️⭐️ 线程客户端 生命周期 ⭐️⭐️⭐️ 控制反转与线程持久化 updateViaCache 管理服务文件缓存 ⭐️⭐️⭐️ 线程消息 ⭐️⭐️⭐️ 拦截 fetch 事件 ⭐️⭐️⭐️⭐️⭐️
• 04.20 21:10:02
  发表了文章 2023-04-20 21:10:02

  Web性能优化之Worker线程(上)

  Worker 线程简介 {专用工作线程|Dedicated Worker} 专用工作线程 + Webpack {共享工作线程| Shared Workers }
• 04.20 21:01:39
  发表了文章 2023-04-20 21:01:39

  前端工程化之概念介绍

  文章主要点： 1. 脚手架 2. Source Map
• 04.20 20:55:59
  发表了文章 2023-04-20 20:55:59

  JS算法探险之数组

  双指针 累加数组数字求子数组之和
• 04.20 20:48:55
  发表了文章 2023-04-20 20:48:55

  网络拾遗之Http缓存

  缓存：何时起作用 缓存的常见淘汰机制 HTTP缓存策略 缓存场景应用(Vue内部组件KeepAlive)
• 04.20 20:19:28
  发表了文章 2023-04-20 20:19:28

  CSS十问之元素居中

  水平居中 垂直居中 水平&垂直居中
• 04.20 20:13:17
  发表了文章 2023-04-20 20:13:17

  RenderingNG中关键数据结构和它们的角色

  {帧树|Frame Tree} {不可变的片段树|The immutable fragment tree} {属性树|Property trees} {显示列表和绘画块|Display lists and paint chunke} {合成器帧|Compositor frame}:{表面| surface}、{渲染表面| render surface}、{GPU 纹理瓦片| GPU texture tile}
• 04.20 20:06:46
  发表了文章 2023-04-20 20:06:46

  Chromium 最新渲染引擎--RenderingNG

  前置知识简讲 浏览器架构 组件结构 代码分析
• 04.20 20:01:35
  发表了文章 2023-04-20 20:01:35

  JS算法探险之整数

  整数除法 二进制加法 前 n 个数字二进制中 1 的个数 只出现一次的数字
• 04.20 19:56:51
  发表了文章 2023-04-20 19:56:51

  网络拾遗之TCP

  三次握手 序号和 ACK 号的用法 滑动窗口 队首阻塞 四次挥手
• 04.20 19:43:38
  发表了文章 2023-04-20 19:43:38

  网络拾遗之 DNS协议：网络世界的地址簿

  网络拾遗之 DNS协议：网络世界的地址簿
• 04.20 19:39:28
  发表了文章 2023-04-20 19:39:28

  Web性能优化之 延迟与带宽

  速度是关键 延迟的构成 光速与传播延迟 延迟的最后一公里 网络核心带宽 VS 网络边缘带宽 目标:高带宽和低延迟
• 04.20 19:14:50
  发表了文章 2023-04-20 19:14:50

  网络通信之IP地址

  IP地址是个啥？ 无类型域间选路（CIDR） 公有 IP 地址和私有 IP 地址 MAC 地址 动态主机配置协议（DHCP）
• 04.20 19:10:49
  发表了文章 2023-04-20 19:10:49

  网络通信之生成HTTP消息

  URL是个啥？ 浏览器解析URL 省略文件名的情况 HTTP 的基本思路 生成 HTTP 请求消息 发送请求后会收到响应
• 04.20 19:06:20
  发表了文章 2023-04-20 19:06:20

  JS闭包之灵魂7问

  Q1:慧眼认“包” Q2: 参数为何凭空消失 Q3:作用域嵌套惹的祸 Q4:迟到的兑现，错误的值 Q5:变量的从一而终 Q6:公私分明 Q7:柯里化
• 04.20 18:59:24
  发表了文章 2023-04-20 18:59:24

  优化SPA：使得网站对SEO更友好

  为何SPA对SEO不友好 解决方案 另外增加 SPA 曝光度的方法
• 04.20 18:53:08
  发表了文章 2023-04-20 18:53:08

  对你的 SPA 提提速

  1. 监控 SPA 性能 2. 提升 SPA 性能(6种) a. 延迟渲染首屏下的内容 b. 非必要数据的懒加载 c. 缓存静态内容 d. 对实时性较强的应用使用WebSocket e. 使用JSONP/CORS绕过同源策略 f. CDN处理
• 04.20 18:48:40
  发表了文章 2023-04-20 18:48:40

  页面是如何生成的(宏观角度)

  进程、线程 网页的主要进程 显示系统基础知识 渲染进程的线程 渲染进程主线程
• 04.20 18:44:31
  发表了文章 2023-04-20 18:44:31

  再谈JS闭包

  作用域 作用域嵌套 词法作用域(lexicsl scope) 闭包 闭包示例
• 04.20 18:39:57
  发表了文章 2023-04-20 18:39:57

  undefined vs null

  undefined vs null 如何产生undefined和null Null 判断运算符（??）的默认值 [es2020] undefined 和 null 没有任何属性 undefined 和 null的历史
• 04.20 18:13:28
  发表了文章 2023-04-20 18:13:28

  从另外一个角度看待——JS深浅复制

  1. 浅复制 VS 深复制 2. 浅谈浅复制 • 扩展运算符（...）复制对象和数组 • Object.assign() • Object.getOwnPropertyDescriptors()和Object.defineProperties() 3. 深复制 4. 掘金的文章
• 04.20 14:34:20
  发表了文章 2023-04-20 14:34:20

  Environments: JS变量查找的“罪魁祸首”

  Environment:管理变量的数据结构 函数调用与Environment 作用域链与Environment 闭包与Environment
• 04.20 14:30:24
  发表了文章 2023-04-20 14:30:24

  JS全局变量

  1. Scope(作用域) 2. Lexical Environments (词法环境) 3. 全局对象(global object) 4. 浏览器环境下的globalThis 5. 全局环境(global envrionment) • Script 作用域 和Module 作用域 • 生成变量: 声明环境记录 vs 对象环境记录 • 访问变量 • 全局ECMAScript变量和全局宿主变量 6. 一图胜前言