从零开始学 Web 之 Vue.js(五)Vue的动画

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ 在这里我会从 Web 前端零基础开始 ... »

Vue2.x 的笔记:第一次的感受 Vue 开篇

在互联网高速发现的今天,可以说每天都在变化着一不留神你就会错过一个亿,所以你不得不时刻的保持着高度的专注。 互联网的信息是多元的,大量的,在海量的信息中很容易就会迷失自己,沉浸在互联网给我们带来的快乐当中。 所以不管你做的什么行业,时刻都要保持关注,因为我是做技术的,所以我们今天就来说说技术把。 谈 ... »

vue.extend与vue.component的区别和联系

一味的闷头开发,却对基础概念缺乏理解,是个大坑... 查阅官网后现对自己的理解记录一下,用于日后巩固 Vue.extend({}) 简述:使用vue.extend返回一个子类构造函数,也就是预设部分选项的vue实例构造器。后或使用vue.component进行实例化、或使用new extendNam ... »

Vue生命周期

正如VUE的文档所说 你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。 下图展示实例的生命周期 在beforeCreate和created钩子函数间的生命周期 在beforeCreate和created之间,进行数据观测(data observer) , 也就是在这 ... »

vue 弹层滑动穿透问题简单解决方案

问题:在vue开发过程中,遇到了一个这样的问题,当弹框和蒙层出现的时候,还能继续滑动,也就是说出现了滑动穿透。 解决方案:还好 vue提供的 @touchmove.prevent 可以用来阻止滑动。蒙层和弹框同时使用,具体用法形如:<div @touchmove.prevent></div> 注意: ... »

手把手教你实现Java权限管理系统 前端篇(十三):页面权限控制

权限控制方案 既然是后台权限管理系统,当然少不了权限控制啦,至于权限控制,前端方面当然就是对页面资源的访问和操作控制啦。 前端资源权限主要又分为两个部分,即导航菜单的查看权限和页面增删改操作按钮的操作权限。 我们的设计把页面导航菜单和页面操作按钮统一存储在菜单数据库表中,菜单表中包含以下权限关注点。 ... »

在vue中使用swiper4.x

需求轮播图左右两边含有上一张和下一张的一部分 实现代码:1. import "swiper/dist/css/swiper.min.css"; 3.在你需要实现轮播的模块注册: import Swiper from "swiper"; 4.在template中写好结构: <!-- 轮播 --> <d ... »

Vue过渡mode属性踩坑

近期学习Vue的过渡效果的时候,mode属性的"in-out"、"out-in"设置了不起作用,官网上的例子让我看了有点迷,问题解决后以此文记录之。 首先我们看一下vue中文文档的说法 根据这样的描述我写出了如下代码demo 但是这样的写法,当我点击切换按钮的时候发现根本不起作用,就算设置了mode ... »

使用IDEA工具配置和运行vue项目(详细其中的坑)

刚来公司实习发现公司的前端使用的是vue,之前根本就没有听说过。然后一上来就需要看代码,but but 就是没有文档什么的东西, 就需要自己去研读,我就想去运行其中的前端和后端联调起来方便理解,结果在配置和运行中出现了很多挫折,我就想写一下方便 大家不去采坑,直接运行好 一、在IDEA中配置vue插 ... »

vue-manage-system 后台管理系统开发总结

前言 vue manage system,一个基于 Vue.js 和 element ui 的后台管理系统模板,从2016年年底第一个commit,到现在差不多两年了,GitHub上也有了 5k star,也是这些让我有了持续更新的动力,其中也踩了很多坑,在这总结一下。 github地址: "vue ... »

通过vue-cli3构建一个SSR应用程序

1、前沿 1.1、什么是SSR SSR(服务端渲染)顾名思义就是将页面在服务端渲染完成后在客户端直接展示。 1.2、客户端渲染与服务端渲染的区别 传统的SPA模式 即客户端渲染的模式 Vue.js构建的应用程序,默认情况下是有一个html模板页,然后通过webpack打包生成一堆js、css等等资源 ... »

vue服务端渲染缓存应用

vue缓存分为页面缓存、组建缓存、接口缓存,这里我主要说到了页面缓存和接口缓存 页面缓存: 在server.js中设置 组建缓存: 要缓存的组建 serverCacheKey 返回的 key 应该包含足够的信息,来表示渲染结果的具体情况。如果渲染结果仅由 props.item.id 决定,则上述是一 ... »

利用JS实现vue中的双向绑定

Vue 已经是主流框架了 它的好处也不用多说,都已经是大家公认的了 那我们就来理解一下Vue的单向数据绑定和双向数据绑定 然后再使用JS来实现Vue的双向数据绑定 单向数据绑定 指的是我们先把模板写好,然后把模板和数据(数据可能来自后台)整合到一起形成HTML代码,然后把这段HTML代码插入到文档流 ... »

vue基础知识整理

实例 vue是由实例组成的 根实例 组件也是实例 以$开头的单词都是代表着vue的实例属性实例方法 vue实例中的生命周期钩子 8个生命周期函数 这几个函数不用放到methods里面 计算属性 尽量使用计算属性而不是watch! 可以配合着计算属性使用setter和getter 绑定样式 对于非行内 ... »

为 VUE 项目添加 PWA 解决发布后刷新报错问题

为什么要给 VUE 项目添加 PWA 为什么要添加?因为不管是部署在 IIS,还是 nginx,每次应用部署后,再次访问因为旧的 js 已经不存在,所以页面访问的时候会整个报错,报错的结果就是一个白屏。 为了解决这个问题,我的解决方案是使用 PWA ,这样就可以将 js 缓存到本地,再次发布后,se ... »