海在掘金61127

Webpack 的打包流程可以分为几个阶段，我会通过一个形象的例子来帮助你理解原理。 1. 初始化阶段（Initialization） Webpack 从配置文件 webpack.config.js

React 18的实验性并发模式的一部分是一个新的功能，叫做startTransition ，它可以防止昂贵的UI渲染被立即执行。 为了理解我们为什么需要这个功能，请记住，强迫昂贵的UI渲染立即完成会

为了保证在低版本的机型也能正常显示页面，可以引入 viewport-units-polyfill 来处理 vw 的兼容问题。 viewport-units-polyfill 其实是 viewport-units-buggyfill 的简化版。 简单介绍下 viewport-un…

因为在公司，只有一个前端，在做移动端布局的时候。利用px进行布局,发现，需要进行各种手机的适配。 所以在开发第二版的时候，想着引用lib-flexible库(即手淘的方案),询问了上一家公司的同事，会有一些字体和一些诡异的问题。 在无意中，突然一个网友跟我说，他有一个很好用的适…

在 Gulp 的官方文档中，Gulp 的任务都是写在 gulpfile.js 这一个文件中的，如果任务数量不多，这并不会有什么问题，但当任务数量较多时，会造成代码可读性差，难以维护，多人协作时还会容易造成冲突。因此，更好的处理方式是把 Gulp 的代码结构化。 开始结构化 ht…

这是前端工程化实践系列的第二篇综合文章，主要内容包括如何设计 gulp & webpack 构建系统，如何设计 gulp 子任务，如何实现多项目构建等。所有内容均是基于好奇心日报的项目实践。

在Javascript的开发过程中，经常会遇到一些重复性的任务，比如合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。通常，我们需要使用不同的工具，来完成不同的任务，既重复劳动又非常耗时。grunt，gulp都是为了解决这个问题而发明的工具，可以帮助我们自动管…

前端圈真乱，这话一点不假。但乱也乱的好处，乱则生变，有变化才有进步。今天还是老调重谈，聊聊移动端页面的适配。因为对于一枚前端而言，天天和页面打交道（H5页面），那么布局的活总是少不了，这也将面临不同终端的适配问题。不知道你是否和我一样，页面布局总是或多或少会有一些蛋疼的事情发生…