无意间翻刷了CSS Day 2022上Lea Verou 介绍的关于 CSS Variable 的视频， 不得不感慨CSS已经快变成我不认识的样子了。结合视频中的几个案例聊聊CSS变量。 1 初识CSS变量 如果你之前使用过诸如Less, Sass的预编译的CSS扩展，那你一定对其中的变量系统有...

在本文中，Louis Lazaris描述并演示了一些有趣的HTML属性，这些属性您可能听说过，也可能没有听说过。如果觉得它们非常有用，可以在您的项目中亲自使用...

如果一段JavaScript代码中包含了setTimeout几乎所有的前端同学都知道其代码会被延迟（异步）执行，但是如果代码中同时出现了setTimeout、await以及Promise resolve的话大家还能说出来他们的先后执行顺序么...

很多时候，在审查代码的时候，会看到.gitignore文件中新增加了一些开发者自己的环境变量比如 .vscode，.vscode是vscode的配置文件，如果所有人都把自己的环境/编辑器配置放到.gitignore中的话，就会导致.gitignore文件很长很难维护。为了保持项目的干净整洁，我们有什么办法解决么...

前段时间在一个分享上提及到了我们的时间穿梭控件，分享之后很多同学在Github的Issue中留言想了解该控件的具体开发过程，利用周末的时间将该控件单独重新写成一个Demo，和大家分享一下具体的技术实现细节。 重新整理的控件开源在Github上 [https:...

小程序，正在成为一种 Pre-App，以一种轻量的方式，来测试 App 的功能和用户场景，便于在正式的 App 中作出更明智的决策。 只可惜，在微信小程序里，只支持自家的地图，比如最基本的地图显示。 所以，开发者们看着 Mapbox 绝美的样式，真的只能望洋兴叹么...

经常处理财务数据的朋友可能会遇到这样一个需求：给定一个数值，转换成固定的长度的字符串，不足的地方前面补零，比如 123 = 000123。 通常我们会尝试这样的做法： let num = 123; 把数值转换成字符串 let numStr = num.toString(); let strLen = 5; 计算差几个空缺的0 let spac...

Mofei超爱开源，最近接触了不少大神的开源项目，特别羡慕这些项目的代码质量控制，再加上公司最近也在强调代码质量，在挖坑、填坑的路上总结出一些经验和大家分享。 今天想聊的是其中的持续集成、单元测试和代码覆盖率的部分。 ![article image from 'zhuwenlong.com'](https:static.zhuwenlong.comuploadimage154...

由于工作的原因经常需要将表格导出成CSV格式，之前这类的工作都是交由后端处理的，这次由于是做一个单纯的前端工具，所以不想麻烦后台大神，尝试了一次通过JavaScript生成CSV。其实整个过程通按照BaiduGoogle上搜索出来的方案就可以流畅的完成，但是实际使用的时候，遇到了一些小问题，比如说中文乱码等，虽然折腾了半个小时用很hack方法解决了，但是整体回顾下来还是蛮有意思的，这里简单的整理...

随着业务的发展，前端脚本处理大量数据的情况已经变的越来越常见了。但是，当我们尝试用前端脚本处理大量数据的时候，会发现这样的计算可能占用过多资源导致页面前端UI线程的假死。在这背景下，为了让页面有更好的体验，W3C在HTML5的规范中提出了Web Worker的概念，允许浏览器通过后台线程来执行复杂的事物或者逻辑。 1. 大量计算导致的页面假死 先让我们看一下什么情况下会导致页面假...

随着CSS3的普及，大家对 Viewport 一定不会陌生，尤其是在移动设备上，今天向大家介绍一种Viewport单位，这个单位看起来不是很起眼，但是用起来绝对要爽到爆。他们就是 vm, vh, vmin, vmax。 要它做什么？？ 前端界这么多新的熊孩子，这家伙又是干嘛的呢？我为什么要去学习它呢？ 卖个关子，先让我们看一下Demo ![Demo](...

现代浏览器中，HTML5的input新增了color属性，它允许用户调用系统的选色盘，非常方便，非常酷的一个功能。 语法 input的color是HTML5的一个实现，因此，它只能被用于支持HTML5的浏览器。 典型的用法如下： javascript <input type="color" value="ff00ff" 正如input的其...