随笔- 473
文章- 6
评论- 337
阅读-
387万
11 2011 档案
移动浏览器项目WebApp需要jQuery吗?移动设备放弃jQuery的理由
摘要:首先要承认jQuery的强大魅力,是jQuery陪伴着我们度过桌面浏览器开发的每一天,但是在移动浏览器项目中,比如WebApp,你真的愿意引用这样一个庞大且肿胀的前端框架么?你真的需要它么? 接下来我们谈谈你应该在移动设备上放弃jQuery的理由。 为什么前端工程师需要在乎移动设备上的前端框架? 众所周知,移动设备与固定装置最明显的一点不同是:带宽的问题。在移动设备上加载外部资源肯定要比固定装置设备加载外部资源要缓慢的多。我们将问题引向前端框架,jQuery最新版本的min版本为77KB,仅这一点就需要前端工程师折衷。 jQuery中占了很大一个比重的则是Sizzle选择器,这是一个兼容多平台
阅读全文
获得2011开源大奖的jQuery Mobile1.0发布 - 移动开发
摘要:让Moble Web App开发人员期待已久的jQuery Mobile终于正式发布了1.0版本,这是一个完整的jQuery移动UI框架,基于HTML5技术,支持所有主流移动平台。为方便国内开发者了解这个 优秀的框架,WebAppTrend将jQuery Mobile开发团队的官方博文进行了翻译,如下: 没错,jQuery Mobile 1.0版正式发布了!(下载需要jQuery core 1.6.4)经过一年多的改进,现在我们终于有了一个坚如磐石的产品发布。 当我们在2010年夏天首次推出这个站点的时候,我们有一些概念模型和一些非常有抱负的目标:创造一个基于HTML5平台能够在移动终端上..
阅读全文
触摸屏网站开发系列(一)-ios web App应用程序(ios meta)
摘要:<meta name="viewport" content="width=device-width, initial-scale=1" /> pingmu触摸屏网站的开发其实现在来讲比前几年移动端网站开发好多了,触摸屏设备IOS、Android、BBOS6等系统自带浏览器均为WEBKIT核心,这就说明PC上面尚未立行的HTML5 CSS3能够运用在这里,极大的减少了工作量和资料的缺乏。这篇文章讲述关于IOS触屏网站meta的定义对网站的一些效果或者说是功能的帮助。从最基本的讲:移动客户端对meta的定义有几项通用定义:<meta con
阅读全文
[翻译]jQuery Mobile入门教程——主题的使用和定制
摘要:原作:Using and customizing jQuery Mobile themes —— Matthew David 翻译:filod 转载声明:请注明原作者、翻译者以及译文链接。 在之前的文章jQuery Mobile 入门教程里,我对jQueryMobile的使用进行了入门介绍,你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。 然而仅仅是这样的话,你的需求肯定不会被满足的——你或许需要给header换个颜色来配合自己公司的logo?又或者需要突出显示一下某个静音按 钮?总而言之,你需要自己控制jQueryMobile的显示效果。本文旨在介绍教大家如何在jQ.
阅读全文
jQuery Mobile 入门教程
摘要:原作: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调试工具
摘要:一直以来认为Safari在Web调试上是个残疾直到今天 才发现一直错怪了它... 而且...它用的居然和Chrome是一个调试工具 - Web Inspector只是Chrome在这点上做的比Safari好一开始就把Web Inspector给Enable了而且做了一些扩展并给了它另外一个名字 - Develop Tools而Safari把它隐藏的太深了以至于像我这样会玩软件设置的人都...如何Enable - SafariPrefernces --> Advanced最下面的选项勾选 然后你就可以在右键菜单上看到Inspect Element选项了 - 跟Chrome一模一样来看看两个
阅读全文
jQuery Mobile 中文手册 Ajax开发版(2)
摘要:ajaxEnabled (boolean, default: true): 同时设置页面中的链接和表单提交是否使用Ajax方法,也就是说表单的提交和a标记中的链接,都是采用ajax调用。 布尔类型,在默认状态下参数是true。 例如: $(document).bind("mobileinit", function(){ $.mobile.ajaxEnabled=false; }); 如果你的项目中没有用到Ajax,那么建议将这里设为false ajaxFormsEnabled (deprecated boolean, default: true): 单独设置页面中的表单提.
阅读全文
jQuery Mobile 中文手册 Ajax开发版(1)
摘要:初始化 jQuery Mobile(以下简称jM)在加载的时候会自动的初始化默认配置项,这样我们就不需要为了学习和配置这些参数花费很多的时间了,大大的提高了开发效率。 但是有些时候因为项目的需要我们还是需要对这些参数进行自定义的。在学习jM的初始化参数之前,我们需要先来了解mobileinit事件。 Mobileinit事件 jM的加载事件和普通的jQuery插件有所不同,它会在document.ready事件之前执行。因此我们在需要对jM的默认运行参数进行调整的时候就需要在document.ready事件之前来对这些参数进行设置,jM为我们提供了mobileinit事件来处理加载之前...
阅读全文
移动网站开发中常用的10段JavaScript代码
摘要:在开发移动网站过程中,有一些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 App和Native App的优势和劣势,指出Web只是我们作为设计者和开发者所期待的一种理想化结果,是一种趋势,将会是一个相当久的过渡阶段,对复杂产品来说,Native App + Web App也许是个不错的解决方案。 AD: 未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题。那么,我们首先应该立体的认识一下Web App和Native App。 一、Web App Web无需安装,对设...
阅读全文
HTML5设计原则
摘要:“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这份文档并不..
阅读全文
Html5新标签解释及用法
摘要: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 Shiv – 让该死的IE系列支持HTML5吧
摘要: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在移动开发方面的发展状况
摘要:“我们正在用HTML5编写我们下一套移动产品。”“是啊,这些天很多人在玩着Appcelerator,我也在玩着。”“嗯,但这并不是我要说的那种HTML5产品。”最近,我有很多类似的交流对话,可能因为我正在开发一套HTML5的应用吧。就像2005年的“AJAX”,“HTML5”这个术语现在还没有被清晰地定义,在未确定这个新技术有什么优势前,它就已经被四处套用,甚至投入运营。如果你在一间被热衷新技术的管理人掌控的公司里任职,如果你走运,那么漫画人物呆伯特先生可能非常愿意坐在你隔壁的小房间。两种看法当人们讨论移动设备上的HTML5技术时,他们通常只会有两种不同的看法。从感性的角度来看,HTML5技术
阅读全文
转载:前端招聘与前端卖身的困境
摘要:转载: 前端招聘与前端卖身的困境最近开始物色新公司,群里来了个招人的,说2.5万招高手。在众人的怂恿下,发了简历。 但结果是不如意的,经过他们一小时的评测,他们认为我的水平不过8k-10k,税前。我吐血了,还远低于我原来的呢,更何况那公司是北京的,我是在深圳, 就算只在原来工资上乘以物价指数比也不这样算吧。事后静下心来想想,问题出在哪里。毕竟我也招人招了差不多一年时间。我也体谅招人的难处。 从招聘的角度来看,小公司很少会求助招聘网站。天真的老板以为在官网放个5K以上的工资,就有大量简历涌来了。当然人事肯定不会这样认为,但人事部 长与老板通常关系非常亲密,不是亲戚情人与通过拍马屁上来的,很少有.
阅读全文
Adobe Dreamweaver 添加库、标签和属性
摘要:您可以在 Dreamweaver 中使用标签库编辑器添加标签库,并将标签和属性添加到标签库中。 添加一个标签库在标签库编辑器(“编辑”>“标签库”)中,单击加号 (+) 按钮,然后选择“新建标签库”。在“库名称”框中,键入一个名称,(例如,Miscellaneous Tags),然后单击“确定”。 将标签添加到标签库在标签库编辑器(“编辑”>“标签库”)中,单击加号 (+) 按钮并选择“新建标签”。选择“标签库”弹出菜单,然后选择一个标签库。键入新标签的名称。若要添加多个标签,则应以逗号和空格来分隔标签的名称(例如,cfgraph, cfgraphdata)。如果新的标签具有相应的
阅读全文
Canvas之图像与文字
摘要:这节课程首先说明的是 如何才 canvas 中插入图像。 canvas 插入图像的步骤:呵呵,又来了。 1.首先当然准备一张图片了。 2.用drawImage方法将图像插入到 canvas 中。 drawImage 方法 有三种形态的参数可以选择 第一种: 我们先用最简单的方法写一个例子 drawImage(image, x, y) 其中image 是 image 或者 canvas 对象,x 和 y 是其在目标 canvas 里的起始坐标 下面我们写一个例子说明一下。大家看一下就清楚了。 JavaScript Code复制内容到剪贴板 functiondraw(){varc=docume..
阅读全文
HTML5 LocalStorage 本地存储
摘要:转载: 说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示: 最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以前禁用javascript的用户不存在了一样。 userData是IE的东西,垃圾。现在用的最多的是Flash吧,空间是Cookie的25倍,基本够用。再之后Google推出了Gears,虽然没有限制,但不爽的地方就是要装额外的插件(没具体研究过)。到了HTML...
阅读全文
HTML5边玩边学
摘要:出处:左洸的blog http://www.cnblogs.com/myqiao/(1):画布一、<canvas>标签Html5 引入了一个新的 <canvas> 标签,这个标签所代表的区域就好象一块画布,你的所有图形绘制最后都要在这块画布上呈现。有了这个标签,浏览器的图形表现力被极大的提升,Flash 和 SilverLight 有没有感到威胁呢?新闻链接:Google声称Chrome7浏览器将提速60倍<canvas>标签的用法非常简单,如下:<canvasid="tutorial"width="150"he
阅读全文
用jQuery.noConflict()防止$的冲突
摘要:jQuery.noConflict()函数, 运行这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。 在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。 注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用(LuckyMien注:下划丝处说的不准确,在jQuery的新版本中,未必必须如此)。当然也应当在其他冲突的库被使用之前(LuckyMien注:这句毫无疑问是正确的)
阅读全文
ASP错误:object 标记不能放在另一个 object 标记内
摘要:写asp的时候程序提示了一个错误,”object 标记不能放在另一个 object 标记内”。代码类似如下: <object> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash/banner.swf" > <!--<![endif]--> <!--[if !IE]>--> </object> <!--<![endif]--></object>
阅读全文
jQuery 核心 - noConflict() 方法
摘要:实例 使用 noConflict() 方法为 jQuery 变量规定新的名称: var jq=$.noConflict(); 亲自试一试 定义和用法 noConflict() 方法让渡变量 $ 的 jQuery 控制权。 该方法释放 jQuery 对 $ 变量的控制。 该方法也可用于为 jQuery 变量规定新的自定义名称。 提示:在其他 JavaScript 库为其函数使用 $ 时,该方法很有用。 语法 jQuery.noConflict(removeAll) 参数 描述 removeAll 布尔值。指示是否允许彻底将 jQuery 变量还原。 ...
阅读全文
Jquery的$命名冲突:
摘要:在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg') 的写法。然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突。下面以引入两个库文件 jquery.js和prototype.js为例来进行说明。 第一种情况:jquery.js在prototype.js之后进行引入,如: <script src="prototype.js" type="text/javascript"/&g
阅读全文
js闭包(变量引用函数内部函数)
摘要:一、什么是闭包? “官方”的解释是:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。 相信很少有人能直接看懂这句话,因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包,因为跳过闭包的创建过程直接理解闭包的定义是非常困难的。看下面这段代码: function a(){ var i=0; function b(){ alert(++i); } return b; } var c = a(); c(); 这段代码有两个特点: 1、函数b嵌套在函数a内部; 2、函数a返回函...
阅读全文
js 两个小括号 ()() 的用法
摘要:JavaScript 中,考查如下代码: Js代码 收藏代码 Java代码 (function(){alert("cftea");})(); 其实这段代码的意思就是执行这个匿名函数,弹出提示框,内容为“cftea”。 可以把上述代码理解为: Js代码 收藏代码 Java代码 functionfoo(){alert(1);}foo(); 其实相同的功能还有另外两种写法,我们一并列出来如下: Js代码 收藏代码 Java代码 functionfoo(){alert("cftea");}foo();(function(){alert("cftea&q
阅读全文
转载:JQueryJs框架之两对小括号()()的理解
摘要:如果大家看jquery的sourcecode就知道一开始就有两对小括号,是什么意思呢! 真的是比较困惑, 这么神奇的代码,什么意思啊? 我们先看看jQuery一开始是怎么写的:(function(){ // jquery 代码 })(); 它是由什么组成呢? 有一个匿名函数(函数没有名字),此匿名函数被一对小括号包裹着,这对小括号右边还有一对小括号.我们再看常用一般函数定义方式. //函数定义 function func1(){ alert("hello,world");} //调用函数 func1(); 那么这两句话目的很明显就是要弹出一个"helloworld
阅读全文
javascript 表达式、括号、常用函数和jquery库怎么样实现的分析
摘要:(一)javascript表达式表达式是什么?表达式是对变更进行赋值、更改或计算等操作的语句。它是变量、常量、操作符的综合。根据操作符的不类型,可以分为字符操作表达式、赋值表达式、逻辑表达式、关系表达式、自增自减表达式、位表达式等。例如:x+y5>0A++Z=1+1另外还有一种逗号表达式:x+y,z++(二)小括号最常见的小括号的用法有好多种,并且常用。(1)函数的输入参数部分例如:function fun1()(2)语句的辅助例如:while();if();for()(3)类对象的构造方法Var now=new Date()(4)强制表达式运算这个作用其实也在用,但没有前边3种用得明晰
阅读全文
最短的IE判定
摘要:以前最短的IE判定借助于IE不支持垂直制表符的特性搞出来的。 var ie = !+"\v1"; 仅仅需要7bytes!参见这篇文章,《32 bytes, ehr ... 9, ehr ... 7!!! to know if your browser is IE》,讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes!的故事 但这纪录今年1月8日被一个俄国人打破了,现在只要6 bytes!它利用了IE与标准浏览器在处理数组的toString方法的差异做成的。对于标准游览器,如果数组里面最后一个字符为逗号,JS引擎会自动剔除它。详见这里 恭喜你,Aleko
阅读全文
定义并且立即执行JS匿名函数有几种方法~~转
摘要:/*最流行的写法*/(function(){ alert("run!") })(); /* !号可以有1~正无穷个,所以这一种就可以衍生无数种方式 */!!!(function(){ alert("run!") })(); (function(){ alert("run!") }).call(); (function(){ alert("run!") }).apply(); (function(){ alert("run!") }()); void (function(){ alert(&quo
阅读全文
怎样花两年时间去面试一个人
摘要:转载: 投递人 itwriter Joel Spolsky 曾经感叹:招聘难,难于上青天(此处笔者稍加演绎:))。他有两个辛辣但不乏洞察力的断言:真正的牛人也许一辈子就投大概4次简历,这些家伙一毕业就被好公司抢走了,并且他们的雇主会给他们不赖的待遇,所以他们也不想挪窝。(刚刚去世的 Dennis Ritchie 就是这样一个人)而“人才”市场上能找到的大多都不是什么人才。招到这帮人轻则费钱重则把你公司搞挂。 诚然,也许没有哪个行业像 IT 行业这样,无形资产占据公司的绝大多数资产。拒坊间传言比尔·盖茨...
阅读全文
如何使用搜索技巧来成为一名高效的程序员
摘要:投递人 伯乐在线 发布于 2010-12-06 11:56 评论(1) 有2045人阅读 原文链接 [收藏] « » 没有人是完全独立的孤岛,每个人都是整体的一部分。——约翰·多恩 对于缺乏编程知识的人来说,完全有可能编写一个网页或小程序。如果在用Google搜索相关示例时幸运的话,可以搜到现成的代码。即使是经验丰富的程序员,通常也会为了节省时间和精力而在网上搜索解决方案。 如果不借助搜索技术、网络及集体智慧,现代...
阅读全文
前端工程师的编码遭遇战
摘要:来源: TaobaoUED发布时间: 2011-11-01 14:25阅读: 451 次原文链接 全屏阅读 [收藏] 摘要:由 于历史原因,淘宝网的页面编码一直都是gbk,F2E手册中也有明确规范,刚开始的一段时间,F2E们并未遭遇太麻烦的乱码问题,大家相安无事,但随着淘 宝的合作方越来越多,合作方的API接口编码可谓五花八门,淘宝的系统和第三方的数据对接之后就暴露出各式各样的乱码问题。有必要再把这个问题缕缕清楚。 我想,可能是在做第一个淘宝网的页面时,工程师只顾写代码,而忘了看一看编辑器的默认编码设置,再后来就将错就错...
阅读全文