Hybrid越来越成为开发的一种常见的开发方式，但说到Hybrid，除了开发上的高效和更新上的快捷之外，速度是被提到最多的，我们就从这里开始着手。这里跟大家分享一些这方面的经验，希望能对大家有所帮助。我们把一个Html页面的加载过程分为三段：加载、渲染、Ajax请求。然后从这三个阶段分别谈一下优化的策略。1、加载。首先，要充分利用浏览器的缓存策略来实现快速加载。这样就能保证只要不升

escape(@string); // 通过 URL-encoding 编码字符串e(@string); // 对字符串转义%(@string, values...); // 格式化字符串unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位color(@string); // 将字符串解析为颜色值data-uri([mimetype,] url); // *

1.更简洁的标签接下来可能并不是一件很常见的事情，但是却是我比较推崇的，使用更简洁的标签方式。HTML5从这个名字大家可以听出，它是从HTML4继承过来的。HTML4里面有严格模式跟过渡模式，HTML5是支持这种过渡模式的，就是你可以不把一些标签闭合。但是，我并不推荐所有的标签，比方说BODY标签的不闭合，这种我们不推荐。但是像P标签最常用的，还有列表标签LI。为什么这样说？首先从视觉的角

如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移

1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用       (1)       (2)       (3)       (4)        第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；尤其要注意的是content里多个属性

转载自：移动终端开发必备知识请尊重版权，转载请注明来源，多谢~~移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。一、基本概念（1） CSS pixels与device pixelsCSS pixels： 浏

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1268一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享乐去了。啊，我现在似乎有类似

一，属性值的计算过程大家都知道一个属性的值会经过一个计算过程，比如width:50%明显需要计算父容器的宽度才能确定，那么属性值的计算具体过程是怎么样的？一个属性的最终值经过四步计算产生1，定义值（specified value）：通过定义产生的2，计算值（computed value）：由定义值计算出来用来继承的值3，使用值（used value）：如果有必要的话会把

变量很容易理解：@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }输出：#header { color: #6c94be; }甚至可以在定义变量值时使用其它的变量：@fnord: "I am fnord.";@var: 'fnord'

从一个问题说起吧------------div能不能放在p标签里面？？？ 首先还是一个老概念： 块级元素---h1,h2,h3,h4,h5,h6,hr,div,fieldset,form,dl,address,ol,p,table,ul,pre等常见内联元素---a,b,br,em,i,img,input,strong,textarea,span,lab

自己做html5 app 在移动端也不少时间了，html5 + javascript + css 将会有越来越多的人使用，跨平台的技术大潮已经到来。总结下一些经验。1， 如果做手机端，千万不要使用jquery mobile, 因为它很垃圾！ Sencha touch 是一个非常好的选择。Sencha touch，但是它只支持Webkit....所以其实并非真正跨平台，因

论坛上提到这样的问题：“css中用一张背景图做页面的技术有什么优势？”简单介绍一下 CSS Sprites 的优点：当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。实现方法：首先将小图片整合到一张大的图片上