会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
Jackzhou
Welcome to my blogs !
博客园
首页
新随笔
订阅
管理
上一页
1
2
3
4
5
6
7
下一页
2021年2月27日
Vue 包大小优化
摘要: 优化前的包大小 这必须得优化一下,优化前得大致定一下目标,目标又需要指标来衡量,所以定了两个指标: 页面加载时间不多说,至少得 1s 以内,越快越好 包大小控制在 200k 以内 方案 几个策略 代码混淆 资源放到 cdn,因为开发的时候图省事,资源放在 assets 下面,直接 require 引
阅读全文
posted @ 2021-02-27 13:26 Jack·zhou
阅读(283)
评论(0)
推荐(0)
编辑
2021年2月19日
网络请求Fetch和Axios的区别
摘要: 几个比较大的网站的请求图: 掘金: YouTube: 知乎: 需要注意的是:Axios是对XMLHttpRequest的封装,而Fetch是一种新的获取资源的接口方式,并不是对XMLHttpRequest的封装。 它们最大的不同点在于Fetch是浏览器原生支持,而Axios需要引入Axios库。 下
阅读全文
posted @ 2021-02-19 20:05 Jack·zhou
阅读(1211)
评论(0)
推荐(0)
编辑
2021年2月6日
动态导入
摘要: 深入了解动态导入 我们不能动态地生成import的任何参数。 模块路径必须是原语字符串,不能是函数调用。这不会工作: import ... from getModuleName(); // Error, only from "string" is allowed 其次,不能有条件地或在运行时导入:
阅读全文
posted @ 2021-02-06 12:53 Jack·zhou
阅读(93)
评论(0)
推荐(0)
编辑
2021年2月1日
手写vue 之数据响应式
摘要: 理解vue的设计思想 将视图View的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。 MVVM框架的三要素:数据响应式、模板引擎及其渲染 数据响应式:监听数据变化并且在视图中更新 Object.definePropetry() Proxy 模板引擎: 提供描述视图的模板语法 插值:{{}}
阅读全文
posted @ 2021-02-01 15:07 Jack·zhou
阅读(127)
评论(0)
推荐(0)
编辑
2021年1月20日
Web 性能优化-首屏和白屏时间
摘要: 什么是首屏和白屏时间? 白屏时间是指浏览器从响应用户输入网址地址,到浏览器开始显示内容的时间。首屏时间是指浏览器从响应用户输入网络地址,到首屏内容渲染完成的时间。 白屏时间 = 地址栏输入网址后回车 - 浏览器出现第一个元素首屏时间 = 地址栏输入网址后回车 - 浏览器第一屏渲染完成 影响白屏时间的
阅读全文
posted @ 2021-01-20 22:25 Jack·zhou
阅读(651)
评论(0)
推荐(0)
编辑
2021年1月16日
Koa2中间件实现的原理剖析
摘要: 洋葱模型 官网例子: const Koa = require('koa'); const app = new Koa(); // logger app.use(async (ctx, next) => { await next(); const rt = ctx.response.get('X-Re
阅读全文
posted @ 2021-01-16 14:16 Jack·zhou
阅读(135)
评论(0)
推荐(0)
编辑
2021年1月3日
基于nodejs搭建反向代理服务器
摘要: 下载http-proxy cnpm install http-proxy --save-dev 在项目下面新建一个app.js文件,内容如下: var http = require('http'), httpProxy = require('http-proxy'); // 新建一个代理 Proxy
阅读全文
posted @ 2021-01-03 16:10 Jack·zhou
阅读(347)
评论(0)
推荐(0)
编辑
2020年12月27日
commonJs原理解析
摘要: 同步加载 先使用require.register注册文件路径和对应方法之间的映射关系保存在require.modules中 再使用require方法,通过传入的路径去require.modules中取出对应的方法 使用require获取方法的同时,会触发依赖模块中的require方法,这样就实现了模
阅读全文
posted @ 2020-12-27 15:43 Jack·zhou
阅读(143)
评论(0)
推荐(0)
编辑
2020年12月22日
从源码层面深入了解v-for和v-if的优先级的高低
摘要: 当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整
阅读全文
posted @ 2020-12-22 21:59 Jack·zhou
阅读(325)
评论(0)
推荐(0)
编辑
2020年12月16日
VUE 3.0 Proxy浅谈
摘要: 一、什么是Proxy ? 1 . Proxy 这个词的原理为代理,在这里可以表示由它来“代理”某些操作,译为“代理器”。 2 . Proxy用于修改某些操作的默认行为,也可以理解为在目标对象之前架设一层拦截,外部所有的访问都必须先通过这层拦截,因此提供了一种机制,可以对外部的访问进行过滤和修改。 3
阅读全文
posted @ 2020-12-16 21:05 Jack·zhou
阅读(773)
评论(0)
推荐(0)
编辑
上一页
1
2
3
4
5
6
7
下一页