刘端

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…

POST这篇文章是讲解从无到有的JENKINS+GITHUB持续集成环境的搭建。JENKINS和其他平台的结合搭建，比如码云啥的配合，操作过程大同小异。

其实鱼头的脚手架里早就把postcss-cssnext换成了postcss-preset-env，不过一直没删，但是看到这句话之后，处于好奇，就去翻了翻PostCSS的官网，然后又思考了下这些年CSS的发展历程，遂有这篇文章的出炉。 随着互联网的发展，人们对网页的要求已经是从只…

好久没写文章了，下笔突然陌生了许多。 第一个原因是刚找到一份前端的工作，业务上都需要尽快的了解，第二个原因就是懒还有拖延的习惯，一旦今天没有写文章，就由可能找个理由托到下一周，进而到了下一周又有千万条理由拖到下下一周，所以解决的办法就是当成任务来做，让自律成为一种习惯，做起事来…

技术栈为纯React。接下来介绍一些稍微重要的技术点： 试想，平时的 react 组件的 children 都是我们写好内容并控制更新，而不是交给用户去随意更改。就算是可以随意更改的 <input> 组件，它的初始值也是一个 html 的 attribute 而不是 dom 的…

关于前端测试的一些理论与基于 Cypress 的 E2E 测试具体实践。 日常业务项目开发的痛点之一便是前端的回归测试，免不了各种手动点点点，但凡改动了某个公用组件，函数，都要漫山遍野地把项目的主要页面都点进去看一遍有没有问题。项目用了 GraphQL 的话，Schema 一个…

作为一个前端，你敢说自己懂css，敢自信的说自己精通css吗？css编写很简单，但是初期的结构设计，后期的维护是一项非常消耗脑力的事情。 在这里，抛出两个名词：oocss和BEM. 什么是oocss？ 还没了解过的可以看这篇文章 OOCSS vs. OOSCSS 相信大家都用过…

在本文中，介绍3个鲜为人知，但功能非常强大且体积很小的 JavaScript 库，这些可以帮助提高开发效率，减轻开发难度，让你加班少少的，请收纳。 Basket.js是一个极小的 JS 库，压缩后的大小仅为0.7 kB。 Basket.js不仅用于加载外部 JavaScript…

这是本系列文章的的第3部分。 在前2篇，我们介绍了多进程架构和导航流程。在这篇文章中，我们将看看渲染器进程内部发生了什么。 渲染器进程涉及Web性能的许多方面。 由于渲染器过程中发生了很多事情，因此本文仅作为一般概述。 如果您想深入挖掘里面的细节，the Performance…