vConsole分析2-VConsoleDefaultPlugin

插件VConsole 的 _addBuiltInPlugins 方法中有这五个内置插件:VConsoleDefaultPlugin、VConsoleSystemPlugin、VConsoleNetworkPlugin、VConsoleElementPlugin、VConsoleStoragePlugin,分别对应...

vConsole分析1

简介vConsole 是一个轻量化的移动网页前端控制台面板,它在真机上实现 PC 网页控制台的主要功能,大大简化了 H5 页面的调试过程,它的使用也非常简单,以 CDN 引入为例:1234<script src="https://cdn.bootcss.com/vConsole/3.3.4/vco...

Vuex源码分析3

上篇写到 Store 构造函数中的 installModule 与 resetStoreVM 方法,这篇继续。 installModuleinstallModule 会处理开启 namespaced 的情况。所有模块的 action、mutation、getter 都会被分别挂载到 Store._actions、...

使用Canvas压缩Jpg图片丢失Exif信息问题

遇到的问题最近开发遇到一个问题,后台想要在用户上传的图片中获取到 Exif 信息,APP 确认 Exif 信息有传,最后排查到 Exif 丢失的原因是 H5 对 APP 传回的照片进行了压缩。H5 使用的压缩库是 lrz,将 H5 压缩关闭后,后台就可以获取到 Exif 信息了。 APP 传给 H5 的图片内容是...

Vuex源码分析2

接下来就是实例化一个 Vuex.Store:12345678910const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { ...

Vuex源码分析1

Vuex 版本 3.1.1 目录结构123456789101112131415-- src -- module // 模块 -- module-collection.js -- module.js -- plugins // 插件 -- devtool.js // 开发工具插件 ...

Vue-router源码分析4

VueRouter 构造函数中的 this.matcher123456789101112131415161718192021222324export default class VueRouter { static install: () => void; static version: st...

Vue-router源码分析2-路由模式

前文说到,Vue-Router 有三种模式包括 hash、history、abstract,对应 HashHistory、HTML5History、AbstractHistory 三个类。 hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HTML5 History Api 的浏览器。...

Vue-router源码分析3-视图更新

transitionTo 与 confirmTransition 修改的只是 URL 与数据,视图是如何更新的呢? VueRouter全局注册 与 组件 123456789101112131415161718192021222324252627282930313233343536373839404142434...

Vue-router源码分析1

Vue-router 版本 3.0.7 目录结构123456789101112-- lib -- components // 存放 <router-view> 与 <router-link> 组件 -- history // 存放几种路由方式文件 -- base.js // 所有...