vue-router源码简要分析
前言主要分析了vue-router的部分源码，从而帮助理解vue-router的相关原理。主要从三个方面分析: vue-router插件初始化时所做的工作; 当路由发生改变时如何渲染router-view组件; 使用router-link是如何进行路由跳转的; vue-router插件初始化一般在项目中引入vue-router插件时，所需代码如下...
PDF展示与合成Vue组件(lz-pdf-merage)
前言主要是介绍使用pdfjs和jsPdf在vue组件中对pdf文件进行展示和对原有pdf进行合成(包括文字，图片合成)。 体验demo地址 npm包引入 1npm install lz-pdf-merage pdf展示主要使用pdfjs(使用的版本是2.1.266)对pdf文件通过对canvas对其进行预览展示，主要原理如下: 123456789101...
vue3.2是怎么发布vue-release的
相关源码文件及依赖vue3 跟发布相关的文件主要目录如下: 1vue-next/scripts/release.js 所使用到的引入依赖如下： 12345678const args = require('minimist')(process.argv.slice(2))const fs = require('fs'...
vue3 工具函数源码学习
vue3工具函数目录结构vue3工具函数所在目录如下所示 1vue-nex/packages/shared/src src目录下有以下文件:其中index.ts是入口文件，其它文件在index.ts中引入， index中定义了常用的工具函数 1234567891011121314import { makeMap } from &#...
vue-响应式原理
通过object.defineProperty设置getter和settervue初始化调用_init方法, 在init中会执行initState方法，对props,methods,data等属性进行初始化, 主要代码如下： 12345678910111213141516// 省略部分代码export function initState (vm: C...
构造函数笔记
构造函数 构造函数主要作用是用于实例化类，类实例是由构造函数构造的，构造函数的主要任务是初始化实例需要的信息。(通常构造函数的首字母一般大写)。 构造函数使用new关键字调用 1234567function Animal () { this.type = 'animal'}let dog = new An...
electron调用dll笔记
electron安装相关依赖 electron调用dll需要安装node-gyp,用于编译node-ffi-napi,ref-arrray-di, ref-struct-di, ref-napi等库。node-gyp在window下运行需要python2.7环境和 Visual Studio Build Tools.(详情在这里)在这里可以使用 win...
Electron打印方法笔记
前言主要是总结最近在工作所使用到的electron方法总结，总结的主要是静默打印的方法. webview打印 webview主要是electron提供的在一个独立的 frame 和进程里显示外部 web 内容的标签，详细介绍可以看这里.需要注意的是在electron>=5的版本里webview标签是禁用的，需要在主进程BrowserWindow里...
使用preload远程页面调用electron接口
主要原理主要是通过electron中的preloa在本地中预先加载一个指定脚本js文件，这个文件可以使用node APIs调用electron中的相关接口如ipcRenderer等，所以在electron中使用远程网页的窗口中定义加载js文件，并开放webviewTag,就可以在预加载文件中通过定义window中的方法调用electron接口，然后在远...
element源码样式学习
element源码样式学习目录结构element的样式存放在element的packages/theme-chalk中,目录结构如下所示: 123456789101112131415161718192021222324252627282930313233343536373839│ alert.scss //组件样式│ aside.scss│ au...