摘要：
一、类型注解（Type annotation） 所谓类型注解，就是人为为一个变量指定类型，例如： const a: number = 123; 在 vscode 中鼠标移入 a 出现提示，冒号后面就是类型注解： 当不添加类型注解时，TypesScript 也能知道变量 a 是一个数字，这就是 Typ 阅读全文
摘要：
一、什么是接口 在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型 接口是一系列抽象方法的声明，是一些方法特征的集合，第三方可以通过这组抽象方法调用，让具体的类执行具体的方法 TypeScript 中接口除了可用于对类的一部分行为进行抽象以外，还可用于对「对象的形状（ 阅读全文
摘要：
一、TypeScript 的安装及使用 1、安装 npm i typescript -g // ts 全局包 npm i ts-node -g // 使用 ts-node 直接运行 ts 文件 2、使用 将 TypeScript 转换为 JavaScript 代码： tsc test.ts 使用 n 阅读全文
摘要：
一、svg 在网页中的一般用法 svg 使用 XML 格式定义图像，基本使用如下： <body> <svg width="50" height="50" version="1.1" xmlns="http://www.w3.org/2000/svg"> <rect width="100%" heig 阅读全文
摘要：
指针锁定 Pointer Lock API 通过它可以访问原始的鼠标运动（基于指针的相对位移 movementX / movementY），把鼠标事件的目标锁定到一个特定的元素，同时隐藏视图中的指针光标（可通过 ESC 显示），并且可以消除鼠标在一个方向上移动的边界限制。 这个 API 对于需要大量 阅读全文
摘要：
一、移动端 Mint Cube MUI Vant Vux Muse-ui 二、PC 端 Element UI iView Layui Ant Design Bootstrap vuetify 三、FrameWorks Flutter Taro Framework7 阅读全文
摘要：
一、全局安装 Hexo $ npm install hexo-cli -g 二、初始化博客项目并安装依赖 $ hexo init blog$ cd blog$ npm install 三、运行博客项目 $ hexo server 也可以简写 $ hexo s 查看运行结果 → 访问：http://l 阅读全文
摘要：
一、Koa 设置 Cookie ctx.cookies.set(name, value, [options]) 通过 options 设置 cookie name 的 value : maxAge 一个数字表示从 Date.now() 得到的毫秒数 signed cookie 签名值 expires 阅读全文
摘要：
一、Koa 中间件的原理 koa 把很多 async 函数组成一个处理链，每个 async 函数都可以做一些自己的事情，然后用 await next() 来调用下一个 async 函数。我们把每个 async 函数称为 middleware，这些 middleware 可以组合起来，完成很多有用的功 阅读全文
摘要：
Async 和 Awaiit 是 Promise 的扩展，我们知道 JavaScript 是单线程的，使用 Promise 之后可以使异步操作的书写更简洁，而 Async 使 Promise 像同步操作 一、Async Async 自动将常规函数转换成 Promise，返回值一个 Promise 对 阅读全文
摘要：
一、全局安装 koa-generator $ npm install -g koa-generator 二、创建 koa 项目 $ koa2 project 如果想使用 ejs 引擎的话可以用： $ koa2 -e project 三、进入项目并安装依赖 $ cd project$ npm inst 阅读全文
摘要：
一、创建项目并进入 $ mkdir project$ cd project 二、快速生成 package.json 文件 $ npm init -y 三、安装 Koa $ npm i koa 四、创建 app.js 并输入以下代码 // 导入koa，和koa 1.x不同，在koa2中，我们导入的是一 阅读全文
摘要：
一、什么是 Babel Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其它环境中。 // Babel 输入：ES2015 箭头函数 [1,2,3].map((n)=>n+1) // 阅读全文
摘要：
一、Webpack 的概念 本质上，Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 Webpack 处理应用程序时，它会在内部构建一个依赖图（dependency graph），此依赖图会映射项目所需的每个模块，并生成一个或多个 bundle 二、Webpack 的 阅读全文
摘要：
一、什么是 reduce() ？ reduce() 方法对数组中的每个元素执行一个升序执行的 reducer 函数，并将结果汇总为单个返回值 const array1 = [1, 2, 3, 4]; const reducer = (accumulator, currentValue) => acc 阅读全文
摘要：
一、JPG 有损压缩，压缩率高 不支持透明 适用于不需要透明图片的业务场景 二、PNG 支持透明 浏览器兼容性好 适用于需要透明图片的业务场景 三、SVG 矢量图，代码内嵌，相对较小 适用于图片样式相对简单的场景 四、WEBP 压缩程度好 但在 ios webview 有兼容性问题 适用于安卓 阅读全文
摘要：
一、png8 256 色 支持透明 png8 包括索引色透明和 Alpha 透明： 索引色透明只能指定一个像素点是否为透明 Alpha 透明则可指定一个像素点的透明度 二、png24 2^24 色 不支持透明 png24 不支持透明度设定，但可用的颜色比 png8 丰富 三、png32 2^24 色 阅读全文
摘要：
一、HTML 压缩 1、利用在线网站进行压缩（https://tool.oschina.net/） 2、nodejs 提供了 html-minifier 工具 3、后端模板引擎渲染压缩 二、CSS 压缩 1、利用在线网站进行压缩 2、使用 html-minifier 对 html 中的 css 进行 阅读全文
摘要：
ES5 数组遍历方法 1、for 循环 const arr = [1, 2, 3, 4, 5] for (let i = 0; i < arr.length; i++) { console.log(arr[i]) } 2、forEach const arr = [1, 2, 3, 4, 5] arr 阅读全文
摘要：
题目要求： 解法一： 直接用 sort 从大到小排序，取第 k 个 var findKthLargest = function (nums, k) { nums.sort((a, b) => { return b - a }); return nums[k - 1]; }; 解法二（优化性能）： 使 阅读全文