html 笔记

python3 安装指南

1. 下载 WSL Guideline，里面会有配置安装 wsl 相关说明

2. 切换终端到 wsl

花了两周多，终于完成了一个基本无 bug 的项目，但是有个比较大的问题就是：在 webpack 测试环境下，编译时间太久了，app.js 太大了，导致页面初始化极其的慢，虽然说正式环境下不会有这个问题，同事也说测试环境 1000 kb 左右正常，不用优化，但是自己的页面打开慢还是让人感到极其不爽的，花了两个钟左右，我把 app.js 从 1983 kb 缩小到了 1083 kb，压缩之后为 273 kb，首屏运行速度从原来的可能要十多秒，提升到了 166 ms，我是怎么做到这些的呢？主要策略如下：

一、内容优化

1、减少 HTTP 请求数:这条策略是最重要最有效的，因为一个完整的请求要经过 DNS 寻址，与服务器建立连接，发送数据，等待服务器响应，接收数据这样一个消耗时间成本和资源成本的复杂的过程。常见方法：合并多个 CSS 文件和 js 文件，利用 CSS Sprites 整合图像，Inline Images(使用 data：URL scheme 在实际的页面嵌入图像数据 )，合理设置 HTTP 缓存等。

一、构造函数创建、继承和扩展类

为了区分普通函数与构造函数，构造函数首字母大写，构造函数创建类，并进行类的继承和派生，相比于接下来要说的 class 创建、继承和派生类而言，略显得复杂。

一、箭头函数

相当于匿名函数的简写，不同之处在于及箭头函数的 this 指向的是当前的词法作用域，也就是说省去了写 var that = this 的过程，可以直接使用 this；

promise 对于管理异步状态很有用，可以串行执行异步任务，也可以并行执行异步任务，下面是一个简单的串行执行一步步任务的例子：

1. 代码：

import router from '../router';

router.beforeEach((to, from, next) => {
  let n = to.query.subjectId;
  let x = ['mike', 'john', 'sarah'];
  if (n === '4') {
    document.title = x[2];
  } else if (n === '5') {
    document.title = x[1];
  } else if (n === '6') {
    document.title = x[0];
  }
  next();
});

一、 初始化项目

1. 安装 vue-cli3: sudo npm install -g @vue/cli-service-global