Vue transition动画

官网 API: https://cn.vuejs.org/v2/guide/transitions.html官方的demo点击显示与消失div id="demo" button v-on:click="show = !show" Toggle /button transition name="fade" p v-if="show"hello/p /transition/divs...阅读全文
906次浏览 0 条评论 6次感谢

Vue 入口缓存的问题

关于 web 的缓存策略,推荐这篇文章:Http 缓存机制在开发时候经常遇到一个问题,我们根据版本号去控制缓存问题,当我们发布新版本,使用心得版本号的时候,发现 html 里面引用的版本号却是旧的版本号 ,原来是该 html 文件被缓存了,很多时候我们设置禁止 html 文件被缓存,但依然会出现被缓存的情况。meta http-equiv="Expires" content="0" meta ht...阅读全文
3193次浏览 4 条评论 3次感谢

webpack3 升级 webpack4

据说 webpack3 比 webpack4 编译速度将近快了 60%-80%,成功升级之后,于是来记录下,项目主要是 vue ^2.5.9 , webpack ^4.10.2 , webpack-dev-sever ^3.1.4 ,配合升级的还有 vue-loader ^15项目重现编译之后由原来的 1.7MB 减少到 1.1MB ,看来在压缩这块也是由效果的。需要修改的地方有以下几点:vue-...阅读全文
2627次浏览 2 条评论 2次感谢

VUE路由切换终止异步请求

问题:在 SPA 模式开发当中,比如 VUE ,当前路由切换的时候如何终止正在发生的异步请求呢,结果:假如请求超时并且有设定超时时间。有一堆的异步请求在执行,当用户切换到另一个页面,这些请求还未终止,并且当服务器响应之后,反馈的结果不是当前页面所期待的。最终会误导用户造成一些不必要的结果。也给 web 造成性能问题。解决方案:把执行的请求存入队列,当路由切换的时候终止队列里的异步请求。首先搞一棵树...阅读全文
6585次浏览 4 条评论 2次感谢

VUE 路由切换白屏的问题

关于 vue 路由切换的白屏,事实上在开发的过程中,我一直没有遇到过。我有个哥们遇到这个问题,问我怎么解决的, 我晕了,我没遇到这样的问题啊,我怎么解决啊啊啊啊。。事实上是遇到过一回的。以下内容于 2019-07-25 修改.服务器部署配置问题这个问题造成的白屏体现在:首页可以正常浏览,但是------通过$router.push('/home')跳转页面 正常,然后刷新 就是白屏或 404本不想...阅读全文
7840次浏览 0 条评论 3次感谢

关于VUE前端项目的优化

今天终于得空了,我要把 kui 说明文档这个项目优化下。打开太慢了,就是这个 http://k-ui.cn10 几秒才能展示完全,真受不了。来张图就明白了看到这个就没啥好意外了,为什么会这么慢。因为说明文档的 webpack 配置没用 vue-cli 脚手架,自己手动配置的,所以问题估计会多些吧1)webpack 配置出错,导致库重复被编译到一个文件里逐步检查了编译后比较大的文件,发现 index...阅读全文
4766次浏览 0 条评论 3次感谢

关于Vue.js的v-for,key的顺序改变,影响过渡动画表现

关于 Vue.js 的 v-for , key 的取值,影响过渡动画表现这个问题是在写 Message 组件出现的,先看代码部分子组件:!-- Notice: --transition :name="transitionName" @enter="enter" @leave="leave" ...... ../transition!-- JS: --script export default ...阅读全文
2967次浏览 0 条评论 2次感谢

KUI for Vue.js

KUI for Vue 轻量级桌面UI组件库for Vue.js[![kui-vue](https://img.shields.io/npm/v/kui-vue.svg?style=flat-square)](https://www.npmjs.org/package/kui-vue)[![NPM downloads](http://img.shields...阅读全文
68586次浏览 4 条评论 10次感谢

vue数据双向绑定原理-complie

​​1)vue 数据双向绑定原理-observer​2)vue 数据双向绑定原理-wather​3)vue 数据双向绑定原理-解析器 Complievue 数据双向绑定原理, 和简单的实现, 本文将实现 mvvm 的模板指令解析器上一步实现了简单数据绑定, 最后实现解析器, 来解析 v-model , v-on:click 等指令, 和 {{}} 模板数据. 解析器 Compile 实现步骤:解析...阅读全文
2683次浏览 1 条评论 1次感谢

vue数据双向绑定原理-watcher

​​1)vue 数据双向绑定原理-observer​2)vue 数据双向绑定原理-wather​3)vue 数据双向绑定原理-解析器 Complievue 数据双向绑定原理, 和简单的实现, 本文将实现 mvvm 的 Watcher上面的步骤已经实现了监听器, 和订阅器, 当属性发生改变, 发出通知, 那么这个通知 是通知谁呢, 肯定是订阅者 watcher .Watcher 订阅者作为 Obse...阅读全文
3515次浏览 0 条评论 5次感谢

vue数据双向绑定原理-observer

​​1)vue 数据双向绑定原理-observer​2)vue 数据双向绑定原理-wather​3)vue 数据双向绑定原理-解析器 Complievue 数据双向绑定原理, 和简单的实现去他喵的底层原理, 框架内核, 老夫写代码只用 Jquery 。个人觉得, 不论是否 是长期与之交集, 还是应该看下核心的东西. 多多了解高人是如何实现的 , 这样才能学到更多的知识, 才能成长进步.  倘若某天...阅读全文
5563次浏览 6 条评论 6次感谢