Vue.js 再学习 02 – 其他补遗

Vue.js 再学习 02 – 其他补遗

把实例的基础属性过了一遍,现在来看事件以及之前很少接触的动画过渡效果。 1 组件 2 2.6版本后的新版slot 3 自定义事件 4 子组件上没有进行绑定props的属性 组件 组件的本质是什么,从JS代码和Vue的角度来说,就是一个规定好属性和值写法的对象,和新创建Vue实例传入的对象没有本质上的

Vue.js 再学习 01 - Vue实例

Vue.js 再学习 01 - Vue实例

6月剩下的时间,决定在趁热打铁把Vue再看看,用了两本2018年的新书: Vue.js: Up and Running,中文版是Vue.js快跑:构建触手可及的高性能Web应用 Vue.js 2 Web Development Projects,中文版是Vue.js项目实战 昨天开始看上边这本Vue

Vue 15 Vuelidate

Vue 15 Vuelidate

想到以往写表单,后端的模板里加上一堆东西,还有JS代码用来组织不正确的表单,还要加上HTML5里的新input标签,就算这样还需要在后端验证。虽然后端验证是避免不了的,但是学了Vue之后,发现还有很多库可以用,这个Vuelidate就是很方便的验证库。 Vuelidate的官网是https://vu

Vuetify - 色彩,主题与基础样式

Vuetify - 色彩,主题与基础样式

Vuetify的自定义色彩和更换色彩主题非常方便。 1 色彩 1.1 JS代码控制主题颜色 1.2 StylusCSS预处理器自定义颜色 2 主题 2.1 Light and Dark风格 2.2 主题颜色对象 2.3 动态更换主题颜色 3 基础样式 3.1 内容样式 3.2 文字样式 4 辅助样式

Vuetify - Grid系统(下)

Vuetify - Grid系统(下)

Vuetify除了像很多UI框架提供了根据断点设置栅格大小的功能,还提供了JS代码级别的断点对象,用于动态的设置断点,和根据断点变化做操作,这一点是纯CSS框架不编写额外CSS代码很难实现的。 1 断点类型 2 断点对象 2.1 监听断点变化 2.2 breakpoint对象的属性 2.3 自定义断

Vuetify - Grid系统(上)

Vuetify - Grid系统(上)

Vuetify有一套基于CSS FLEX-BOX的栅格系统。 Vuetify的栅格也是12栅格系统,其中的主要标签是: v-container,类似于各种前端框架的container,是一个把内容集中于屏幕中央的容器,可以加上fluid属性扩展至全屏。 v-layout,用于区分不同的大区域,是v-

投票项目 - 前端设计与Vuetify库

投票项目 - 前端设计与Vuetify库

一上来其实我前端是有点懵逼的,压根没想好怎么写。 倒不是懵逼在项目的样式怎么配,好看不好看这种问题,而是Vue才刚刚看完,还没有写过什么实际项目,这次就要直接上了,逻辑有点混乱,不过确实刺激。 想了一下,既然逻辑还不是很清晰,就先从最简单的入手,想象一下页面进来以后会发生什么事情,然后一点一点实现就

投票项目 - 后端简单重构

投票项目 - 后端简单重构

学编程到最后就是学设计果然如此,在脑子了构思了很多次前端的流程,发现上一版代码写的比较烂,代码还可以写的更好一点,还是需要重构一下。 经过考虑还是没有继续分业务层和DAO层,因为毕竟业务逻辑比较简单,直接在控制器内完成全部操作。 后端重构 重构用户和TOKEN部分 重构获取投票结果部分 重构进行投票