给 input、textarea 组件设置快捷录入操作 vue 自带的修饰键+keydown 事件js 原生事件委托 onkeydown 事件 一、vue 自带的修饰键+keydown 事件 <input @keydown.ctrl.81="setValue"> 这个实现...
webpack-dev-server 启动项目 Invalid Host header
Invalid Host header 报错 webpack 构建项目，笔都希望设置 hosts ，利用特定的自定义域名浏览启动的项目，利用 hostname。 // hosts 设置 127.0.0.1 ifrontend.test.com 验证发现可以使用，但是页面提...
TypeScript 入门教程之函数
声明和调用函数的不同方式签名重载多态函数多态类型别名 一、声明和调用函数的不同方式 1.1 声明方式 // 具名函数 function getName(name: string) { return `hello ${name}` } // 函数表达式 let g...
史上最全的常用正则表达式大全，涵盖基本的开发应用场景
一、校验数字的表达式 数字：^[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...
重磅消息，淘宝 NPM 镜像站 (CNPM) 切换新域名
淘宝 NPM 镜像站，简称 CNPM (npm.taobao.org)，已宣布切换至新域名： https://npmmirror.com/ 据介绍，CNPM 自 2014 年正式对外服务，初衷是创建一个 NPM 的中国镜像站点，其参考 Ruby Gems 淘...
npm 常用命令大全
npm 是什么npm init 初始化npm install 安装模块npm uninstall 卸载模块npm update 更新模块npm prefix 查看工作空间npm ls 查看已安装模块npm outdated 查看过时的已安装模块npm help 查看命令的详情帮助npm co...
前端工程化之 css sprites 精灵图运用
postcss-sprites 一款图片精灵生成工具。 node 场景运用 // 安装 npm i -D postcss-sprites // css // input .all { background: url('../images/all.png') no-repeat; } .back { background: ...
TypeScript 入门教程之类的静态属性、静态方法、修饰符、多态、抽象类
类的定义 类(class)这个概念来源于OOP（Object Oriented Programming），也就是面向对象编程，OOP是一种计算机编程架构，其有着封装，继承，多态三种特性。而类在OOP中是实现信息封装的基础。类是一种用户定...
Chrome 控制台调试打印之 console 花式调试大全
输出信息 console.log('默认消息！') console.info('提示消息！') console.error('错误消息！') console.warn('警告消息！') 数据表格式化 - table const data = [ { id: 1, name: '...
TypeScript 入门教程之类型保护
类型保护Typescript 能够在特定的区块中保证变量属于某种特定的类型； 可以在此区块中放心的引用此类型的属性，或者调用此类型的方法 下面我们来看个例子 class Duck { fly() {} layEggs() {} } ...