Invalid Host header 报错 webpack 构建项目,笔都希望设置 hosts ,利用特定的自定义域名浏览启动的项目,利用 hostname。 // hosts 设置 127.0.0.1 ifrontend.test.com 验证发现可以使用,但是页面提...
前端开发
史上最全的常用正则表达式大全,涵盖基本的开发应用场景
一、校验数字的表达式 数字:^[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 常用命令大全
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: ...
Chrome 控制台调试打印之 console 花式调试大全
输出信息 console.log('默认消息!') console.info('提示消息!') console.error('错误消息!') console.warn('警告消息!') 数据表格式化 - table const data = [ { id: 1, name: '...
posthtml 虚拟语法树(AST)解析器及插件介绍
介绍 PostHTML 是一种使用 JS 插件转换 HTML/XML 的工具。PostHTML 本身非常小。它仅包含一个 HTML 解析器、一个 HTML 节点树 API 和一个节点树字符串化器。 所有 HTML 转换都是由插件完成的。这些插件只...
HTML解析器之htmlparser2使用详解
htmlparser2 提供了一个解析器——Parser,初始化它至少需要一个handler,options是可选的。 handler是一个对象,在这个对象上可以设置很多的钩子函数,Parser解析时会在每个阶段运行对应的钩子函数。 以下...
node.js 如何解析 html 标签,实现 jquery 一样的元素选择操作
cheerio 为服务器特别定制的,快速、灵活、实施的jQuery核心实现。主要是为了用在服务器端需要对DOM进行操作的地方 安装 npm i -D cheerio 解析html(load) const cheerio = require('cheerio...
Rollup 如何封装自己的工具库详解之DAG 有向图判断是否有环
介绍 Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。Rollup 对代码模块使用新的标准化格式,这些标准都包含在 JavaScript 的 ES6 版本中,而不是以前...
npm 开源模块,如何配置属于本模块的命令集,全局、局部安装可以使用该命令
其实要配置属于本模块专属命令并不复杂,只需在 package.json 里配置 bin 属性就可以了,下面我们通过一个列子来说明 // package.json "bin": { "tracelib": "./bin/tracelib.js" }, // tracelib...