[Web前端] Web Worker

HTML5新增了一个功能就是web worker,它可以让浏览器新增一个worker线程执行js代码而不影响浏览器的主线程,从而提升用户体验(用户不会觉得浏览器在”停下来“执行某个任务),这个web worker使用事件机制,目前ff, chrome,safari最新版本都支持。   Google和Baidu都能搜出来关于web worker的介绍,这里不再赘述,虽然只是一个很简单的应用,也不是 ...
0顶1踩
silentime 评论(0) 有1120人浏览 2011-03-30 18:47

[Web前端] jsonp VS W3C 的Cross-Origin Resource Sharing

才看到W3C的cross original resource sharing,又多了一种跨域的选择. (官方的跨域解决出现了,看了下文档时间貌似很久了...我果然很out) 那和民间标准jsonp 比有啥优势呢: 1.支持多种http方法 jsonp一般只支持get方法。 而w3c的cross orginal resouce sharing 支持http的其他几种方法,例如put,del ...
1顶0踩
ezzze 评论(1) 有1775人浏览 2011-03-29 14:44

[Web前端] 使用HTML5语义元素(Using HTML5 semantic elements today)

本文翻译自Nicholas C. Zakas的博文Using HTML5 semantic elements today.限于个人能力有限,翻译的定有不妥之处,欢迎板砖,请不要留情。翻译的过程中感谢谷歌翻译和有道词典。 原文地址: http://www.nczonline.net/blog/2011/03/22/using-html5-semantic-elements-today/ ...
0顶0踩
wildpeople 评论(0) 有1162人浏览 2011-03-24 15:56

[Web前端] Html5 带来web新时代

http://directguo.com/html5/#slide1   http://www.w3school.com.cn/html5/   2010年上半年的苹果与Adobe的冲突,使HTML5的存在一夜之间被很多人所知晓。 ...
1顶0踩
guangqiang 评论(0) 有1118人浏览 2011-03-22 15:23

[Web前端] 一个简单的Chrome扩展——Back to Top(附源码)

在浏览长网页比如twitter、facebook时,为了返回页面顶部,常常需要拖动浏览器的滚动条,实在不方便。于是我给自己的chrome写了这样一个扩展,能够快速地返回页面顶部。 猛击此处安装该扩展程序。 效果如下图所示: 有关chrome扩展的入门教程,请参阅http://code.google.com/chrome/extensions/getstarted.html。 先来介绍 ...
7顶8踩
zhc0822 评论(4) 有6265人浏览 2011-03-17 10:38

[Web前端] w3ctech 2011 - 拥抱HTML5 技术大会即将召开,欢迎报名

w3ctech 2011 - 拥抱HTML5 技术会议将于4月16日在上海海神诺富特大酒店举行,现在正式开始启动报名,报名地址: http://sinaurl.cn/h502X5 , 欢迎大家报名参加! 我也将在本次会议上做一个HTML5技术的分享,敬请期待. 
0顶7踩
fins 评论(0) 有1630人浏览 2011-03-03 23:46

[Web前端] 说说 iOS safari在retina屏下显示图像的原理

我在 简析 HTML5 canvas在retina屏(视网膜屏幕,如iphone4)设备上的优化 一文中提到了一点关于 safari和retina屏的问题. 不过那篇文章说的比较乱 ,而且举的例子有点复杂. 今天梳理了一下思路, 重新来聊聊这个话题. 还是先引用前文的一段话: 引用ip4的safari浏览器在展现图像(如img, canvas, backgroundImage)时, 为了得到和 ...
2顶2踩
fins 评论(2) 有8199人浏览 2011-02-24 17:05

[Web前端] 一个 HTML5 编写的 简谱播放程序

一个  HTML5 编写的 简谱播放程序  : http://data.wiyun.com/finscn/gtg/audio-run.html 输入简谱,按播放,会用钢琴的音色弹出来. 稍后会更新blog , 说一说实现的原理和方法.
0顶0踩
fins 评论(1) 有3792人浏览 2011-02-17 15:14

[Web前端] 试用了一下 HP touchPad ,有点小失望.

