JS 正则表达式（数字、正则） 验证数字的正则表达式集 验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,}$ 验证m-n位的数字：^\d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9]*)$ 验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的...

正则 表达式

手撸一个在线css三角形生成器 为了提高 前端开发 效率, 笔者先后写了上百个前端工具, 有些是给公司内部使用的, 有些单纯是因为自己太“懒”, 不想写代码, 所以才“被迫”做的. 接下来介绍的一款工具——css三角形生成器也是因为之前想要解放设计师的生产力, 自己又懒得切图或者写css代码, 所以想来想去还是自己做一个能自动生成css...

css 三角形 transparent

打造属于自己的Vue工程化脚手架工具

vue 工程化 脚手架 工具

写在开头 大家好，我是Channing。 上周五刚在部门里做完了关于Vue3的技术分享，前后大概花了整整一个星期的时间和精力去准备里面的内容，遂想在周末的时间里把这些重新再整理成文字也分享给掘友们。 或许有些部分不绝对专业，但绝对乐于接受合理的意见和建议。 本文主体脉络分为三个部分：Vue3重写的动机、优化的原理，以及Vue3带来了什么...

vue 性能优化 数据渲染

 防抖与节流 二话不说 轮子我都会造 还怕你面试问吗？ 一天造一个轮子，干就完了。 造轮子计划 框架基础 模板引擎 防抖 节流 前端路由 统一状态管理 时间旅行 HTML编译器 Pipe管道 双向绑定 原生Ajax JS基础 Compose Promise Promise.all/race 路由 new call/apply/...

防抖 节流

快速切换npm源 推荐使用 nrm nrm 是一个 js 模块，类似 vue-cli，是一个命令行工具，可以用来快速切换 npm 源。 安装 npm install -g nrm 看看有哪些源供我选择 类似 linux 里的 ls，列出可供选择的源 nrm ls nrm use taobao 这样，就切换到了淘宝的源，下载速度接近网速了...

npm源 node

JavaScript 中的 Math 对象 常量 相目 描述 Math.E 常数e，自然对数的基数（表示~2.71828） Math.LN10 表示 10 的自然对数，约为 2.302 Math.LN2 表示 2 的自然对数，约为 0.693 Math.LOG10E 表示以 10 为底数，e 的对数，约为 0.434 Math.LOG2...

javascript 前端 math

JavaScript 术语表  异步 当您启动某些内容时，代码是异步的，建议忘记它，并且当结果准备就绪时，您可以将其取回而无需等待它。 典型的例子是一个 AJAX 调用，它可能需要几秒钟，同时你完成其他的东西，当响应准备就绪时，调用回调函数。 Promise 和 async/await 是处理异步的现代方法。 块(Block)...

javascript 函数 前端

剖析Vue原理&实现双向绑定MVVM 1、了解vue的双向数据绑定原理以及核心代码模块 2、缓解好奇心的同时了解如何实现双向绑定 为了便于说明原理与实现，本文相关代码主要摘自vue源码, 并进行了简化改造，相对较简陋，并未考虑到数组的处理、数据的循环依赖等，也难免存在一些问题，欢迎大家指正。不过这些并不会影响大家的阅读和理解，相...

数据绑定 vue 双向绑定

Vue应用测试 本篇文章由阅读《Vue.js应用测试》书籍、学习《Vue Test Utils》官网知识以及实际工作经验总结而来，阅读书籍请支持正版。 测试介绍 前端应用程序主要编写三种测试类型：单元测试、快照测试、端到端测试。本篇文章着重介绍Vue组件的单元测试和快照测试，对于端到端测试请自行搜索相关内容。 对于不同类型的测试，我们应...

测试 Vue 应用测试