摘要: Velocity魔法堂系列一:入门示例一、前言 Velocity作为历史悠久的模板引擎不单单可以替代JSP作为Java Web的服务端网页模板引擎,而且可以作为普通文本的模板引擎来增强服务端程序文本处理能力。而且Velocity被移植到不同的平台上... 阅读全文
posted @ 2015-07-03 16:12 抽风的二七 阅读(157) 评论(0) 推荐(0) 编辑
摘要: Velocity 是一个基于 java 的模板引擎(template engine)。它允许任何人仅仅简单的使用模板语言(template language)来引用由 java 代码定义的对象。当 Velocity 应用于 web 开发时, 界面设计人员可以和 java 程序开发人员同步开发一个遵循... 阅读全文
posted @ 2015-07-03 14:18 抽风的二七 阅读(428) 评论(0) 推荐(0) 编辑
摘要: 在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题,经过实践发现了一种比较好的解决方案,图标字体化。在微社区项目中,有很多小的Icon(图标),如分享、回复、赞、返回、话题、访问、箭头等,这些Icon(图标)一般都是纯色的。开始制作时考虑用双倍大小的Sprite图,通过CSS... 阅读全文
posted @ 2015-06-29 17:09 抽风的二七 阅读(392) 评论(0) 推荐(2) 编辑
摘要: 在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题,而且关于Attribute和Property的区别也让人十分头痛,在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构... 阅读全文
posted @ 2015-06-29 17:06 抽风的二七 阅读(438) 评论(0) 推荐(0) 编辑
摘要: npm常用命令npminstall安装nodejs的依赖包例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6npminstall-g 将包安装到全局环境中但是代码中,直接通... 阅读全文
posted @ 2015-06-17 17:49 抽风的二七 阅读(352) 评论(1) 推荐(0) 编辑
摘要: 开始研究响应式web设计,CSS3 Media Queries是入门。Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。那么,Media Queries是如何工作的?两种方... 阅读全文
posted @ 2015-05-26 22:34 抽风的二七 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 一直不知道手机端用的什么字体,只是觉得类似雅黑,直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。前人已栽树,后人我就直接转来吧……回想2年前刚开始接触手机项目,接到PSD稿后,发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计,于是我写页面的时候也定义 font-family... 阅读全文
posted @ 2015-05-26 22:32 抽风的二七 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题。到底分辨率是多少的时候设置呢?方法/步骤1先看下面的代码,这是从bootstrap中遍历出来的,min-width来确认分别是768、992、1200。当然... 阅读全文
posted @ 2015-05-26 22:22 抽风的二七 阅读(460) 评论(0) 推荐(0) 编辑
摘要: 一、简单介绍一下什么是浏览器内核。浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,... 阅读全文
posted @ 2015-05-25 11:57 抽风的二七 阅读(499) 评论(0) 推荐(1) 编辑
摘要: 动画库tween.jsvar Tween = {Linear:function (start,alter,curTime,dur) {return start+curTime/dur*alter;},//最简单的线性变化,即匀速运动Quad:{//二次方缓动easeIn:function (star... 阅读全文
posted @ 2015-05-22 13:56 抽风的二七 阅读(1245) 评论(0) 推荐(0) 编辑