大前端

17

2020 年终总结

皮小蛋 2020-12-31 发布
4 收藏

前言2020，过的真快。在这一年里，发生了很多事情。虽然有一些小的成就，也有很多遗憾。正文全年回顾今年主要做了什么呢？简单列一下：完成了业务系统的一次大重构。做了技术升级，接入了新的 UI/UX，完成了...

15

「重磅」React Server Components

皮小蛋 2020-12-24 发布
6 收藏

2020.12.21 号， Dan Abramov, Lauren Tan, Joseph Savona, and Sebastian Markbåge 联合发布了一项 React 新功能：

6

「面试三板斧」代码分割（下）

皮小蛋 2020-12-21 发布
5 收藏

背景本文接上篇：上文中，我们了解了 chunks 三个字段的含义，以及每个字段对应的行为。今天是实践篇。修改短短几行配置，就达到了数百毫秒的优化效果。正文我的这个项目，迭代一年多了，中间打包配置也没...

19

「实用推荐」如何时时判断元素是否进入当前视区

皮小蛋 2020-12-19 发布
15 收藏

背景在上篇文章：记一次「无限列表」滚动优化中，我介绍了「如何优化一个无限滚动列表」。用到了懒加载方案，一个关键点是：需要判断元素是否在当前视区。我们今天就看看这个问题。今天的主要内容包括：...

6

「面试三板斧」之代码分割（上）

皮小蛋 2020-12-16 发布
5 收藏

现在比较多的项目用的都是webpack4, webpack 4 舍弃了之前的 commonChunkPlugin，增加了 SplitChunksPlugin。

5

🌟 记一次「无限滚动」列表优化

皮小蛋 2020-12-03 发布
3 收藏

背景长列表优化，是页面性能优化中的一个比较常见的问题，也是面试中的常客。刚好最近在的项目中，遇到了一个长列表的性能问题，试过多种方案，最后得以解决。今天就给大家分享一下。正文场景描述用户需要批量...

19

🌟 Chrome DevTools 七大新功能

皮小蛋 2020-11-21 发布
5 收藏

背景Chrome 团队今年发布了不少新的功能，帮助开发者提升网页开发体验。在最近的 Google 开发者大会上，介绍了最新的七大功能，它们分别是:支援css-in-js的框架的样式编辑模拟时区功能Lighthouse 量化使用者体验I...

55

聊聊 ESM、Bundle 、Bundleless 、Vite 、Snowpack

皮小蛋 2020-09-27 发布
25 收藏

前言一切要都要从打包构建说起。当下我们很多项目都是基于 webpack 构建的，主要用于：本地开发打包上线首先，webpack 是一个伟大的工具。经过不断的完善，webpack 以及周边的各种轮子已经能很好的满足我们的日...

18

聊聊 React 两个状态管理库 Redux & Recoil

皮小蛋 2020-08-21 发布
10 收藏

React 是一个十分优秀的UI库，最初的时候， React 只专注于UI层，对全局状态管理并没有很好的解决方案，也因此催生出类似Flux, Redux 等优秀的状态管理工具。

14

「干货」你需要了解的六种渲染模式

皮小蛋 2020-08-02 发布
10 收藏

背景周末在网上冲浪，看到个消息：NextJS 9.3 将静态站点生成功能引入了NextJS平台。静态站点生成, 也就是所谓的 SSG : Static Site Generation。喝了口水，顺便回忆了下现在的几种渲染模式：SSR (Server Side R...

5

「性能优化」antd 优化长列表的一个小技巧

皮小蛋 2020-07-21 发布
2 收藏

背景性能优化是永恒的话题。我们或多或少都处理过性能优化的需求，页面的性能优化，主要是通过减少非必要的渲染来实现。非必要的渲染，可以是减少渲染的节点数量，也可以是减少不必要的动画。今天要介绍的就...

30

「思考」 React Hooks 的设计哲学

皮小蛋 2020-07-19 发布
15 收藏

背景React Hooks 已经出来有段时间了，很多小伙伴或多或少都用过。今天呢，我们就回头再看一下这个东西，思考一下，这个东西为什么会出现，它解决了什么问题，以及背后的设计理念。正文如果你有 Hooks 的使用经...

15

[手把手系列] 开发一个 VS Code 业务插件

皮小蛋 2020-06-12 发布
12 收藏

背景VS Code应该都很熟悉，平时吃饭的工具，每天都要用。它是微软出的一款轻量级代码编辑器，免费而且功能强大，以功能强大、提示友好、不错的性能和颜值俘获了大量开发者的青睐。对JavaScript和NodeJS的支持非...

10

修复一个因为 scrollbar 占据空间导致的 bug

皮小蛋 2020-06-05 发布
5 收藏

背景这一个因为滚动条占据空间引起的bug, 查了一下资料，最后也解决了，顺便研究一下这个属性，做一下总结，分享给大家看看。正文昨天，测试提了个问题，现象是一个输入框的聚焦提示偏了，让我修一下, 如下...

29

CSS 创意构想 - Part 2 / 2

皮小蛋 2020-06-04 发布
23 收藏

背景本文接上篇，继续我们的《CSS》创意构想。因为有一些案例没有代码，本着学习的态度，我需要一个个补齐，也方便大家看。更新的时候可能就按小节，逐步更新。废话不多少，开始正文吧。------正文本文的...

52

CSS 创意构想 - Part 1 / 2

皮小蛋 2020-05-30 发布
32 收藏

背景本人一直对 CSS 很感兴趣，刚好我们团队有一位擅长CSS的大佬：COCO。于是我找到他，建议做一期关于CSS的分享，于是就有了《CSS创意构想》。分享的内容很棒，里面有很多技巧，有的很实用，有的很华丽。听...

4

Ant Disign 4.0 升级实践扑街指南 (一)

皮小蛋 2020-03-03 发布
2 收藏

我们都知道， AntD 最近喜提了4.0, 更新了许多新特性，看的我是心花怒放，喜不自胜。更贴心的是还提供了升级工具，看了一些文章介绍说能三分钟升级。于是周六的时候，懒觉我也不睡了，跑到公司开始了升级之旅。

11

如何在Git提交大小写敏感的文件

皮小蛋 2020-02-26 发布
3 收藏

背景下午在搞代码部署的时候，遇到一个文件大小写的问题，问题比较简单，但是也简单整理下，分享给大家。正文下午在搞代码部署的时候，线上编译失败了，看了下错误日志: {代码...} 文件没找到, 可是我看了...

2

新人入职，如何快速「崭露头角」

皮小蛋 2020-02-25 发布
2 收藏

背景周末在家，极客时间的「覃超」大佬直播了这个话题，听完觉得十分受用。我也深有体会, 今天就趁还有印象, 结合一下自己的经历, 和大家简单聊聊这个话题。技术无关，如果有不认同的地方，可以在留言区交流...