最新 | 最热门 | 最高评价

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

Tag: html5 | 前端开发
鸟窝 发于 2015年10月30日 10:10 | 点击: 1075 | 展开摘要
腾讯出品的前端性能优化指南: 原文,
另外比较知名的很早的一篇前端优化规则是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 | 点击: 1522 | 展开摘要
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 | 点击: 7430 | 展开摘要
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 | 点击: 1916 | 展开摘要
前端很多项目中,都有文件下载的需求,特别是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 | 点击: 1088 | 展开摘要
{% 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 | 点击: 2057 | 展开摘要
最近搞Android项目的时候,遇到一个比较蛋疼的需求,需要从Client App调用系统浏览器打开一个页面,进行杂七杂八的一些交互之后,返回到App。如何打开浏览器和如何返回App这里就不说了,有兴趣的童鞋可私下交流。

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

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

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

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

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

贴吧在进行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 | 点击: 1739 | 展开摘要
我们有一个挺重要的页面,每个用户第一次接触我们的产品,都将看到这个页面。

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

33K,怎么会影响页面打开的速度?

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

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

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

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

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

解决方法很简单:换

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

-2  Phongap开发问题汇总

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

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

+0  离线存储

Tag: 前端开发 | html5
崔凯 发于 2012年03月08日 10:39 | 点击: 17296 | 展开摘要
开发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 | 点击: 2266 | 展开摘要
最近看到了js1k网站上的比赛,突然很有兴趣参加一把,于是写了一个自己的作品Save Messed Up Love放了上去。

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

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

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