myName

之前的一篇文章：从一道面试题，到“我可能看了假源码”讨论了bind方法的各种进阶Pollyfill，今天再分享一个有意思的题目。 从解这道题目出发，我会谈到数组的Reduc...

Hook 使用规则 在官方文档Hook 概览 – React (docschina.org)中，对于 Hook 使用规则叙述如下： 可以看到，官方文档中明确说明了，不要在循...

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的...

前言 大家好，我是林三心，在日常面试中，Diff算法都是绕不过去的一道坎，用最通俗的话，讲最难的知识点一直是我写文章的宗旨，今天我就用通俗的方式来讲解一下Diff算法吧？L...

单元测试的目的是，将你的项目划分成小单元，每个单元测试中尽量设计 case 将代码逻辑中的每个分支都运行到。这样所有的单元测试跑下来，项目中的每行代码最好都被跑过一次，即覆...

正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相...

上周在系统上线前，为了看下系统能承受多大的并发和并发下的负载情况，进行了一轮压测。在压测过程中，发现服务器的cpu飚的的非常高，而tps，接口耗时、服务可用等都是正常的，卧...

当使用 Node 在生产环境作为服务器语言时，并发量过大或者代码问题造成 OOM (out of memory) 或者 CPU 满载这些都是服务器中常见的问题，此时通过监控...

平时的开发中可能不太需要用到设计模式，但是 JS 用上设计模式对于性能优化和项目工程化也是很有帮助的，下面就对常用的设计模式进行简单的介绍与总结。 1. 单例模式 定义：保...

不值一提的flex-basis，却给文本溢出添加省略号这个小小的功能带来很多了麻烦。下面来演示一下。 1. flex 家族 这样可以很方便的实现一个左右等分的布局。 2. ...

为什么要做前端监控 更快的发现问题和解决问题 做产品的决策依据 为业务扩展提供了更多可能性 提升前端工程师的技术深度和广度，打造简历亮点 2. 前端监控目标 2.1 稳定性...

在2021年之前我是一位王者荣耀职业选手，现是一名前端开发工程师, 至于我为什么要这样选择呢，且听我慢慢道来~...

下面是我工作中常用的一些免费素材网站。我的这个列表将不包括一些最流行的素材网站，比如Unsplash或者Shutterstock等。毕竟这些网站大家已经常使用了。 Cove...

1. Material-UI Material-UI 组件是独立工作的。 它们是自我支持的，并只要注入而且仅注入它们需要显示的样式。 他们不依赖任何全局的样式表，如 nor...

glob 在正则出现之前就有了，主要用于匹配文件路径，例如大名鼎鼎的 gulp 就使用了 glob 规则来匹配、查找并处理各种后缀的文件。在前端工程化的过程中，不可避免地会...

最近在项目里使用了 styled-components 来写 CSS，感觉有一些好处，但也遇到了一些问题，本文简单记录一下这一个多月的使用感受。...

现在的前端开发特别是 React 社区, CSS-in-JS 越来越常见了. styled-components 凭借着以下几种特性 脱颖而出: 开发者不再需要费尽脑汁去想...

CSS Modules 和 styled-componnets 是解决 CSS 不足的两种不同思路的解决方案。前者基于工程化，是在编译时；后者属于 CSS-in-JS，是运...

最近开发公司的公众号H5，做了一个点击icon滚动到顶部的功能。实现功能比较简单，直接调用window.scrollTo(0, 0)，一行代码完成。但是作为一个攻城狮，怎么...