比较 相等 console.log('' == '0') // false console.log(0 == '') // true console.log('' === '0') // false console.log(0 === '') // false 在 Javascript 中需要注意一点是 == 与 === 的区别。在使用 == 比较两个变量时，会发生隐式类型转换，例如，自动将字符...
vue3.js 事件处理详解
一、事件处理 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit...
修改 node_modules 依赖包源码，利用 patch-package 制作该 npm 模块包的补丁
在日常开发中经常会遇到，npm依赖模块升级后有点小问题或者不符合我们的场景。 通常的解决方案，是提交一个issue或者PR，等待作者修改，又或者copy源码到本地，修改依赖指向本地。 这两种方案，都有明显的缺点，不是等待时间太久，就是太过暴力。 这里推荐一个新的方...
js 动态改变Input/Textarea值，vue双向绑定数据没有改变
给 input、textarea 组件设置快捷录入操作 vue 自带的修饰键+keydown 事件js 原生事件委托 onkeydown 事件 一、vue 自带的修饰键+keydown 事件 <input @keydown.ctrl.81="setValue"> 这个实现非常方便简单，但是每个 input、textarea 都得去绑定，非常的麻...
webpack-dev-server 启动项目 Invalid Host header
Invalid Host header 报错 webpack 构建项目，笔都希望设置 hosts ，利用特定的自定义域名浏览启动的项目，利用 hostname。 // hosts 设置 127.0.0.1 ifrontend.test.com 验证发现可以使用，但是页面提示 “Invalid Host header” 新版的 webpack-dev-server 修改了...
TypeScript 入门教程之函数
声明和调用函数的不同方式签名重载多态函数多态类型别名 一、声明和调用函数的不同方式 1.1 声明方式 // 具名函数 function getName(name: string) { return `hello ${name}` } // 函数表达式 let getName2 = function(name: string) { return `hello ${name}` ...
史上最全的常用正则表达式大全，涵盖基本的开发应用场景
一、校验数字的表达式 数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(-)?\d+(.\d{1,2})?$正数、负数...
重磅消息，淘宝 NPM 镜像站 (CNPM) 切换新域名
淘宝 NPM 镜像站，简称 CNPM (npm.taobao.org)，已宣布切换至新域名： https://npmmirror.com/ 据介绍，CNPM 自 2014 年正式对外服务，初衷是创建一个 NPM 的中国镜像站点，其参考 Ruby Gems 淘宝镜像 的方式，跟阿里开源组织申请了 taobao.org 的二级域...
npm 常用命令大全
npm 是什么npm init 初始化npm install 安装模块npm uninstall 卸载模块npm update 更新模块npm prefix 查看工作空间npm ls 查看已安装模块npm outdated 查看过时的已安装模块npm help 查看命令的详情帮助npm config 管理npm的配置路径npm cache 管理模块的缓存npm root 查看...
前端工程化之 css sprites 精灵图运用
postcss-sprites 一款图片精灵生成工具。 node 场景运用 // 安装 npm i -D postcss-sprites // css // input .all { background: url('../images/all.png') no-repeat; } .back { background: url('../images/back.png') no-repeat; } .cart { background:...