随笔分类 - vue
摘要：本文章主要为大家介绍了前端工程化cjs umd esm 打包差异详解： 模块 先简单说一下模块这玩意： 一个模块（module）就是一个文件。一个脚本就是一个模块。就这么简单。 内部有自己的局部作用域以及程序，外部可以通过模块暴露的接口进行调用、执行模块内的程序 为什么要模块 我们从另一个角度出发，
阅读全文
摘要：文章目录 介绍 实现思路 安装步骤 安装verdaccio 注意 使用pm2管理进程 pm2简介 全局安装pm2 使用pm2启动verdaccio 使用nrm管理或者切换npm仓库源 附：pm2常用命令 介绍 团队开发用到npm，但公司要求使用的私有npm库方便管理，查找相关资料后决定使用verda
阅读全文
摘要：效果图 分清clientY pageY screenY layerY offsetY的区别 在我们想要做出拖拽这个效果的时候，我们需要分清这几个属性的区别，这几个属性都是计算鼠标点击的偏移值，我们需要对其进行了解才可以继续实现我们的拖拽效果 clientY 指的是距离可视页面左上角的距离 pageY
阅读全文
摘要：基于vue的架构中，在网页中添加水印效果，具体实现 代码如下： 新建js文件：例如warterMark.js 1 'use strict' 2 3 let watermark = {} 4 5 let setWatermark = (str) => { 6 let id = '1.234523841
阅读全文
摘要：异步更新队列： 首先我们要对vue的数据更新有一定理解： vue是依靠数据驱动视图更新的，该更新的过程是异步的。 即：当侦听到你的数据发生变化时， Vue将开启一个队列（该队列被Vue官方称为异步更新队列）。 视图需要等队列中所有数据变化完成之后，再统一进行更新。示例： 1 <div id="App
阅读全文
摘要：1、npm install name -save 简写（npm install name -S） 自动把模块和版本号添加到dependencies。 -S后，安装包会在package中的 dependencies 对象中。简称dep。dep是在生产环境中要用到的。 2、npm install nam
阅读全文
摘要：前提说明 Vue CLI 3 创建项目，目录大致如下所示： 1 ... 2 ├── [ 512] public 3 │ ├── [2.2K] favicon.ico 4 │ └── [ 812] index.html 5 ├── [ 512] src 6 │ ├── [ 709] App.vue 7
阅读全文
摘要：引入checkbox 组件 <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox> <el-checkbox-group v-mo
阅读全文
摘要：1、外部文件config.js 第一种写法 1 //常量的定义 2 3 const config = { 4 baseurl:'http://172.16.114.5:8088/MGT2' 5 } 6 7 //函数的定义 8 9 function formatXml(text) { 10 retur
阅读全文
摘要：对象属性监听的两种方法： 1.普通的watch 1 data() { 2 return { 3 frontPoints: 0 4 } 5 }, 6 watch: { 7 frontPoints(newValue, oldValue) { 8 console.log(newValue) 9 } 10
阅读全文
