摘要： 优化前的包大小 这必须得优化一下，优化前得大致定一下目标，目标又需要指标来衡量，所以定了两个指标： 页面加载时间不多说，至少得 1s 以内，越快越好 包大小控制在 200k 以内 方案 几个策略 代码混淆 资源放到 cdn，因为开发的时候图省事，资源放在 assets 下面，直接 require 引 阅读全文

摘要： 几个比较大的网站的请求图： 掘金： YouTube： 知乎： 需要注意的是：Axios是对XMLHttpRequest的封装，而Fetch是一种新的获取资源的接口方式，并不是对XMLHttpRequest的封装。 它们最大的不同点在于Fetch是浏览器原生支持，而Axios需要引入Axios库。 下 阅读全文

摘要： 深入了解动态导入 我们不能动态地生成import的任何参数。 模块路径必须是原语字符串，不能是函数调用。这不会工作: import ... from getModuleName(); // Error, only from "string" is allowed 其次，不能有条件地或在运行时导入: 阅读全文

摘要： 理解vue的设计思想 将视图View的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。 MVVM框架的三要素：数据响应式、模板引擎及其渲染 数据响应式：监听数据变化并且在视图中更新 Object.definePropetry() Proxy 模板引擎： 提供描述视图的模板语法 插值：{{}} 阅读全文

摘要： 什么是首屏和白屏时间？ 白屏时间是指浏览器从响应用户输入网址地址，到浏览器开始显示内容的时间。首屏时间是指浏览器从响应用户输入网络地址，到首屏内容渲染完成的时间。 白屏时间 = 地址栏输入网址后回车 - 浏览器出现第一个元素首屏时间 = 地址栏输入网址后回车 - 浏览器第一屏渲染完成 影响白屏时间的 阅读全文

摘要： 洋葱模型 官网例子： const Koa = require('koa'); const app = new Koa(); // logger app.use(async (ctx, next) => { await next(); const rt = ctx.response.get('X-Re 阅读全文

摘要： 下载http-proxy cnpm install http-proxy --save-dev 在项目下面新建一个app.js文件，内容如下： var http = require('http'), httpProxy = require('http-proxy'); // 新建一个代理 Proxy 阅读全文

摘要： 同步加载 先使用require.register注册文件路径和对应方法之间的映射关系保存在require.modules中 再使用require方法，通过传入的路径去require.modules中取出对应的方法 使用require获取方法的同时，会触发依赖模块中的require方法，这样就实现了模 阅读全文

摘要： 当v-if和v-for一起使用时，v-for的优先级更高 <div id="app"> <ul> <li v-for="item in Nums" v-if="item%2==0">{{item}}->偶数</li> <li v-else-if="item%3==0">{{item}}->可以被3整 阅读全文

摘要： 一、什么是Proxy ? 1 . Proxy 这个词的原理为代理，在这里可以表示由它来“代理”某些操作，译为“代理器”。 2 . Proxy用于修改某些操作的默认行为，也可以理解为在目标对象之前架设一层拦截，外部所有的访问都必须先通过这层拦截，因此提供了一种机制，可以对外部的访问进行过滤和修改。 3 阅读全文