摘要:
转载: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... 阅读全文
摘要:
Web App和Native App 谁将是未来 本文详细分析了Web App和Native App的优势和劣势,指出Web只是我们作为设计者和开发者所期待的一种理想化结果,是一种趋势,将会是一个相当久的过渡阶段,对复杂产品来说,Native App + Web App也许是个不错的解决方案。 AD: 未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题。那么,我们首先应该立体的认识一下Web App和Native App。 一、Web App Web无需安装,对设... 阅读全文
摘要:
“Be conservative in what you send; be liberal in what you accept. –The Robustness principle” “对于自己输出要严格; 对于他人的输入要灵活. –鲁棒性原则” 一切从鲁棒性原则说起, 把鲁棒性原则放在第一位, 是为了: 1. 让大家带着鲁棒性原则的思考来听这次分享. 2. 鲁棒性原则是促成HTML5的设计原则主线. 3. 鲁棒性的引申义可以上升到为人处世中去. 一. XHTML2 & HTML5之间不得不说的故事 HTML Tag的文档作为HTML诞生的见证, 但是HTML Tag这份文档并不.. 阅读全文
摘要:
HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。 HTML 5 提供了一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似<div> 和<span> 标签,但有一定含义,例如<nav>(网站导航块)和&l 阅读全文
摘要:
HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因为现在你也可以在IE上用到HTML5。 好吧!大前端今天的主题是:HTML5 Shiv 下面是引用Google的html5.js文件,好处就不说了: <!--[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> < ![endif]--> 将上代码复制到head部分,记住一定要 阅读全文
摘要:
先讲一个小故事 昨天我女朋友的一句话对我触动非常大,不是感情问题,是互联网的问题,是关于中国用户的问题。 前几天我GF她姐姐家的电脑坏了,要重装系统,虽然我GF是学英语专业的,但她姐姐觉得像她这样的大学生应该懂电脑吧。但事实是我GF根本不会重转 系统,她就给我打电话,我在电话里一步一步教她如何做:开机按del键进bios,找advanced setting,找boot选项,选择cdrom,保存退出,放入光盘,重启,按照提示装到C盘,OK。还好GF比较聪明,虽然经历了小的波折,但最终还 是装好了系统,她也挺高兴,回家之后还把她弟弟的电脑也重装了一下,跟我说“其实也挺简单嘛”。 到这里并没有结束. 阅读全文
摘要:
“我们正在用HTML5编写我们下一套移动产品。”“是啊,这些天很多人在玩着Appcelerator,我也在玩着。”“嗯,但这并不是我要说的那种HTML5产品。”最近,我有很多类似的交流对话,可能因为我正在开发一套HTML5的应用吧。就像2005年的“AJAX”,“HTML5”这个术语现在还没有被清晰地定义,在未确定这个新技术有什么优势前,它就已经被四处套用,甚至投入运营。如果你在一间被热衷新技术的管理人掌控的公司里任职,如果你走运,那么漫画人物呆伯特先生可能非常愿意坐在你隔壁的小房间。两种看法当人们讨论移动设备上的HTML5技术时,他们通常只会有两种不同的看法。从感性的角度来看,HTML5技术 阅读全文