开心的小程序员

摘要： 最近在进行项目优化，大体积的图片苦不堪言，Lighthouse给出的建议是替换成webp格式。 但是我们设计不知道这种格式，于是本人跑到油管自力更生。 视频链接地址：www.youtube.com/watch?v=KUf… 1. 关闭Photoshop 右键退出。这个很有必要，本人亲踩坑，不退出无效 阅读全文

摘要： 1. 打开命令行工具 sudo vim /etc/hosts 2. 输入你电脑的密码进入host文件 3. 按 i 键进入编辑状态，修改host 4. 按ESC退出编辑状态，输入 :wq 保存并退出vim 阅读全文

摘要： function GetLeastNumbers_Solution(input, k) { // 构建最大堆 // 二叉堆使用数组表示，顶点是下标1开始，子节点分别为2*n, 2*n +1 // 对于长度为N的数组，其最后一个非叶子节点的位置为Math.floor(n/2) // 最大堆要求每一个分 阅读全文

摘要： 本质将源代码转为树状结构。测试网站 webpack使用acore babel使用babylon7.0 自己实现可以通过: esprima 将代码转为树状结构 estraverse 遍历树状结构（使用深度优先遍历） escodegen 重新生成代码 let code =' function(){}'; 阅读全文

摘要： 了解事件机制首先要了解事件和事件流。 1. 事件处理程序 事件处理程序分为3类： HTML事件处理程序 DOM0级事件处理程序 DOM2级事件处理程序 1. HTML事件处理程序 <button onclick="alert(hello world!)"></hello> 特点是： HTML和JS高 阅读全文

摘要： 现在的盒模型主要有三种： 1. 标准盒模型 box-sizing: content-box; 这种盒模型是平时默认使用的方式。即设置的width/height的属性是content-box的属性。 2. 怪异盒模型 box-sizing: border-box; 这种盒模型在实际开发中最方便。即wi 阅读全文

摘要： 1. display:none 从文档流中消失 2. visibility: hidden 只是不显示，但是仍位于文档流中 3. opacity: 0 兼容问题： filter: opacity(0) filter的其他功能：滤镜。修改背景图片的渲染。 4. z-index:-9999 xxx { 阅读全文

摘要： ts的类型声明有两个特征： 在ts开发中，为了使用一些只有js版本的库，可以通过使用类型声明，在ts文件中直接使用库。 类型声明的代码在编译后会被删除，不会影响真正的代码 1. 类型声明 1. 基本类型声明 对于变量，函数，类，type，接口的声明 declare let name: string; 阅读全文

摘要： 1. 交叉类型-& 将多个类型合并成一个大类型 interface Bird { name: string, fly(): void } interface Person { age: number, talk(): void; } type BirdMan = Bird & Person; let 阅读全文

摘要： 类型保护指的是确认分支作用域中的类型。可以更具体的调用参数上的属性和方法。 1. 基本类型保护 function first(a: number|string|boolean):number { if(typeof a 'number') { return a; } else if(typeof a 阅读全文