随笔分类 - 框架学习
摘要:重所周知,在处理页面的时候,动画会给静态页面带了一些生机,我们也会在制作页面的时候考虑增加一些动画效果,来增强页面的用户体验。但是需要注意的是,不是所有的动画都能增强用户体验,也需要慎重使用动画。时刻牢记一条准则:【要么实用,要么优雅,要么死路一条!】 我在之前也对velocity.js这个动画库做
阅读全文
摘要:首先我们知道css3中增加了不少好用、好玩的css3样式可以使用。今天我们要说到是遮罩。 它的使用方式也不复杂,和background使用方式差不多。使用mask-image就可以使用,这样就可以通过图片合成一张带有形状的合成图了,不需要直接使用PS处理了。CSS遮罩——如何在CSS中使用遮罩...
阅读全文
摘要:结合上次提到的velocity的UI Pack存在一下问题:动画名称过长,语意性差使用UI Pack的动画,loop属性会失效无法监听动画完成时机 我这里想到了一种解决思路:动画名称过长,语意性差?这个问题很好解决,生成一些简单、易懂,并且大家都在用的动画名称,我这里主要参考了animati...
阅读全文
摘要:话说好久没有写博客了,零星的整理了一些东西,没有形成系统,所以也没有在这里记录。 废话不多说了,进入今天的正题。不知道大家是否记得之前写过的一篇文章《制作炫酷的专题页面》,里面提到velocity.js可以实现高效的动画方式。并且支持原生JS和jquery或者zepto的结合,让我们方便的使用...
阅读全文
摘要:年前也做了一些东西,由于过年只顾疯了,也没有整理,年后补上把~ 今天整理一下个phantomjs截图实践中遇到的问题。 最近做的一个项目,需要在首页展示已经做的一些项目的缩略图,方便在查找的时候,更方便的知道这个项目是一个什么样的页面。本身使用的thinkjs写的系统,所以找到了使用pha...
阅读全文
摘要:背景 支持的业务需要做客户端的页面嵌入,并且此类页面大部分是单页应用。为了能够是组内的人都能快速的入手,并且可以分工开发,制订了这么一个规范,主要做的就是能够快速入手,便于分工协作;另一方面清晰的思路便于查找问题。 为什么要做分离? 我们知道一个网页的展示,离不开一下部分:UI(包括结构和...
阅读全文
摘要:很多时候,我们需要一些炫酷的动画效果,让页面更加吸引用户的眼球,现有比较好用的JS动画库有:velocity和GSAP(支持falsh和js)。今天这里主要学习的是velocity配合css3动画,快速打造属于你的专题页面。 PS:发现各种炫酷的效果都是由这些简单的动作通过组合实现的,发现最终...
阅读全文
摘要:Highcharts是一个制作图表的纯Javascript类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;对个人用户完全免费;纯JS,无BS;支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;跨语言:不管是PHP、Asp.net还是...
阅读全文