Vue.js
WionWan
在路上
展开
-
项目部署遇到的一些问题总结
项目开发中途决定采用的云效自动化部署,和本地环境还有一点差异,也遇到了一些问题,于是总结如下。项目采用的VUE CLI3 构建lintOnSave导致项目编译失败报错本地的配置 lintOnSave 写的是开启,本地打包没问题,但是线上自动化打包就持续的报错,报错内容如下:vue-cli-service build- Building for production... ER...原创 2020-01-08 21:52:10 · 3731 阅读 · 3 评论 -
Vue Cli3搭建的Vue框架和2对比以及基本的使用
文章目录文件目录Store VUEXRouterpublic文件夹src/views去掉 build(根据config中的配置来定义规则)、config(配置不同环境的参数)文件夹NODE_ENVbaseUrl 和 publicPath使用mockJS文件目录原来的文件目录现在的文件目录Store VUEX原来项目的vuex状态管理需要自己 install的,并不包括在搭建...原创 2019-10-29 00:44:44 · 915 阅读 · 0 评论 -
npm run dev&build的流程梳理
Webpack核心理念entry 一个可执行模块或库的入口文件。Module,模块,在Webpack中一切皆模块,一个模块即为一个文件。Webpack会从Entry开始递归找出所有的依赖模块。chunk 多个文件组成的一个代码块,例如把一个可执行模块和它所有依赖的模块组合和一个 chunk 这体现了webpack的打包机制。loader 文件转换器,例如把es6转换为es5,scss转...原创 2019-10-11 11:32:38 · 8048 阅读 · 0 评论 -
最近做Vue前端项目时遇到的一些问题总结以及解决方案
最近忙碌,但是也要总结一下最近遇到的一些问题,查漏补缺文章目录遇到的问题:watch的深度监听deep:true 导致了 Maximum call stack size exceeded记录遇到的问题:页面动态扩展,从没有滚动条到出现滚动,导致页面抖动记录:遇到的问题:vertical-align 设置什么情况下才会起作用记录:遇到的问题:vue Webpack打包后的dist 文件夹中新增除...原创 2019-09-17 00:18:35 · 9955 阅读 · 0 评论 -
element UI table表格实现拖拽改变行高和列宽
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-07-16 22:46:14 · 19817 阅读 · 6 评论 -
mpvue+vant+koa2+Wafer2+Router小程序前后端开发采坑过程记录
端午两个下午做了一个前后端都自己动手的小程序demo,用来熟悉小程序开发流程和node的开发后端开发框架Koa,过程还算比较顺利。完成的基本功能mpvue+vant 搭建了一个template,可以快速开始小程序的前端开发配置后端koa的server,对接到腾讯云修改为本地开发环境,对接本地的MySQL等数据库的增删改查路由的跳转读取MySQL生成Excel,返回文件到前端,微信端...原创 2019-06-10 21:29:08 · 1977 阅读 · 1 评论 -
axios 解决请求重复提交并进一步封装全系统重复请求拦截
场景一个按钮点击即可请求数据,但是会遇到的场景时,疯狂点击后,请求持续发送,若遇到某个接口加载比较缓慢,会有以前的来数据被拿到页面上来用,看到的便不是及时更新的数据;axios 如何解决axios提供传递一个 executor 函数到 CancelToken 的构造函数来创建 cancel token;从而打断之前的请求,保留最后一次新的项目使用的VUE,于是 clickItem() {...原创 2019-04-25 20:28:44 · 3990 阅读 · 0 评论 -
理解虚拟DOM(virtual DOM) 、浅谈diff算法的实现
因为今天在给一个项目做一个小demo,用到了jQuery,想起用了VUE之后就没怎么用过jQuery做DOM操作了;于是感慨到virtual DOM的好处,于是想着回家整理整理什么时候 virtual DOM ?为什么存在virtual DOM?用JS模拟虚拟的DOM结构,生成虚拟的DOM,当数据更新是,对比DOM的变化,只更新需要更新的数据,从而减少"昂贵"的DOM操作;为了提高DOM重...原创 2019-03-27 23:48:24 · 671 阅读 · 0 评论 -
Vue内部运行机制剖析-模拟Vue的响应式原理
Vue.js 是一款 MVVM 框架:核心实现就是响应式系统;理解这里的响应式指的是数据的响应式模拟视图更新使用Object.defineProperty 封装方法function cb(val) { /* 渲染视图 */ console.log("视图更新啦~");}function defineReactive(obj, key, val) { Object.defin...原创 2019-01-03 23:47:14 · 394 阅读 · 0 评论 -
Vue内部运行机制剖析--思维导图总结
总结的Vue机制内部运行概览思维导图:VUE机制内部运行概览思维导图文字版本:初始化以及挂载 来自于:new Vue()之后 调用分方法:_init 初始化生命周期、事件、 props、 methods、 data、 computed 与 watch 之后: $mount 会挂载组件 编译template编译 parse 会用正则等方式解析 tem...原创 2019-01-03 23:44:49 · 877 阅读 · 0 评论