李萧然_社区达人页

2022年11月

• 11.10 11:09:18
  发表了文章 2022-11-10 11:09:18

  学不动了，Vercel 推出比 Vite 快 10 倍的打包器 Turbopack

  Vercel 是由 Guillermo Rauch 创立的云服务公司，前身为 Zeit，有 Next.js、Node.js 的 websocket 框架 socket.io 和 MongoDB 客户端 mongoose 等知名开源项目为大众所知。Next.js 为了实现后端渲染，重度使用了 JS 生态中的打包构建工具 webpack。

  
• 11.10 11:03:01
  发表了文章 2022-11-10 11:03:01

  antd mobile 作者教你写 React 受控组件和非受控组件（一 ）

  曾经，我每次面试时几乎都会问一个问题：antd 中的 Input 组件是受控组件还是非受控组件？

  
• 11.10 10:51:56
  发表了文章 2022-11-10 10:51:56

  【面试系列一】如何回答如何理解重排和重绘

  我发现很多候选人都没有答道关键点上，感觉是在哪里看到过相关的文章，听起来零零散散，毫无逻辑。

  
• 11.10 10:31:14
  发表了文章 2022-11-10 10:31:14

  使用 React 和 TypeScript something 编写干净代码的10个必知模式

  JavaScript 是一种松散的类型化语言，因此，它捕获了运行时。这样做的结果就是 JavaScript 错误被捕获得非常晚，这可能导致严重的 bug。
• 11.10 10:26:32
  发表了文章 2022-11-10 10:26:32

  【实战】分享一个花了 499 学到的写作方法：问题 + 回答

  我发现这个方法跟我有一些文章的方法很像，但是我并没有这样总结出来，而是在写的时候自然而然就这么去设计了。

  
• 11.10 10:23:04
  发表了文章 2022-11-10 10:23:04

  用 husky 和 lint-staged 构建代码检查工作流

  一个项目如果涉及到多人协作，由于每个人代码的书写习惯和风格不太一样，如果没有统一的规范，那就会很乱，这对代码的可维护性大大降低。

  
• 11.10 10:10:31
  发表了文章 2022-11-10 10:10:31

  2022 年 5 个前端发展趋势

  我在创建这个前端开发趋势列表时有点害怕——大多数变化都是增量的，这里的观察结果都是已经发生的，并且在 2023 年仍然可能是正确的。你可以看看我们 2021 年的前端预测[1]，它们仍然是完全正确的。

  
• 11.10 10:04:24
  发表了文章 2022-11-10 10:04:24

  揭秘 antd mobile “IndexBar” 的实现思路

  揭秘 antd mobile “IndexBar” 的实现思路

  
• 11.10 09:58:18
  发表了文章 2022-11-10 09:58:18

  【推荐】git commit 规范和如何在 commit 里使用 emoji

  对于规范 git commit message 我是分成了两种类型去看待。

  
• 11.10 09:34:59
  发表了文章 2022-11-10 09:34:59

  4个你傻傻分不清楚的关于 ？的 Javascript 运算符

  你有没有花一个下午的时间浏览过 Mozilla 文档？如果你有，你会很清楚网上有很多关于 JavaScript 的信息。这使得人们很容易忽略一些不同寻常的 JavaScript 操作符。
• 11.10 09:31:44
  发表了文章 2022-11-10 09:31:44

  如何应用 SOLID 原则在 React 中整理代码之开闭原则

  SOLID 是一套原则。它们主要是关心代码质量和可维护性的软件专业人员的指导方针。

  
• 11.10 09:25:54
  发表了文章 2022-11-10 09:25:54

  如何应用 SOLID 原则整理 React 代码之单一原则

  SOLID 原则的主要是作为关心自己工作的软件专业人员的指导方针，那些以经得起时间考验的设计精美的代码库为荣的人。

  
• 11.10 09:21:30
  发表了文章 2022-11-10 09:21:30

  深度体验完 MWeb 这款写作软件 ，我放弃了 Typora

  一个称心如意的工具会令人提升我们的效率，节省时间。今天我介绍的这款写作、记笔记软件就是：MWeb。

  
• 11.10 09:14:32
  发表了文章 2022-11-10 09:14:32

  蚂蚁、字节、滴滴面试经历总结(都已过)

  在文章里我不仅会列出面试题，还会给到一些答题建议，个人能力有限，也不能保证我回答都正确，如果有错误，希望能纠正我。

  
