虽然前后端分离已经流行很多年了,仍有很多团队不能够充分的利用前后端分离的优势。主要体现在前端过分依赖服务环境, 将高效的约定分工合作模式理解很浅。 在这里推荐一种mock server的解决方案。 mock server…
分类:vue.js教程
关于v-if和v-for不能一起使用在同一个标签上的思考
v-if 和 v-for 一起使用在同一个标签上会怎么样? 看例子:使用v-for将如下object的所有value遍历显示,其中有一个value是数组 数据: testData: { name: 'TESTOBJECT…
为vue3学点typescript, 解读高级类型
直达 第一课, 体验typescript 第二课, 基础类型和入门高级类型 第三课, 泛型 第四课, 解读高级类型 第五课, 什么是命名空间(namespace)? 回顾 第二课的时候为了更好的讲解基础类型, 所以我们讲…
在Vue环境下利用worker运行interval计时器
在Vue-Cli环境下利用worker运行interval计时器 今天在code review时,发现之前遗留的问题: 在一个视频播放页面,有一个40ms的interval一直在阻碍,导致视频延时逐渐增大 于是写了一个w…
vue文档阅读笔记
数据与方法 📒当一个vue实例被创建时,它向vue响应式系统中加入了其data能找到的所有的属性,当这些属性值变化时,视图将会响应。 是创建的时候才会去监听,数据才是响应式的。如果在创建之后向一个对象中添…
[Vue CLI 3] 如何自定义 js 的文件名
在前面的一篇文章filenameHashing使用和源码设计中我们介绍了,为什么会出现 filename + hash 的文件名,而且 hash 的位数多是固定的 假设你需要自定义 js 的文件名,比如入口文件编译之后的…
使用el-checkbox实现全选,点击失效没有反应
最近在公司接收到了一个需求,给收藏夹的书籍添加批量、全选删除实现思路:点击全选改变item的checked,改变item的checked,重新便利一下所有item的checked来改变全选的selectAll1)该组件基…
VUE使用Swiper插件
在vue项目中,使用swiper插件,使用回调函数,在数据中定义swiperOption对象,在对象中调用swiper的回调函数 data () { return { realIndex: 0, swiperOption…
vue 源码学习(一) 目录结构和构建过程简介
Flow vue框架使用了Flow作为类型检查,来保证项目的可读性和维护性。vue.js的主目录下有Flow的配置.flowconfig文件,还有flow目录,指定了各种自定义类型。 在学习源码前可以先看下Flow的语法…
React && VUE Virtual Dom的Diff算法统一之路 snabbdom.js解读
VirtualDOM是react在组件化开发场景下,针对DOM重排重绘性能瓶颈作出的重要优化方案,而他最具价值的核心功能是如何识别并保存新旧节点数据结构之间差异的方法,也即是diff算法。毫无疑问的是diff算法的复杂度…
vue-01:vue-router的路由组件之间如何传递数据
不想看太多,请查看最后的总结选择需要的 欢迎访问我的博客:林除夕 在某个组件中只有一个路由视图区域,且各个路由组件之间不存在父子关系时,要在组件之间传递数据就不好通过父子组件传值的方式了.那么下面我们来看看怎么办吧. 在…
实现一个简易版的vuex持久化工具
背景 最近用uni-app开发小程序项目时,部分需要持久化的内容直接使用vue中的持久化插件貌似不太行,所以想着自己实现一下类似vuex-persistedstate插件的功能,想着功能不多,代码量应该也不会很大 初步思…