前言2020, 过的真快。在这一年里, 发生了很多事情。 虽然有一些小的成就,也有很多遗憾。正文全年回顾今年主要做了什么呢?简单列一下:完成了业务系统的一次大重构。做了技术升级, 接入了新的 UI/UX, 完成了...
2020.12.21 号, Dan Abramov, Lauren Tan, Joseph Savona, and Sebastian Markbåge 联合发布了一项 React 新功能:
背景本文接上篇: 上文中, 我们了解了 chunks 三个字段的含义, 以及每个字段对应的行为。今天是实践篇。修改短短几行配置, 就达到了数百毫秒的优化效果。正文我的这个项目, 迭代一年多了, 中间打包配置也没...
背景在上篇文章: 记一次 「 无限列表 」滚动优化 中, 我介绍了「 如何优化一个无限滚动列表 」。用到了懒加载方案, 一个关键点是:需要判断元素是否在当前视区。我们今天就看看这个问题。今天的主要内容包括:...
现在比较多的项目用的都是webpack4, webpack 4 舍弃了之前的 commonChunkPlugin,增加了 SplitChunksPlugin。
背景长列表优化, 是页面性能优化中的一个比较常见的问题,也是面试中的常客。刚好最近在的项目中, 遇到了一个长列表的性能问题,试过多种方案, 最后得以解决。今天就给大家分享一下。正文场景描述用户需要批量...
背景Chrome 团队今年发布了不少新的功能,帮助开发者提升网页开发体验。在最近的 Google 开发者大会上,介绍了最新的七大功能,它们分别是:支援css-in-js的框架的样式编辑模拟时区功能Lighthouse 量化使用者体验I...
前言一切要都要从打包构建说起。当下我们很多项目都是基于 webpack 构建的, 主要用于:本地开发打包上线首先,webpack 是一个伟大的工具。经过不断的完善,webpack 以及周边的各种轮子已经能很好的满足我们的日...
React 是一个十分优秀的UI库, 最初的时候, React 只专注于UI层, 对全局状态管理并没有很好的解决方案, 也因此催生出类似Flux, Redux 等优秀的状态管理工具。
背景周末在网上冲浪, 看到个消息:NextJS 9.3 将静态站点生成功能引入了NextJS平台。静态站点生成, 也就是所谓的 SSG : Static Site Generation。喝了口水,顺便回忆了下现在的几种渲染模式:SSR (Server Side R...
背景性能优化是永恒的话题。 我们或多或少都处理过性能优化的需求, 页面的性能优化, 主要是通过减少非必要的渲染来实现。非必要的渲染, 可以是减少渲染的节点数量, 也可以是减少不必要的动画。今天要介绍的就...
背景React Hooks 已经出来有段时间了, 很多小伙伴或多或少都用过。今天呢,我们就回头再看一下这个东西,思考一下,这个东西为什么会出现,它解决了什么问题, 以及背后的设计理念。正文如果你有 Hooks 的使用经...
背景VS Code应该都很熟悉,平时吃饭的工具, 每天都要用。它是微软出的一款轻量级代码编辑器,免费而且功能强大,以功能强大、提示友好、不错的性能和颜值俘获了大量开发者的青睐。对JavaScript和NodeJS的支持非...
背景这一个因为滚动条占据空间引起的bug, 查了一下资料, 最后也解决了,顺便研究一下这个属性, 做一下总结,分享给大家看看。正文昨天, 测试提了个问题, 现象是一个输入框的聚焦提示偏了, 让我修一下, 如下...
背景本文接上篇, 继续我们的《CSS》 创意构想。因为有一些案例没有代码, 本着学习的态度, 我需要一个个补齐, 也方便大家看。更新的时候可能就按小节, 逐步更新。废话不多少, 开始正文吧。------正文本文的...
背景本人一直对 CSS 很感兴趣,刚好我们团队有一位擅长CSS的大佬:COCO。于是我找到他, 建议做一期关于CSS的分享, 于是就有了《CSS创意构想》。分享的内容很棒,里面有很多技巧, 有的很实用, 有的很华丽。 听...
我们都知道, AntD 最近喜提了4.0, 更新了许多新特性,看的我是心花怒放, 喜不自胜。 更贴心的是还提供了升级工具,看了一些文章介绍说能三分钟升级。 于是周六的时候, 懒觉我也不睡了, 跑到公司开始了升级之旅。
背景 早上看到几个React 工具包, 看完之后觉得很不错,刚好我后面的一些开发任务也需要用到, 推荐给大家看看。 正文 三个工具 分别是: react-onclickoutside react-lazy-load-image-component react-toastify ...
背景下午在搞代码部署的时候, 遇到一个文件大小写的问题, 问题比较简单, 但是也简单整理下, 分享给大家。正文下午在搞代码部署的时候, 线上编译失败了, 看了下错误日志: {代码...} 文件没找到, 可是我看了...
背景 周末在家, 极客时间的「覃超」大佬直播了这个话题, 听完觉得十分受用。 我也深有体会, 今天就趁还有印象, 结合一下自己的经历, 和大家简单聊聊这个话题。 技术无关,如果有不认同的地方,可以在留言区交流...
The Best Way to Improve Yourself:Build Stuffs...