类的定义 类(class)这个概念来源于OOP(Object Oriented Programming),也就是面向对象编程,OOP是一种计算机编程架构,其有着封装,继承,多态三种特性。而类在OOP中是实现信息封装的基础。类是一种用户定义类型,也称类类型。每个类包含数据说明和一组操作数据或传递消...
Chrome 控制台调试打印之 console 花式调试大全
输出信息 console.log('默认消息!') console.info('提示消息!') console.error('错误消息!') console.warn('警告消息!') 数据表格式化 - table const data = [ { id: 1, name: 'Node', description: 'node.js' }, { id: 2, na...
TypeScript 入门教程之类型保护
类型保护Typescript 能够在特定的区块中保证变量属于某种特定的类型; 可以在此区块中放心的引用此类型的属性,或者调用此类型的方法 下面我们来看个例子 class Duck { fly() {} layEggs() {} } class Bird { run() {} layEggs() {} } function ge...
TypeScript 入门教程之基础环境搭建
初始化项目 mkdir typesript-demo cd typescript-demo npm init -y 安装 typescript 这里全局安装,是为了方便使用 tsc 命令,初始化 tsconfig.json 配置 及直接转换运行 ts 代码。 npm i -g typescript 项目内安装 npm i -D typescript 初始化 tsconfi...
posthtml 虚拟语法树(AST)解析器及插件介绍
介绍 PostHTML 是一种使用 JS 插件转换 HTML/XML 的工具。PostHTML 本身非常小。它仅包含一个 HTML 解析器、一个 HTML 节点树 API 和一个节点树字符串化器。 所有 HTML 转换都是由插件完成的。这些插件只是简单的小型 JS 函数,它们接收 HTML 节点树,对其进行转换,然...
HTML解析器之htmlparser2使用详解
htmlparser2 提供了一个解析器——Parser,初始化它至少需要一个handler,options是可选的。 handler是一个对象,在这个对象上可以设置很多的钩子函数,Parser解析时会在每个阶段运行对应的钩子函数。 以下是可以设置的所有的钩子函数, 函数名描述onopentag(<str> ...
node.js 如何解析 html 标签,实现 jquery 一样的元素选择操作
cheerio 为服务器特别定制的,快速、灵活、实施的jQuery核心实现。主要是为了用在服务器端需要对DOM进行操作的地方 安装 npm i -D cheerio 解析html(load) const cheerio = require('cheerio'); const $ = cheerio.load('<h2 class="title">hello wo...
Rollup 如何封装自己的工具库详解之DAG 有向图判断是否有环
介绍 Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。Rollup 对代码模块使用新的标准化格式,这些标准都包含在 JavaScript 的 ES6 版本中,而不是以前的特殊解决方案,如 CommonJS 和 AMD。ES6 模块可以使你自由、无...
npm 开源模块,如何配置属于本模块的命令集,全局、局部安装可以使用该命令
其实要配置属于本模块专属命令并不复杂,只需在 package.json 里配置 bin 属性就可以了,下面我们通过一个列子来说明 // package.json "bin": { "tracelib": "./bin/tracelib.js" }, // tracelib.js #!/usr/bin/env node const fs = require('fs'); const pat...
wepack5 Vue Test Utils 单元测试之 Jest 配置
配置单元测试的前题是你已经安装并配置好了 webpack、vue-loader 和 Babel——例如通过 vue-cli 创建了 webpack-simple 模板脚手架。 安装 Jest 和 Vue Test Utils: npm install --save-dev jest @vue/test-utils // package.json { "scripts":...