• 11.10 08:42:57
  发表了文章 2022-11-10 08:42:57

  一套可以提升写作效率的写作环境配置

  写作是我一直都提倡每个人去做的一件事情，也许你是通过写作来进行总结，也许你是通过写作生计，也许像我一样写文章提升自己的影响力，不管怎么样，工欲善其事必先利其器，今天我将两年以来最好用的一套写作软件配置(Mac)介绍给大家。

  
• 11.10 08:30:20
  发表了文章 2022-11-10 08:30:20

  拼多多和酷家乐面试总结(已拿offer)

  在文章里我不仅会列出面试题，还会给到一些答题建议，个人能力有限，也不能保证我回答都正确，如果有错误，希望能纠正我。

  
• 11.09 22:23:21
  发表了文章 2022-11-09 22:23:21

  (ES5版)深入理解 JavaScript 执行上下文和执行栈

  最近在研究 JavaScript 基础性的东西，但是看到对于执行上下文的解释我发现有两种，一种是执行上下文包含：scope(作用域)、variable object(变量对象)、this value(this 值)，另外一个种是包含：lexical environment(词法环境)、variable environment(变量环境)、this value(this 值)。

  
• 11.09 22:19:23
  发表了文章 2022-11-09 22:19:23

  从两个角度看 Typescript 中的类型是什么?

  以下三个问题对于理解类型是如何工作的非常重要，需要从这两个角度中的每一个角度来回答。

  
• 11.09 22:15:28
  发表了文章 2022-11-09 22:15:28

  2020 年你应该知道的 React 库

  React 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或者框架的开发人员很难找到要构建一个 React 系统的所有组件。如果你是来自于像 Angular 这样的框架的开发者，你可能已经习惯了框架包含了所需要的所有功能，

  
• 11.09 22:05:24
  发表了文章 2022-11-09 22:05:24

  你可能不知道的 React Hooks

  React Hooks 与类组件不同，它提供了用于优化和组合应用程序的简单方式，并且使用了最少的样板文件。

  
• 11.09 21:58:30
  发表了文章 2022-11-09 21:58:30

  从 React 历史的长河里聊虚拟DOM及其价值

  最近我发现很多面试题里面都有「如何理解虚拟 DOM」这个题，我觉得这个题应该没有想象中那么好答，因为很多人没有真正理解虚拟 DOM 它的价值所在，我这篇从虚拟 DOM 的诞生过程来引出它的价值以及历史地位，帮助你深入的理解它。

  
• 11.09 21:53:50
  发表了文章 2022-11-09 21:53:50

  你可能不知道的 CSS 计数器

  CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 conter(计数器)。

  
• 11.09 21:34:49
  发表了文章 2022-11-09 21:34:49

  React 函数式组件性能优化指南

  本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。

  
• 11.09 21:01:53
  发表了文章 2022-11-09 21:01:53

  新手学习 react 迷惑的点(完整版)

  网上各种言论说 React 上手比 Vue 难，可能难就难不能深刻理解 JSX，或者对 ES6 的一些特性理解得不够深刻，导致觉得有些点难以理解，然后说 React 比较难上手，还反人类啥的，所以我打算写两篇文章来讲新手学习 React 的时候容易迷惑的点写出来，如果你还以其他的对于学习 React 很迷惑的点，可以在留言区里给我留言。

  
• 11.09 20:52:20
  发表了文章 2022-11-09 20:52:20

  新手学习 react 迷惑的点(一)

  网上各种言论说 React 上手比 Vue 难，可能难就难不能深刻理解 JSX，或者对 ES6 的一些特性理解得不够深刻，导致觉得有些点难以理解，然后说 React 比较难上手，还反人类啥的，所以我打算写两篇文章来讲新手学习 React 的时候容易迷惑的点写出来，如果你还以其他的对于学习 React 很迷惑的点，可以在留言区里给我留言。

  
• 11.09 20:43:30
  发表了文章 2022-11-09 20:43:30

  浅谈React性能优化的方向

  浅谈React性能优化的方向

  
• 11.09 20:24:25
  发表了文章 2022-11-09 20:24:25

  策略模式与状态模式不是双胞胎，而是情侣！

  策略模式与状态模式

  
