摘要: 谷歌的网站是时逛时新啊，今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单 只需要在input添加属性x-webkit-speech即可，例子如下： <input type="text" x-webkit-speech /> 这样你的输入框右边里就多了个「小话筒」，点击的时候就会提示 这时说出来识别后就可以了，我测试下来，中文英语的识别率还挺高的。 语音输入其他属性： lang 这玩意可以强制输入框里面的语音的语言种类，例如 <input type="text" x-webkit
阅读全文
摘要: Flowplayer 是一个开源（GPL 3的）WEB视频播放器。您可以将该播放器嵌入您的网页中，如果您是开发人员，您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。 Flowplayer支持播放flv、swf等流媒体以及图片文件，能够非常流畅的播放视频文件，支持自定义配置和扩展。 1、加载flowplayer.js 在要播放视频的页面的head之间加入flowplayer.js。 <scripttype="text/javascript"src="js/flowplayer-3.2.6.min.js"
阅读全文
摘要: 本例实现了一系列图片滚动的效果，适合用在需要展示图片库或合作伙伴友情链接图片之类的网站首页。可以控制图片滚动的速度、自动/手动滚动图片、支持鼠标悬停等。 XHTML <divclass="bx_wrap"><divclass="bx_container"><ulid="demo1"><li><imgalt="#"width="140"height="94"src="img/s1.jpg"><
阅读全文
摘要: 简介 浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工 作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。 本文将基于一些开源浏览器的例子——Firefox、 Chrome及Safari，Safari是部分开源的。 根据W3C（World Wide Web Consortium 万维网联盟）的浏览器统计数据，当前（2011年9月），Firefox、Safari及Chrome的市场占有率综合已快接近50％。（原文为2009年10月，数
阅读全文
摘要: 最近看了下JavaScript方面的几本书，把里面的一些核心概念按照自己的理解做个总结。 JavaScript中有Scope(作用域)，Scope chain(作用域链)，Execute context(执行上下文)，Active Object (活动对象),Dynamic Scope(动态作用域)，Closure(闭包)这些概念，要理解这些概念，我们从静态和动态两个方面去分析一下。 首先我们写一个简单的function来做一个例子： function add(num1, num2){ var sum = num1 + num2; return sum; } ...
阅读全文
摘要: 问题的提出 首先看一个例子: var name = 'laruence';function echo() {alert(name);var name = 'eve';alert(name);alert(age);}echo(); 运行结果是什么呢? 上面的问题, 我相信会有很多人会认为是: laruenceeve[脚本出错] 因为会以为在echo中, 第一次alert的时候, 会取到全局变量name的值, 而第二次值被局部变量name覆盖, 所以第二次alert是’eve’. 而age属性没有定义, 所以脚本会出错. 但其实, 运行结果应该是: undefine
阅读全文
摘要: 一、拥抱JavaScript 曾经名不经传的JavaScript随着AJAX的流行而身价倍增，现在JavaScript不再仅仅是WEB开发中一个可有可无的辅助工具，甚至 有了专门属于它的职位“JavaScript工程师”，那怕你仅仅是一名WEB后台开发程序员，你都必须了解JavaScript，至少在一些相关招聘职 位要求上你可以看到“熟悉JavaScript优先”的字眼。甚至我还要告诉你，你将可以用JavaScript开发桌面软件，这得益于Adobe AIR的另外一种开发模式，即用HTML+CSS+JavaScript开发AIR。 二、值类型和引用类型话题 随着部分有大型面向对象语言基础朋友.
阅读全文
摘要: 简介JavaScript 秘密花园是一个不断更新，主要关心 JavaScript 一些古怪用法的文档。 对于如何避免常见的错误，难以发现的问题，以及性能问题和不好的实践给出建议， 初学者可以籍此深入了解 JavaScript 的语言特性。 JavaScript 秘密花园不是用来教你 JavaScript。为了更好的理解这篇文章的内容， 你需要事先学习 JavaScript 的基础知识。在 Mozilla 开发者网络中有一系列非常棒的 JavaScript 学习向导。 译者注： 文中提到的 ES5 是 ECMAScript 5 的简写，是 ECMAScript 标准语言的下一版本，正在...
阅读全文
摘要: 有时间重新审视了遍 Javascript 的面向对象机制。与其他的语言不同，Javascript 可以说提供了更灵活的面向对象机制（比如 function 在完成其自身功能的同时也是对象）。 由于才疏学浅，我不得不将 《Javascript 高级程序设计》 中的部分内容摘抄过来，这些同时也算是我的读书笔记吧。由于 Javascript 面向对象机制及其的重要，而且内容非常的繁多，在这里就分篇章逐个介绍。 使用对象首先就是声明它（内置的对象当然就不需要了）。该死的 Javascript 总是会让我们死去很多的脑细胞，这篇文章主要说明下声明 Javascript 类的...
阅读全文
摘要: 之前也不知道看了哪篇文章的介绍，在火狐上装了FireQuery插件，一直没去注意它 的用途。就只发现在FireBug的HTML Tab下的HTML代码层次上多了些事件代码，可以点击查看对应的绑定事件。最近的一些使用，发现了FireQuery的好处，特别是在测试动态生成 DOM以及数据测试上很是方便。 关于FireQuery的简介和安装就不多说了，访问：http://firequery.binaryage.com/。 1. 标签绑定事件查看 打开Firebug的HTML Tab，在一些绑定了事件的HTML标签上可以看到一些事件数据：点击...
阅读全文
摘要: 作为程序员，面临着多种技术趋势并存以及逐步被替代的现状，比如HTML5将会代替Flash，Android占据移动开发的半壁江山等，那么程 序员如何从中选择优势的技术，从而不会在技术大潮中被淘汰成为了重中之重，今天给广大的程序员介绍一些必须要了解的技术以及，如何从整体看待这些技术趋 势。 观点一：HTML5是趋势，但不是你的优势 HTML5是趋势，但它绝对不是 最佳选择，现阶段它无法给你银弹。那为什么它会如此之热，而火热的背后又会给你带来什么?微软、谷歌、苹果等各大厂商纷纷瞄准HTML5，这将是他们瓜分 Web的最佳武器，谁利用的好，谁就会赢得最终的胜利。在这惊心动魄的战役中，谁也不服...
阅读全文
摘要: 昨天看了一篇文章《命名函数表达式探秘》，但我对函数表达式和声明之间的区别还是不太清楚，所以查了些资料，翻译了这篇文章。 文章很基础，但是讲的很清晰。 以下译文： 函数：声明和表达式 函数，像变量一样，可以在代码的任意地方定义它。 JS 提供了几个方法去定义它们。 1.函数声明 (Function Declaration) 2.函数表达式 (Function Expression) 3.通过调用new Function 返回。 语法 创建一个函数的基本方法是通过一个函数声明。语法如下： functionf(arg1, arg2, ...) {...
阅读全文
摘要: 郭 宗宝, 软件工程师, IBM 简介：Web2.0 技术鼓励个人的参与，每个人都是 Web 内容的撰写者。如果 Web 应用能够提供离线的功能，让用户在没有网络的地方（例如飞机上）和时候（网络坏了），也能进行内容撰写，等到有网络的时候，再同步到 Web 上，就大大方便了用户的使用。HTML5 作为新一代的 HTML 标准，包含了对离线功能的支持。本文介绍了 HTML5 离线功能中的离线资源缓存、在线状态检测、本地数据存储等内容，并举例说明了如何使用 HTML5 的新特性开发离线应用。HTML5 离线功能介绍 HTML5 是目前正在讨论的新一代 HTML 标准，它代表了现在...
阅读全文
摘要: 在Web开发的时候经常会遇到浏览器不响应事件进入假死状态，甚至弹出“脚本运行时间过长“的提示框，如果出现这种情况说明你的脚本已经失控了。 一个浏览器至少存在三个线程：js引擎线程(处理js)、GUI渲染线程(渲染页面)、浏览器事件触发线程(控制交互)。 JavaScript引擎是基于事件驱动单线程执行的，JS引擎一直等待着任务队列中任务的到来然后加以处理，浏览器无论再什么时候都只有一个JS线程在运行JS程序。 GUI 渲染线程负责渲染浏览器界面，当界面需要重绘(Repaint)或由于某种操作引发回流(reflow)时,该线程就会执行。但需要注意 GUI渲染线程与JS引擎是互斥的，当J...
阅读全文
摘要: 转载：http://www.iamued.com/qianduan/611.html 翻译自：http://www.permadi.com/tutorial/flashjscommand/index.html重点在于 object的id属性 和 EMBED 的name属性 swliveconnect=”true” 属性 01 02 03 04 05 06 07 ...
阅读全文
摘要: HTML5LocalStorage本地存储 说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示： 最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好像以前禁用javascript的用户不存在了一样。 userData是IE的东西，垃圾。现在用的最多的是Flash吧，空间是Cookie的25倍，基本够用。再之后Google推出了Gears，虽然没有限制，但不爽的地方就是要装额外...
阅读全文
摘要: html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。 而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 web storage和cookie的区别 Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次
阅读全文
摘要: 哎，昨天想找一个 好一点的 HTML5的编辑器，结果 在网上找了 一个 Aptana Studio 3 据说很好用，可是下载了一个，发现是英文版的，郁闷 偶滴英文知识一般。 所以，就想找个 中文版的，哎，找了半天也找不到。网上那个唯一的办法 还过期了，更加郁闷~~~~~ 无奈，还是自己想办法吧。 想要中文怎么办，俺想道了，官网对软件的支持。 所以就诞生了，俺下面的汉化方法。 Aptana Studio 3（下面简称Aptana 3）的汉化方法---KingDZ原创 http://www.cnblogs.com/hihell 哈哈 开始汉化吧~~~ 1、找到这个网站 http...
阅读全文
摘要: posted on 2009-07-08 13:12 Jericho【前言】 jQuery已经被广泛使用，凭借其简洁的API，对DOM强大的操控性，易扩展性越来越受到web开发人员的喜爱，我在社区也发布了很多的jQuery插件，经常有人询问一些技巧，因此干脆写这么一篇文章给各位jQuery爱好者，算是抛砖引玉吧。 【基础】 a)样式 很 多人会认为样式是个很复杂的东西，需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI，抛开图片设计不说，其实css也就是那么些属 性：position,margin,padding,width,height,left,top,float,border..
阅读全文
摘要: <!--选项开始--><div class="jgfangshi Lhk"> <ul class="jquser6" > <li><a href="#">利好</a></li><li><a href="#">利空</a></li><li class="line2"> </li> </ul></div>
阅读全文
摘要: JQuery Plugin插件，如果大家不明白什么是JQuery插件或都不清楚如何编写可以查看其官方的网站：jQuery Authoring Guidelines 好了，下面有一些我觉得想做一个好的插件必须应有的要求： 1、在JQuery命名空间下声明只声明一个单独的名称 2、接受options参数，以便控制插件的行为 3、暴露插件的默认设置 ，以便外面可以访问 4、适当地将子函数提供给外部访问调用 5、保持私有函数 6、支持元数据插件 下面将逐条地过一遍： 只声明一个单独的名称 这表明是一个单独的插件脚本。如果你的脚本包含多个插件或者是互补的插件（像$.fn.doSomething()...
阅读全文
摘要: 作者: guolin6315 2、 一定要确定自己的发展方向，并为此目的制定可行的计划。不要说什么，“我刚毕业，还不知道将来可能做什么？”，“跟着感觉走，先做做看”。因为，这样的观 点会通过你的潜意识去暗示你的行为无所事事、碌碌无为。一直做技术，将来成为专家级人物？向管理方向走，成为职业经理人？先熟悉行业和领域，将来自立门 户？还是先在行业里面混混，过几年转行做点别的？这很重要，它将决定你近几年、十年内“做什么事情才是在做正确的事情！”。 3、 软件开发团队中，技术不是万能的，但没有技术是万万不能的！在技术型团队中，技术与人品同等重要，当然长相也比较...
阅读全文
摘要: 性能分析工具firebug.console.profile(title) 很多的web开发人员都使用Mozilla firefox并且绝大多数都使用firebug来测试、调试前端代码，firebug在调试html+css方面的能力是毋庸置疑的，但仅仅使用它来完成这样的任务并没有发挥firebug的巨大潜能。 JavaScript性能 随着web apps越来越庞大，JavaScript的性能也被推到风头浪尖，在此之前或许你已经知道哪些操作会减缓JavaScript程序运行速度，并且养成良好的编码习惯。 正如你所知道的，使用appendChild来增加Dom节点的效率要比inn...
阅读全文
摘要: <script>~function() { alert("第一种方式，使用特殊符号的奇淫技巧。");}();//第一种写法</script><script>var foo = function() { alert("第二种方式");}();//第二种写法【不建议如此书写】</script> <pre> 1.函数声明和函数表达式的区别，将函数赋值到一个变量名上就可以使其成为函数表单式 function sum(a,b){alert(a+b);}-----函数声明 var m=function su
阅读全文
摘要: 智能手机和平板设备的高选用率最终导致了移动web开发人员和设计人员的需求增长，jQuery Mobile框架允许你创建出可与本地化应用开发结果相谐美的移动web体验，其通过web浏览器提供了到应用和网站的即时访问，而不是让用户下载和安装 移动应用。了解如何使用jQuery Mobile的主题化框架来创建品牌定制的移动网站和web应用。 jQuery Mobile框架是一个JavaScript库，你可使用它来轻松地创建一个移动版本的网站，把现有的web页面转换成触摸友好的网站和应用。 jQuery Mobile框架影响了在移动和平板设备上访问和发布移动应用的方式，其允许用户通...
阅读全文
摘要: 初始化 jQM在加载的时候会自动的初始化默认配置项，这样我们就不需要为了学习和配置这些参数花费很多的时间了，大大的提高了开发效率。但是有些时候因为项目的需要我们还是需要对这些参数进行自定义的。在学习jQM的初始化参数之前，我们需要先来了解mobileinit事件。 Mobileinit事件 jQM的加载事件和普通的jQuery插件有所不同，它会在document.ready事件之前执行。因此我们在需要对jQM的默认运行参数进行调整的时候就需要在document.ready事件之前来对这些参数进行设置，jQM为我们提供了mobileinit事件来处理加载之前需要执行的代码。例如： $(docu.
阅读全文
摘要: <div class="dtload">动态载入</div> $('.dtload').live('click',function(){ var shtml='<a href="#" data-role="button">基于链接的按钮</a> <a href="#" data-role="button">基于链接的按钮[块级元素]</a>' $(this).html(shtm
阅读全文
摘要: 首先要承认jQuery的强大魅力，是jQuery陪伴着我们度过桌面浏览器开发的每一天，但是在移动浏览器项目中，比如WebApp，你真的愿意引用这样一个庞大且肿胀的前端框架么？你真的需要它么？ 接下来我们谈谈你应该在移动设备上放弃jQuery的理由。 为什么前端工程师需要在乎移动设备上的前端框架？ 众所周知，移动设备与固定装置最明显的一点不同是：带宽的问题。在移动设备上加载外部资源肯定要比固定装置设备加载外部资源要缓慢的多。我们将问题引向前端框架，jQuery最新版本的min版本为77KB，仅这一点就需要前端工程师折衷。 jQuery中占了很大一个比重的则是Sizzle选择器，这是一个兼容多平台
阅读全文
摘要: 让Moble Web App开发人员期待已久的jQuery Mobile终于正式发布了1.0版本，这是一个完整的jQuery移动UI框架，基于HTML5技术，支持所有主流移动平台。为方便国内开发者了解这个 优秀的框架，WebAppTrend将jQuery Mobile开发团队的官方博文进行了翻译，如下： 没错，jQuery Mobile 1.0版正式发布了！（下载需要jQuery core 1.6.4）经过一年多的改进，现在我们终于有了一个坚如磐石的产品发布。 当我们在2010年夏天首次推出这个站点的时候，我们有一些概念模型和一些非常有抱负的目标：创造一个基于HTML5平台能够在移动终端上..
阅读全文
摘要: <meta name="viewport" content="width=device-width, initial-scale=1" /> pingmu触摸屏网站的开发其实现在来讲比前几年移动端网站开发好多了，触摸屏设备IOS、Android、BBOS6等系统自带浏览器均为WEBKIT核心，这就说明PC上面尚未立行的HTML5 CSS3能够运用在这里，极大的减少了工作量和资料的缺乏。这篇文章讲述关于IOS触屏网站meta的定义对网站的一些效果或者说是功能的帮助。从最基本的讲：移动客户端对meta的定义有几项通用定义：<meta con
阅读全文
摘要: 原作：Using and customizing jQuery Mobile themes —— Matthew David 翻译：filod 转载声明：请注明原作者、翻译者以及译文链接。 在之前的文章jQuery Mobile 入门教程里，我对jQueryMobile的使用进行了入门介绍，你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。 然而仅仅是这样的话，你的需求肯定不会被满足的——你或许需要给header换个颜色来配合自己公司的logo？又或者需要突出显示一下某个静音按 钮？总而言之，你需要自己控制jQueryMobile的显示效果。本文旨在介绍教大家如何在jQ.
阅读全文
摘要: 原作：Getting started with jQuery Mobile —— Matthew David 翻译：filod 译文：http://blog.filod.net/jquerymobile-2/295.html 转载声明：请注明原作、翻译以及译文链接。 你每天都会对着它讲话，和它玩游戏，用它看新闻——没错，它就是你裤兜里的智能手机。android，黑莓还是iphone？为了让你清楚意识到究竟哪些才算是智能手机，我在下面总结了一个智能手机系统/设备的列表： Apple iPhone/iPod Touch Google Android RIM BlackBerry/Playboo..
阅读全文
摘要: 一直以来认为Safari在Web调试上是个残疾直到今天 才发现一直错怪了它... 而且...它用的居然和Chrome是一个调试工具 - Web Inspector只是Chrome在这点上做的比Safari好一开始就把Web Inspector给Enable了而且做了一些扩展并给了它另外一个名字 - Develop Tools而Safari把它隐藏的太深了以至于像我这样会玩软件设置的人都...如何Enable - SafariPrefernces --> Advanced最下面的选项勾选 然后你就可以在右键菜单上看到Inspect Element选项了 - 跟Chrome一模一样来看看两个
阅读全文
摘要: ajaxEnabled (boolean, default: true): 同时设置页面中的链接和表单提交是否使用Ajax方法，也就是说表单的提交和a标记中的链接，都是采用ajax调用。 布尔类型，在默认状态下参数是true。 例如： $(document).bind("mobileinit", function(){ $.mobile.ajaxEnabled=false; }); 如果你的项目中没有用到Ajax，那么建议将这里设为false ajaxFormsEnabled (deprecated boolean, default: true): 单独设置页面中的表单提.
阅读全文
摘要: 初始化 jQuery Mobile(以下简称jM)在加载的时候会自动的初始化默认配置项，这样我们就不需要为了学习和配置这些参数花费很多的时间了，大大的提高了开发效率。 但是有些时候因为项目的需要我们还是需要对这些参数进行自定义的。在学习jM的初始化参数之前，我们需要先来了解mobileinit事件。 Mobileinit事件 jM的加载事件和普通的jQuery插件有所不同，它会在document.ready事件之前执行。因此我们在需要对jM的默认运行参数进行调整的时候就需要在document.ready事件之前来对这些参数进行设置，jM为我们提供了mobileinit事件来处理加载之前...
阅读全文
摘要: 在开发移动网站过程中，有一些Javascript代码会经常用到。以下是10段常用的JavaScript代码。需要注意的是某几段代码需要jQuery mobile framework支持。 1.如果网页是在iPhone或Android浏览器中查看，则在主体元素中添加“iPhone”或“Android” 类名 Javascript代码 if(navigator.userAgent.match(/iPhone/i)){$('body').addClass('iPhone');}elseif(navigator.userAgent.match(/Android/i)){
阅读全文
摘要: 偶然在programmers.stackexchange.com 上看到了这个有趣的问题，有人问：既然普遍认为编程是比较难的工作，为什么业务分析人员和项目经理们会拿比程序员更多的薪水？虽然大多数的时候程序员都被发现是最晚离开公司的人，可那些家伙的工作却能拿更多的报酬，为什么会这样? 回答的人很多，但似乎只有一个是比较合情合理的，它是从经济学原理的角度分析的这个问题。 人们所能获得的报酬往往会低于老板们的“最高标准”，而高于人们自己的“最低要求”。在这个范围内，你的实际收入依赖于你相对于你的老板的讨价还价的能力。 假设你给公司提供的服务价值每天1000美元。如果你用枪指着他，他会给你...
阅读全文
摘要: 摘要：不 变性（immutability）是函数式编程的基石之一。这一函数式编程思想系列的该部分内容讨论了Java™语言中的不变性的多个方面，并说明了如何 以传统的和较新式的风格来创建不可改变的Java类。本文还展示了Groovy中的两种创建不可变类的方法，这两种方法去除了Java实现中的许多令人头 疼之处。最后还要了解的是，何时适用这样的抽象。 英文原文：Functional thinking: Immutability 面向对象的编程通过封装可变动的部分来构造出可让人读懂的代码，函数式编程则是通过最小化可变动的部分来构造出可让人读懂的代码。 ——Micha...
阅读全文