vue2.0 项目开发小结

2017-09-07
阅读 9 分钟
16.8k
在不同的路由页面,我们需要动态的修改文档标题,可以将每个页面的标题配置在路由元信息 meta 里面带上,然后在 router.afterEach 钩子函数中修改:

使用 canvas 实现精灵动画

2017-07-31
阅读 5 分钟
7.3k
在最近项目中需要实现一个精灵动画,素材方只提供了一个短视频素材,所以在实现精灵动画之前先介绍两个工具来帮助我们更好的实现需求。在这篇文章中,主要是介绍两个命令行工具来实现将一个短视频文件转化成一张 sprite 图片与如何使用 canvas 绘制精灵动画

CSS中一些利用伪类、伪元素和相邻元素选择器的技巧

2016-10-16
阅读 3 分钟
11.1k
前几天遇到一个页面需求是这样的: 一个评论框,后面的按钮有点赞或者发送评论两种状态,其中发送按钮有根据输入框中是否有字分为可点击和不可点击两种状态。 需求:没有文字,没有聚焦——点赞没有文字,聚焦——灰色发送有文字——红色发送 如果用JS实现,需要监听输入框的change和focus事件,比较麻烦。但是用CSS中的伪类就...

对css居中的一点总结

2016-09-15
阅读 4 分钟
5.5k
在学习前端的过程中,发现元素和文本的水平居中和垂直居中,是经常会出现的问题,在实际工作中也会经常碰到。居中的技巧有很多,但在编写代码的过程中,发现有时候技巧管用,有时候不管用,于是就将每个知道的方案都试一遍,找到合适的。这种情况究其原因是对居中的认识不够深入,只是停留在实现需求的水平上。为了更好...

使用 Vuex + Vue.js 构建单页应用

2016-07-06
阅读 12 分钟
44.1k
前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多,自己在它的例子的基础上进行了一些优化和自定义功能,在这里和大家分享下学习心得。

css3 响应式神器 calc()

2016-03-15
阅读 2 分钟
4.3k
背景: 大家经常为遇到类似卡片的设计稿,如果卡片与卡片之间没有距离,如 那写 width: 33.33%是没有什么问题的 那如果是以下这种情况呢 图片与图片之间的距离是 20px,那响应式处理起来难免麻烦。虽然可以通过 js 计算宽度解决,或者修改布局使用 box-sizing 解决。但是这些方法难免会让宝宝心里崩溃/(ㄒoㄒ)/~~。接下...