• 11.09 20:17:34
  发表了文章 2022-11-09 20:17:34

  详解 React 16 的 Diff 策略

  这是我 Deep In React 系列的第二篇文章，如果还没有读过的强烈建议你先读第一篇：详谈 React Fiber 架构(1)。

  
• 11.09 20:04:59
  发表了文章 2022-11-09 20:04:59

  Deep In React之浅谈 React Fiber 架构(一)

  2016 年都已经透露出来的概念，这都 9102 年了，我才开始写 Fiber 的文章，表示惭愧呀。不过现在好的是关于 Fiber 的资料已经很丰富了，在写文章的时候参考资料比较多，比较容易深刻的理解。

  
• 11.09 19:56:21
  发表了文章 2022-11-09 19:56:21

  【译】三分钟掌握 React 高阶组件

  掌握这个有用的模式，停止在 React Components 中重复逻辑！ 😎

  
• 11.09 19:47:09
  发表了文章 2022-11-09 19:47:09

  每个前端工程师都应该了解的图片知识(长文建议收藏)

  随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。

  
• 11.09 16:08:37
  发表了文章 2022-11-09 16:08:37

  JavaScript函数式编程，真香之组合(二)

  该系列文章不是针对前端新手，需要有一定的编程经验，而且了解 JavaScript 里面作用域，闭包等概念

  
• 11.09 15:54:53
  发表了文章 2022-11-09 15:54:53

  详解从 0 发布 react 组件到 npm 上

  之前我发布了我的第一个 npm 组件，一个基于 react 的 3d 标签云组件。在这途中我也是遇到了很多的坑，花在完善整个发布流程的时间远多于写这个组件本身的时间，所以我记录下我觉得一个正常的 react 组件的发布流程

  
• 11.09 10:30:06
  发表了文章 2022-11-09 10:30:06

  函数式编程，真香

  最开始接触函数式编程的时候是在小米工作的时候，那个时候看老大以前写的代码各种 compose，然后一些 ramda 的一些工具函数，看着很吃力，然后极力吐槽函数式编程，现在回想起来，那个时候的自己真的是见识短浅，只想说,'真香'。

  
• 11.09 10:25:31
  发表了文章 2022-11-09 10:25:31

  三个比它们等效 ES5 速度慢的 ES 6 函数

  我在 medium 上看到一篇 3 JavaScript Performance Mistakes You Should Stop Doing 文章(点击阅读全文可以查看原文，需要科学上网)，大概意思就是说有 3 个 JavaScript 性能错误，你不应该再去写了。

  
• 11.09 10:11:29
  发表了文章 2022-11-09 10:11:29

  从underscore源码看如何实现map函数

  经常会看到这样的面试题，让面试者手动实现一个 map 函数之类的，嗯，貌似并没有什么实际意义。但是对于知识探索的步伐不能停止，现在就来分析下如何实现 map 函数。

  
• 11.09 09:48:49
  发表了文章 2022-11-09 09:48:49

  尤大多伦多演讲：Vue 3.0 预览

  尤大在 Vue Toronto 的主题演讲中预览了 Vue 3 。通过利用现代浏览器支持的新功能，Vue 3 将成为我们已经了解和喜爱的Vue.js 的改进版本。

  
• 11.09 09:40:40
  发表了文章 2022-11-09 09:40:40

  别再说虚拟 DOM 快了，要被打脸的

  我经常听到有人在群里，或者在社区里说的一个很严重的错误，那就是说 React 的 Virtual Dom 是以快出名的，比原生 DOM 快多了，啥啥啥的，每次都一两句话说不清楚，所以下次有谁再说 React 是以快出名的，你就把这篇文章丢给他，下面进入正题。

  
• 11.09 09:31:14
  发表了文章 2022-11-09 09:31:14

  说说前端未来几年的发展方向

  说说前端未来几年的发展方向

  
• 11.09 09:22:25
  发表了文章 2022-11-09 09:22:25

  如何学习一个框架

  那么我们如何正确的学习一个框架，什么时候该看源码，学到什么程度再看源码呢？

  
• 11.09 09:17:53
  发表了文章 2022-11-09 09:17:53

  JavaScript核心概念之执行上下文和栈

  Emm… 这个概念非常的抽象，简单来说呢，就是 JS 在执行某段代码的时候做的一些事情。