我手里的这台机器是 工程样机. 从样机来看, 这台平板并不出色. 性能不高,重量>ipad, 操作延迟明显,没有什么吸引人的亮点和王牌应用. 我比较关注浏览器很让我失望. WebOS虽然基于webkit内核构建,但是内置的webkit很不给力,性能不是很高,HTML5得分也不高(使用的safari内核版本为532.2) ,window.devicePixelRatio为1(这个正常,毕竟是非 ...
0顶0踩
fins 评论(1) 有2780人浏览 2011-02-16 12:57

[移动开发] 2011年移动应用经济5大演化趋势

移动应用经济已经成为一个非常成熟的领域,为了能够在移动应用市场占有一席之地,业内人士可谓费劲了脑汁。虽然移动应用领域已经不再像过去两年那样疯狂,但它仍在快速的演化。下面我们一起就2011年移动应用经济的一些重要变化进行一下梳理。 1.虚拟商品为王——一切关乎应用内置购买 无论在互联网,社交网络,还是移动应用领域,人人都在谈论虚拟商品。人们会为自己的虚拟农场花上200美元买头虚拟的牛。虚拟 ...
0顶2踩
jandroid 评论(0) 有911人浏览 2011-02-11 20:03

[Web前端] 简析 HTML5 canvas在retina屏(视网膜屏幕,如iphone4)设备上的优化(更新原理)

随着iphone4 的推出, retina(视网膜)屏在移动设备中被越来越广泛的应用. 不过,虽然retina屏给画面的展现带来了前所未有的清晰平滑的效果,却给开发人员带 ...
3顶8踩
fins 评论(0) 有9564人浏览 2011-02-11 04:01

[Web前端] IE6/7/8中Table元素的innerHTML不能赋值

IE6/7/8中Table不能设置innerHTML属性,会报错,重现如下: <!DOCTYPE HTML> <html> <head> <title>TABLE 的 innerHTML Bug</title> </head> <body> <script type="text/java ...
11顶2踩
zhouyrt 评论(5) 有11426人浏览 2011-01-27 19:11

[Web前端] [更新,bug修复了]chrome开启canvas 2D GPU加速后, clearRect的一个严重bug.

最新版的 chromium. 已经修复了这个bug 经过进一步测试 出现此问题的绝大多数是A卡 ======================================= 新版chrome 为我们带来了GPU加速. 但是chrome的GPU加速一直问题多多. 例如 开启之后速度反而变慢. 最近我开发的一个HTML5游戏引擎 在chrome中开启 GPU Accelerated Canva ...
2顶6踩
fins 评论(1) 有9777人浏览 2011-01-24 15:54

[Web前端] html5 canvas實踐

  /*这部分是主要的js方面的,只测试过chrome浏览器*/ Array.prototype.S=String.fromCharCode(2); Array.prototype.in_array=function(e) { var r=new RegExp(this.S+e+this.S); return (r.test(this.S+this.join(this.S)+ ...
1顶5踩
李俊良 评论(0) 有1103人浏览 2011-01-20 11:58

[Web前端] html5中form的新特性

学习 Dive Into HTML5 的 A Form of Madness 一章的笔记。 html5中form的新特性可分新类型和新属性两部分。 * 新类型 html5中,<input>有了更多更语义的type。现在就可以用它们,浏览器如果不支持这些type,会以type="text"显示,而不必担心出现乱七八糟的东西。 1.email <input ...
0顶1踩
toksea 评论(0) 有687人浏览 2011-01-19 00:20

[Web前端] 纯js版本网页连连看原理分析和实现

html页面部分matching.html   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http: ...
1顶1踩
李俊良 评论(0) 有1941人浏览 2011-01-18 22:07

[Web前端] Footprint: An Experimental HTML5 Application

  为了参加HTML5大赛所编写的一个HTML5应用:Footprint 。     Footprint的实现让我有机会体验了HTML5的一些特性,比如Geo Location,Local DB,File API等,另外,对node.js也进行了尝试,实现了一个简单(还不完整)的WebServer。     更重要的,是在JavaScript实践上尝试和印证了一些想法,比如ActiveRe ...
0顶0踩
andyhu1007 评论(0) 有1413人浏览 2011-01-09 12:41

[Web前端] 多文件 + 进度条上传

研究过很多多文件上传,如swfupload,fancyupload等,一直没有能找到一个理想的。可以直接嵌入到form中去用的。 现在整理出一个最精简jsp版本的 plupload出来,以飨诸位。 说明:新建 名为 upload的web 项目,拷入 webroot中的文件即可。 1.支持sliverlight,flash,html5 3种方式。客户浏览器支持任何一种都可以直接使用。 2.一 ...
3顶0踩
supben 评论(1) 有4168人浏览 2011-01-06 15:54

[Web前端] 虽然不想承认,乔帮主你是对的

      今天不得不承认,苹果的乔帮主是对的,adobe的flash的确是有问题。今天中午在优酷上看视频,一个下午死了五次机,二次firefox,二次谷歌,一次opera。死机五次,可能有一部分是因为我的系统很久没有重装的问题,但我还是相信,有很大的问题是flash造成的,为什么我在做其他操作,非flash操作的视频都不死呢。       从这个死机的问题,我想起了Flex,不知道大家有没有 ...
0顶5踩
guoshiguan 评论(0) 有1255人浏览 2010-12-28 13:48

[Web前端] 再谈一下某书

上一篇blog中我提到了“国内某位前端工程师今年出版的新书”,这里我想就这本书多说几句。 这本书的总体质量,当然肯定比《XX征途》要强。不过仍然出现了一些匪夷所思的bug。譬如说该书的第一章第一节,作者举了一个“糟糕的老网页的实现”的例子,并指出这个页面代码的问题如下: * div布局和table布局混用; * 标签名有大写,也有小写; * 样式组织混乱,有用<style>标签的, ...
9顶7踩
hax 评论(17) 有4730人浏览 2010-12-23 18:35

[Web前端] 再谈某些所谓CSS最佳实践

最近看了国内某位前端工程师今年出版的新书,其中讨论CSS的部分提出了一些观点,罗列如下: 1. 用class命名表现从属关系,如.myList-lastItem(表示.myList列表中的最后一项); 2. 团队开发中用工程师名字作为前缀区分是谁写的样式,如.hax-list(表示是hax写的一个样式规则); 3. 前两者结合可能产生较长的class名,如hax-subNav-item-selec ...
8顶6踩
hax 评论(5) 有10082人浏览 2010-12-23 01:59

[Web前端] jQuery 1.43 新特性

jQuery 1.43 新增 type 方法用于检测对象类型:   http://api.jquery.com/jQuery.type/ jQuery.type(true) === "boolean" jQuery.type(3) === "number" jQuery.type("test") === "string ...
0顶0踩
waiting 评论(0) 有1389人浏览 2010-12-17 17:18

[Web前端] Firefox addon开发小介绍

这算是个交流贴吧,对新手比较有用   firefox addon开发其实基本上就是使用另外一种类似html和js ,css来直接写东西 但是好处是可以直接使用HTML5相关东西,很方便   基本的代码生成都好理解 生成完了之后可能很多人看不明白文件都是做什么用的   看明白文件的思路其实非常简单   一个install.rdf文件,说白了就是一个描述文件,不重要   然后就是 ...
0顶0踩
李俊良 评论(0) 有2339人浏览 2010-12-17 16:24

[Web前端] 每个Web开发者都应读的文章:HTML5设计原理

李松峰最近翻译了两篇关于HTML5的文章,尤其是《HTML5设计原理》这篇,即Jeremy Keith最近的演讲,我认为是每个Web开发者都应该读的文章。 你们可能听说过,某次本人曾自诩为国内前端Top10,先不管俺是不是在吹牛皮,但至少有一点是肯定的,俺绝对不认为我是开发效率或程序质量最高的前端程序员,俺实际指的是我自信对于Web设计原理的理解是达到了Top10的水准——话说这个其实比较容易 , ...
8顶9踩
hax 评论(4) 有5495人浏览 2010-12-15 10:49

[Web前端] 浏览器本地存储方式

浏览器存储方式主要方法: * Cookie   4096字节;缺点:存储量小,请求头附带cookie带来性能问题。 * Flash Share Object   默认支持100k,跨浏览器存储最好的方式,毕竟现在没有安装flash插件的用户是很少的;   缺点:需要加载一个swf文件,个别用户不支持flash。 * IE的 UserData   最少也能支持640k,IE8后已经支持DOM Sto ...
1顶0踩
deng131 评论(0) 有2239人浏览 2010-12-07 11:59

[Web前端] 开源Flash图表解决方案Finger Chart简介

Finger Chart (以下简称Finger)是一个轻量级的基于Flash技术开发的图表解决方案(未来考虑扩展到HTML5平台),由RIAMeeting社区推出,并基于LGPL协议开源。 ...
0顶0踩
neoguo 评论(0) 有1444人浏览 2010-11-25 10:21

[Web前端] JavaScript高级程序设计2,学习笔记---第一篇

第一章js概述 杂记: 1.JavaScript包含ECMAScript,也可以说实现了ECMAScript,并不等同。ECMAScript是欧洲 计算机制造商协会组织各大公司程序员完成的一种脚本 ...
1顶0踩
aotostar 评论(0) 有942人浏览 2010-11-19 22:53

[Web前端] 只有Firefox不支持insertAdjacentHTML和insertAdjacentText

这两个属性首先是IE4提出且实现的,它可以实现在一个 DOM 元素的前面、后面、第一个子元素前面、最后一个子元素后面四个位置,插入指定的 HTML 代码。 其它浏览器相继支持。唯有Firefox不支持。insertAdjacentHTML已被HTML5采纳。如下扩展HTMLElement.prototype,为其增加这两个属性: if(HTMLElement.prototype.insert ...
2顶1踩
zhouyrt 评论(0) 有2052人浏览 2010-11-02 15:48

[Web前端] Approach to HTML5 演讲预告

上周末本来要去做一个关于HTML5的speech,因为公司临时任务未能成行,甚为遗憾。不过下周末当可弥补。 虽主题为HTML5,实则我并不想介绍HTML5的特性,因为之前已经有许多人介绍过了,比如子斌,作为Opera的Web Evangelist,讲得肯定比我好。因此我想讲一点实践上的探索,简言之就是HTML5特性虽然很好,但是如果浏览器不支持怎么办? 答案无非几种: 一种是坐等。实则就是放弃 ...
0顶0踩
hax 评论(0) 有1804人浏览 2010-10-24 06:26

[Web前端] IE6/7/8中使用innerHTML清空元素,其子元素也被清空

Bug 重现: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>IE6/7/8中inner ...
2顶1踩
zhouyrt 评论(2) 有4280人浏览 2010-10-18 10:09
小组成员3111人 浏览678565次 成员列表
博客人气排行榜
    Global site tag (gtag.js) - Google Analytics