输入框的长度会随着已输入字符长度变化，为什么会出现抖动？ 为什么 scratch 的键盘事件要绑成这样子？ 输入抖动问题 在积木中输入框会根据已输入字符的长度更新输入框的长度，输入框其实是一个 input，盖在了 SVG 之上，并根据 SVG 的长度计算最新长度并更新： 但最近发现个问题，由于 input 的 CSS 属性是 text-align: cent...

结合一个 Todo-List 的例子进行 React 单元测试 模板使用：React、Redux、Webpack@4、Babel@7 项目地址 https://github.com/ringcrl/react-todolist-enzyme 环境搭建 复习一下 React 环境搭建。 相关文档 webpack-loader Babel Usage Guide...

layout: post title: 实现自定义parseFloat tags: [‘2019’] — 一个很不常见的需求 支持超出 17 位的数字（Number.MAX_SAFE_INTEGER）的展示 大数不转为科学计数法 各种正负号、000、科学计数法输入、数字加字符、字符加数字的 edge case 处理 全部使用正则处理，待进行 Benchmark 后...

new DOMParser.parseFromString(xml, 'text/html') 的最大深度是 512，大于之后会把更深层次的 DOM 节点拍平到最后一层？ 上古时代 JQ 用法 $('<div></div>').html(xml).get(0) 走的是上面的流程？ 如何超出这个限制？ 有个疑难杂症，产品说如果积木量达到 2000 ...

翻译自：https://medium.com/compass-security/samesite-cookie-attribute-33b3bfeaeb95 17年的文章，是对 CSRF 很好的防御手段 理解了这个属性也能避免很多开发上的麻烦，例如 iFrame 中的 Cookie 处理 介绍 过去十年，我教我的学生五个 cookie 属性:“path, domain, e...

InversifyJS 比 SOLID（面向对象设计)中的 D（依赖反转）好在哪里？ 四种 Decorator Reflect Metadata InversifyJS SOLID-D VS InversifyJS SOLID-D 高层模块不应该依赖于低层模块，他们都应该依赖于抽象接口 抽象接口应该脱离具体实现，具体实现应该依赖于抽象接口 // 反例 ...

通过 docker 搭建自己的 Sentry 前端错误监控系统。 官方版本 注册账号 https://sentry.io/signup/ 接入 SDK <script src="https://browser.sentry-cdn.com/4.4.2/bundle.min.js" crossorigin="anonymous" ></script> ...

我们用过很多的 webpack loader 例如：babel-loader、less-loader、css-loader 之类的，如何写一个我们自己的 loader 呢？ webpack.config.js const path = require("path"); module.exports = { mode: "development", resolveLoader: ...

Debugger 一个动态配置代码异步加载引发的状态错误问题，最后从 Webpack 的角度利用静态代码分析的能力来解决问题。 现象 父组件 kitten.tsx componentDidMount() { console.log('cc kitten didMount'); setTimeout( () => { console.log('cc ki...

从 0 开始制作一个 NodeJS 命令行验证码识别工具。实现如下效果。 初始化项目 # 创建 recognition 项目 mkdir recognition cd recognition npm init -y # 安装主依赖 yarn add images tesseract.js # 安装工具依赖 yarn add chalk yargs # 可选依赖 yarn add...