猿海无涯，码农无边

1. 开始在不限定 <input> 宽度的情况下，font-size 是会影响 <input> 的宽度的。以下的试验是在 macOS 的 Chrome 中进行的。默认情况下的 <input> 宽度是 132px，font-size 的值为 12px 。当我们以 12px 为界，先减小 font-size 的值，这时候会发现无论是 <input>...

以下方法摘录自 Math - JavaScript | MDN1. 代码Math.gcd = function() { if (arguments.length == 2) { if (arguments[1] == 0) return arguments[0]; else return Math.gcd(...

网页在浏览器里呈现的样子，取决于浏览器的内核。本文的测试环境：OS：macOS 10.15.3Browser：Chrome 79需求是实现一个 4 行高的 textarea，这个多行文本框的 placeholder 正好有 4 行。大概长下面这样：➥ HTML<textarea class="textarea" placeholder="输入答案中必须包含的关键词，支持...

写这篇文章的起因来自一次偶然。某天要搭个工程做些试验，由于工程小，没打算用脚手架，就手动 npm install 装了些必要的类库，当然其中包括 babel。同时在安装的过程中，顺手将必要的配置文件从以前到工程拷贝到根目录。接下来的情节，你大概也猜到了，敲代码猛如虎、跑编译快如龙、控制台报错一脸懵。经过排查发现，由于安装类库的时候没带上版本号，导致 babel 安装了最新的版本 —— Babe...

前端在开发表单的时候，常常会有「回车提交表单」这个需求。那你有没有碰到过下面这个问题呢？你的用户名是“abc2020”，当你在输入框中输入“abc”的时候，发现当前是中文输入状态。你毫无犹豫敲下回车把“abc”填入了输入框中，但同时也触发了“提交”操作。也许你开始做前端没多久，没碰到过；也许你碰到了，但不知所措选择了忽视，比如下面这段视频（随时可能被修复）： ...