框架学习 - 随笔分类 - 黑MAO

文本动画效果小结

摘要：重所周知，在处理页面的时候，动画会给静态页面带了一些生机，我们也会在制作页面的时候考虑增加一些动画效果，来增强页面的用户体验。但是需要注意的是，不是所有的动画都能增强用户体验，也需要慎重使用动画。时刻牢记一条准则：【要么实用，要么优雅，要么死路一条！】我在之前也对velocity.js这个动画库做阅读全文

posted @ 2016-02-16 14:58 黑MAO 阅读(976) 评论(0) 推荐(1) 编辑

canvas生成遮罩图片

摘要：首先我们知道css3中增加了不少好用、好玩的css3样式可以使用。今天我们要说到是遮罩。它的使用方式也不复杂，和background使用方式差不多。使用mask-image就可以使用，这样就可以通过图片合成一张带有形状的合成图了，不需要直接使用PS处理了。CSS遮罩——如何在CSS中使用遮罩... 阅读全文

posted @ 2015-11-22 16:23 黑MAO 阅读(7140) 评论(3) 推荐(2) 编辑

velocity序列动画

摘要：结合上次提到的velocity的UI Pack存在一下问题：动画名称过长，语意性差使用UI Pack的动画，loop属性会失效无法监听动画完成时机我这里想到了一种解决思路：动画名称过长，语意性差？这个问题很好解决，生成一些简单、易懂，并且大家都在用的动画名称，我这里主要参考了animati... 阅读全文

posted @ 2015-10-06 11:17 黑MAO 阅读(1669) 评论(0) 推荐(0) 编辑

velocity自定义动画

摘要：话说好久没有写博客了，零星的整理了一些东西，没有形成系统，所以也没有在这里记录。废话不多说了，进入今天的正题。不知道大家是否记得之前写过的一篇文章《制作炫酷的专题页面》，里面提到velocity.js可以实现高效的动画方式。并且支持原生JS和jquery或者zepto的结合，让我们方便的使用... 阅读全文

posted @ 2015-10-05 20:20 黑MAO 阅读(1648) 评论(0) 推荐(1) 编辑

phantomjs截图的实践

摘要：年前也做了一些东西，由于过年只顾疯了，也没有整理，年后补上把~ 今天整理一下个phantomjs截图实践中遇到的问题。最近做的一个项目，需要在首页展示已经做的一些项目的缩略图，方便在查找的时候，更方便的知道这个项目是一个什么样的页面。本身使用的thinkjs写的系统，所以找到了使用pha... 阅读全文

posted @ 2015-03-02 16:35 黑MAO 阅读(6210) 评论(0) 推荐(0) 编辑

整理轻量级的前端分离规范

摘要：背景支持的业务需要做客户端的页面嵌入，并且此类页面大部分是单页应用。为了能够是组内的人都能快速的入手，并且可以分工开发，制订了这么一个规范，主要做的就是能够快速入手，便于分工协作；另一方面清晰的思路便于查找问题。为什么要做分离？我们知道一个网页的展示，离不开一下部分：UI（包括结构和... 阅读全文

posted @ 2015-01-09 14:58 黑MAO 阅读(2655) 评论(3) 推荐(15) 编辑

制作炫酷的专题页面

摘要：很多时候，我们需要一些炫酷的动画效果，让页面更加吸引用户的眼球，现有比较好用的JS动画库有：velocity和GSAP(支持falsh和js)。今天这里主要学习的是velocity配合css3动画，快速打造属于你的专题页面。 PS：发现各种炫酷的效果都是由这些简单的动作通过组合实现的，发现最终... 阅读全文

posted @ 2014-12-14 14:24 黑MAO 阅读(2716) 评论(2) 推荐(6) 编辑

随笔：Highcharts学习笔记

摘要：Highcharts是一个制作图表的纯Javascript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；对个人用户完全免费；纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管是PHP、Asp.net还是... 阅读全文

posted @ 2012-09-12 20:49 黑MAO 阅读(1523) 评论(0) 推荐(0) 编辑

随笔分类 - 框架学习