最新 | 最热门 | 最高评价
^..^

+0  移动H5前端性能优化指南

Tag: html5 | 前端开发
鸟窝 发于 2015年10月30日 10:10 | 点击: 1815 | 展开摘要
腾讯出品的前端性能优化指南： 原文,
另外比较知名的很早的一篇前端优化规则是Yahoo出品的，现在依然有效。 Best Practices for Speeding Up Your Web Site, 中文Yahoo前端优化性能规则

以下是腾讯的移动h5前端性能优化指南全文：

概述

PC优化手段在Mobile侧同样适用

在Mobile侧我们提出三秒种渲染完成首屏指标

基于第二点，首屏加载3秒完成或使用Loading

基于联通3G网络平均338KB/s(2.71Mb

查看全文: http://www.udpwork.com/item/14714.html
^..^

+0  H5究竟会火到什么地步

Tag: TMT乱弹 | 媒体供稿 | html5 | web app | 商业价值
魏武挥 发于 2015年02月06日 12:29 | 点击: 2351 | 展开摘要
H5忽然火了。
这项于2004年被正式提出的HTML语言的第五次重大修改，过了十年之久，才算在互联网世界中火了起来。在中国，无论是早期腾讯在推其浏览器时，还是后来百度为了打破APP的不可搜索性而力推H5，都没有将之引爆。倒是最近随着微信越来越火，H5也火了起来了。
H5的最大优势就是可以在网页上直接调试和修改，而且更重要的是，它几乎不用考虑用户的机型与适配性问题。智能手机主要被分裂为两大系统：Android和iOS，一个做应用的团队，怎么着也得准备两套班子来适应用户两种手机。

查看全文: http://www.udpwork.com/item/13833.html
---

+0  HTML6 展望

Tag: Web开发 | 技术读物 | HTML | HTML5 | HTML6 | Web
jnj 发于 2014年12月06日 12:41 | 点击: 8340 | 展开摘要
HTML5 概述

HTML5 是 HTML 语言最受欢迎的版本之一，它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了<article>, <section>, <header>这样的标签来帮助开发者更好地组织页面内容。然而 HTML5 规范仍然没有最后定稿，并且它并不是一个真正意义上的语义标记语言。

HTML6 展望

你有没有曾经希望能在 HTML 中使用自定义标签？比如：使用<logo>来显示你的网站logo

查看全文: http://www.udpwork.com/item/13608.html
^..^

+0  在浏览器端用JS创建和下载文件

Tag: JS | Web那些事 | blob | codelet | createobjecturl | html5 | js | 下载 | 下载文件 | 创建文件
iAzrael 发于 2014年01月02日 23:31 | 点击: 2632 | 展开摘要
前端很多项目中，都有文件下载的需求，特别是JS生成文件内容，然后让浏览器执行下载操作（例如在线图片编辑、在线代码编辑、iPresst等）。

但受限于浏览器，很多情况下我们都只能给出个链接，让用户点击打开-》另存为。如下面这个链接：

<a href=”file.js”>file.js</a>

用户点击这个链接的时候，浏览器会打开并显示链接指向的文件内容，显然，这并没有实现我们的需求。

HTML5中给a标签增加了一个down

查看全文: http://www.udpwork.com/item/11461.html
---

+0  Html5 Audio Ogg

Tag: ogg | x-content-duration | html5
C.C. 发于 2013年08月15日 00:00 | 点击: 1653 | 展开摘要
{% include JB/setup %}

問題

Firefox對HTML5 Audio不支持mpeg編碼，一般的做法是選擇Ogg格式。而如果server端要支持Ogg格式的內容，需要注意一個地方：Ogg格式本身是不包含media文件的duration信息的，所以當firefox加載Ogg文件的時候，如果response裏沒有X-Content-Duration，那firefox需要多次訪問文件（當然前提是支持Range Request）來determine這個medi

查看全文: http://www.udpwork.com/item/12895.html
---

+0  从网页监听Android设备的返回键

Tag: Android | JS | Web那些事 | 快乐的码农 | 未分类 | 移动开发 | android | html5 | 历史记录 | 返回键
iAzrael 发于 2013年02月04日 17:52 | 点击: 2687 | 展开摘要
最近搞Android项目的时候，遇到一个比较蛋疼的需求，需要从Client App调用系统浏览器打开一个页面，进行杂七杂八的一些交互之后，返回到App。如何打开浏览器和如何返回App这里就不说了，有兴趣的童鞋可私下交流。

之所以说这个需求蛋疼，是因为Android有个物理返回键啊……返回键啊……键啊……啊……

用户按下返回键后，预期应该跟点击页面上的返回键一样——返回App。然而这个返回键的被按下的时候网页完全不知道啊（onbeforeunload不算），找不到直接的办法

查看全文: http://www.udpwork.com/item/9593.html
1

+1  HTML5技术的调研以及贴吧应用总结

Tag: 贴吧技术 | html5 | 前端开发
editor 发于 2012年07月12日 21:15 | 点击: 3000 | 展开摘要
文档简介：

贴吧在进行HTML5技术应用的过程中，进行了一系列的技术调研；本文对HTML5的技术调研进行总结，尽可能客观的分析解答对HTML5技术的一些疑问，给出产品、技术上的一些决策建议。

对于文中的内容以及表述，也热切希望能得到大家进一步的指正和交流。

1. HTML5的发展现状及趋势

1.1 HTML5简介

HTML5是一套技术标准、规范，它定义了一系列的API编程接口和HTML规范（本文中将CSS3也默认涵盖到HTML5的技术范畴）；HTML5的运用和推广，

查看全文: http://www.udpwork.com/item/7695.html
^..^

+0  33K的FLASH

Tag: 前端开发 | flash | html5
崔凯 发于 2012年06月13日 18:42 | 点击: 2289 | 展开摘要
我们有一个挺重要的页面，每个用户第一次接触我们的产品，都将看到这个页面。

上面挂了一个33K的FLASH，仅33K。

33K，怎么会影响页面打开的速度？

开始时，没怎么考虑这货。

直到演示DEMO的时候，为了一个干净的环境，退掉了所有的东西，重新打开浏览器。

结果明显在这个页面上，停顿了一秒。

本地的33K的FLASH怎么会加载一秒？？

截了一下数据，发现后台为了响应这货，启了一个占用20多M内存的 Shockwave Flash 来渲染。

解决方法很简单：换

查看全文: http://www.udpwork.com/item/7480.html
4

-2  Phongap开发问题汇总

Tag: 移动开发 | html5 | Phonegap
admin 发于 2012年03月15日 23:04 | 点击: 3864 | 展开摘要
Phonegap相关

1. 隐藏顶部的状态栏

         在xxx-Info.plist中新增一项属性："Status bar is initially hidden" = YES；此外，还可以增加其他的属性，例如Launch image等。

2. 用户滑动Webview时，正常情况下会超出边界然后弹回来，也就是Bounce，可以通过以下方式禁止这种行为：

在Ap

查看全文: http://www.udpwork.com/item/6993.html
---

+0  Phonegap + HTML5 开发经验小结

Tag: 移动开发 | html5 | Phonegap
admin 发于 2012年03月15日 22:16 | 点击: 4891 | 展开摘要
        去年曾对Phonegap做过一次调研，当时还是1.1版本，印象也一般。对他的性能以及真实的跨平台能力都不太确定。今年过完春节至今正好有机会参与了一个纯Phonegap + HTML5开发的项目，项目至今已经完成了一期的App Store提交，所以也正好能抽时间来小结一下。一个月左右的开发过程让我对这种开发模式有了更深的认识，这对于前端开发人员而言绝对是一个大的机会。Phonegap Nati

查看全文: http://www.udpwork.com/item/6992.html
^..^

+0  离线存储

Tag: 前端开发 | html5
崔凯 发于 2012年03月08日 10:39 | 点击: 17843 | 展开摘要
开发WebApp时，遇到一个问题：

如果把页面配置到服务器上，当服务器挂掉或者用户离线的时候，那这个App也就没法工作了。

而当我把页面打包进App里面，又有一个新问题，更新不方便。每次更新的时候都要重新提交。

部门就此组织了一次《application cache》的相关讨论。使用离线存储，来解决上述问题：

view-source:http://uicss.cn/test/coolcode.html

这是一个打包进App的应用地址，阅读源代码可以看到，html标记

查看全文: http://www.udpwork.com/item/6959.html
---

+0  Javascript代码体积优化的变态技巧

Tag: HTML5 | javascript | 程序 | canvas | 技术文章 | js1k
Huan Du 发于 2012年02月26日 18:54 | 点击: 2953 | 展开摘要
最近看到了js1k网站上的比赛，突然很有兴趣参加一把，于是写了一个自己的作品Save Messed Up Love放了上去。

所有提交的作品必须用小于1024B的javascript实现，我花了一些精力用一些变态技巧优化用工具精简过的代码体积，成功将代码从原来的1271B减到988B，空出的代码让我有空间增加一些额外的功能。在这里给大家分享一下这些变态技巧，注意，千万不要在实际项目中使用。

首先介绍一些不变态的技巧，算是入门级的内容，其要点是时间换空间，这是与jslint

查看全文: http://www.udpwork.com/item/6903.html
|<<<12>>>| 一共2页, 24条记录