2016年4月28日

html5常用标签使用实例

很多人可能由于习惯,有时虽然知道html5的新标签语义明晰,但有时依然绕不过弯,想都不想直接用div了。这里了简单介绍一下几个html5中的标签,并做一个简单的样例。 首先,header,nav,article,section,aside,footer 这些html5的标签本质上和div没有任何区别,他们的实质性 作用就是让你的html代码有语义。 也就是说,仅仅在html使用它们并不会显示出他们语义中包含的意思。 还需要针对每一个标签 […]
2015年7月8日

如何写出高效率的HTML

我们该如何提升网页的性能? 看到这个问题时,大多数开发者会想到图片优化、JavaScript优化、服务器配置升级、文件压缩甚至是CSS压缩这些方式。然而,网页的核心语言HTML却被忽视了。 如今,HTML的负担越来越重,在全球排名前100的网站中,平均每个页面的HTML代码大小有40k左右,其中Amazon和Yahoo平均每页的 HTML代码有几千行,Youtube的首页甚至有3500个HTML元素。虽然降低每页HTML的复杂性、减少元 […]
2015年3月9日

HTML 5的消息通知机制

原文:HTML 5 Notification 译文:HTML 5 的消息通知机制 译者:dwqs HTML 5 已经被应用到Web开发中。跟平常一样,任何一个软件新版本的发布都期待一些新的特性,这对HTML 5也不例外。为了仅仅通过HTML提高用户交互,HTML 5已经提供了很多新的API。 是不是非常有趣呢?并且HTML 5已经和CSS 3结合的非常棒了。 因此,我也开始写一系列与HTML 5的API相关的文章来介绍API的使用和功能 […]
2015年3月8日

移动H5前端性能优化指南

概述 PC优化手段在Mobile侧同样适用 在Mobile侧我们提出三秒种渲染完成首屏指标 基于第二点,首屏加载3秒完成或使用Loading 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB Mobile侧因手机配置原因,除加载外渲染速度也是优化重点 基于第五点,要合理处理代码减少渲染损耗 基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑中后置 加载完成后用户交互使用时也需注意性能 加载 […]