2012年04月_load_life

转载【great】js函数闭包学习贴

前几天看了《javascript语言精髓与编程实践》对函数闭包的讲解，很有感触，跟大家分享一下。其实js支持函数闭包的主要原因是因为js需要函数能够保存数据。这里的保存数据是指函数在运行结束以后函数内变量的值也会进行保存。至于为什么js需要在函数内可以保存数据，那就是js是一种函数式语言。在函数内保存数据是函数式语言的一大特征。上代码：JScript codevar

2012-04-27 10:08:49 475

转载 jquery遍历json的方法

json的数据为：{"0":["75","test4","test41","ddd"],"1":["76","test5","test51","ddd"]}如何获取数组中第三个的数值，即遍历后得到test41和test51的值JQ:var j ={"0":["75","test4","test41","ddd"],"1":["76","test5","test51","dd

2012-04-27 09:36:51 485

转载 Mimic ‘onmouseout’ with CSS3 Transitions

Here’s a crazy and ridiculous tip that probably has limited uses, but illustrates some quirky possibilities with CSS3 transitions. I’ve written something about this before and Chris Coyier explained

2012-04-26 22:40:35 565

转载使用Html5 video在iPad/iPhone上碰到的几个问题

最近使用mediaelementjs做一个iPad上的Html5的video标签的播放器包装.首先感谢一下mediaelementjs这样的开源项目, 可用度极高, 代码质量明显比我自己写要好多了, 模块化清晰, 许可证很开放(MIT).开发的过程中遇到了些浏览器兼容问题, 也涉及到一下iPad这样的平板平板设备上的浏览器与桌面浏览器在用户行为设计上的不同的问题. 下面罗列一下:0

2012-04-26 15:54:35 4172

原创移动开发

去除超链接与表单无素的橙色边框：去表单元素：*:focus{outline:none}去超链接：*{-webkit-tap-highlight-color:rgba(0,0,0,0); }

2012-04-26 12:19:15 415

转载一个Javascript模板引擎的实现和优化

让我们从一段代码说起，假设有一段这样的JSON数据：var json={ name:"流火", blog:"www.hujuntao.com"};我们需要根据这段JSON生成这样的HTML代码： class="name">流火 (blog: www.hujuntao.com)传统的Javascript代码一定是这个样子：var html;html=''+json.name+'

2012-04-25 22:53:49 796

转载 HTML5在PhoneGap框架下开发IOS应用时常用操作和设置

本文：HTML5在PhoneGap框架下开发IOS应用时常用操作和设置在之前的文章中，我已经把怎么创建一个HTML5的phonegap IOS应用程序。请点击这里这里介绍下实际开发中经常会碰到的问题。众所周知PhoneGap是一个开源的框架，可以使用HTML5做跨平台的应用程序，能够调用手机的核心功能。如果要想做更好的开发，那还要知道PhoneGap是怎么实现这些功能的。

2012-04-25 16:11:48 907

转载 li元素中包含img元素出现5px空白的解决方法

最近地实践中，越来越觉得 li 元素中包含 a img 元素的时候会比较麻烦，需要注意，当然，问题还是一如既往的出现在 IE 下。以下为其中一例：htmlcssul{width: 280px;}ul li{display:block;height:57px;width:277px;}其中 temp.jpg 尺寸为 277×57

2012-04-23 08:56:49 2205

转载第一次负责项目的总结

最讨厌的就是写总结，就是想写一下自己的观点和感受。以下观点没有先后顺序，只是按照自己的大脑想到的先后顺序写下来的。大家可能觉得这些观点书上都有，别人也说过，当然你也会发现扯蛋的观点到处都是，现在哥就扯给你看。第一次负责项目总结开始。在开发一个新项目时一定要把框架搭好。搭个鸡窝你也要考虑选址，材料，大小等。如果你不想浪费你的时间，一定要把框架搭好，举个例子，由于这个系统是旧系统的改版，

2012-04-22 19:53:50 729

转载 Javascript面向对象扩展库

最近一直在用js做项目，遇到了许多需要应用面向对象来设计的功能，由于js对OOP的原生支持还不是很完善，所以就写了一个面向对象的扩展库用做底层支持，现在把它单独整理出来，完善了一些功能，在这里分享一下。lang.js库提供了包和类的定义、类的继承与混合（mixin）、函数重载等功能，基本可满足大多数面向对象设计的需求。同时支持基于链式的定义方式，让库在使用时更加规范和便捷。下面首先通过简单

2012-04-22 19:48:03 340

转载 HTML5 跨域信息交互技术之 postMessage

我们知道传统的HTML 规范中对于跨域的请求有这严格的限制，如果没有这个限制，将会发生很可怕的事情，设想一个场景当你在公司上班打开公司内部的管理信息系统，同时你打开了另一个外部网页页面，那个外部网页中的动态脚本比如JS 脚本可以嗅探到你公司内部管理信息系统的内容，假如你公司的信息系统是一些敏感的信息时，其实你在不知不觉中已经泄漏了公司的信息，由此可能将会造成给公司很大的损失，所以浏览器是阻止这些

2012-04-22 10:40:57 459

转载 HTML5实验：JavaScript模拟流体效果

把现实世界当中的物体模拟到计算机当中，一些简单的物理实验、碰撞旋转等等难度还是不算很大，难度较大的应当算流体模拟。　　本文将在Canvas当中模拟出一个2D平面内的水珠，涉及的知识点和技巧包括：Jscex基础知识，贝塞尔曲线的绘制，合理利用CanvasRenderingContext2D的translate和rotate等API。　　绘制椭圆　　在模拟水滴之前，我们先思考一下怎么在ca

2012-04-22 10:30:18 484

转载 js检测手机转向

针对用户的物理设备操作，很多智能手机会更新屏幕的显示方向。例如，当用户将智能手机从纵向模式旋转为横向模式时，设备会通过切换屏幕的方向来做出反应。智能手机浏览器将此事件交由移动Web开发人员通过JavaScript使用浏览器window对象的onresize 或onorientationchange事件进行处理。智能手机浏览器支持上面所述的两种事件中的一种或两种，因此在决定哪个事件最适宜

2012-04-22 10:19:19 978

转载编写 PhoneGap 程序调试问题解决方案

这几天做项目，需要设计一个和服务器交互的库，同时也有一个提高效率的需求就是设计缓存机制，无奈PhoneGap提供的API太坑爹了，编写个缓存费了N大的劲才完成，记录一下要注意的地方。1. 客户端浏览器调试Ajax请求报错“Origin null is not allowed by Access-Control-Allow-Origin. ”解决办法：谷歌浏览器 chrome.exe

2012-04-20 21:39:43 1209

这几天进行进行 webmobile App的设计，起初的设计方案采用的是 Jquery Mobile + PhoneGap，原想应该工作的不错，没想到到了最后，进行程序结合测试的时候出现了一个莫名奇妙的问题，那就是，利用Jquery Mobile进行页面切换，反复进行七次以上的连环页面跳转，同时在后台发送 Ajax数据请求，从服务器download数据，就会破坏PhoneGap的本地工作机制，导致

2012-04-20 21:37:53 814

转载 Sencha Touch 程序设计之 Android 平台 Back 按键处理

2012Sencha Touch 程序设计之 Android 平台 Back 按键处理作者：润物无声发布：2012-04-09 15:23 分类：移动开发阅读：1105 次抢沙发利用 Sencha Touch 结合PhoneGap设计本地APP，免不了要分别处理android平台和iphone平台，两个平台的最大区别之一就是back键的

2012-04-20 21:34:24 1270

转载 PhoneGap 之 Android 端插件开发

前面一篇文章《移动 APP 之跨平台解决方案》介绍了一种跨平台的解决方案，即用开发web app的方式来编写mobile app。鉴于PhoneGap才刚刚新起，还有许多功能因为平台的差异性无法很好的解决，所以我们在实际的开发中，发现有很多功能还需要完善，一种比较好的方式就是编写平台依赖的插件，进而扩展PhoneGap的功能。本文介绍一下开发和使用插件的一个流程，以 VideoPla

2012-04-20 21:18:06 1839 1

转载从这些网站可以找到有用代码片段

作为一个网站开发者，我很喜欢收集和保存一些非常有用很酷的代码片段，让我在建设网站或应用程序中节省了很多时间。今天，我列举了份清单，从以下国外网站中你可以找到有用的最有趣的代码片段。Snipplrsnipplr可能是互联网上最大的代码片段库了。5年来，他们已经出版了上千件代码，有一些片断是超级有用，而有一些又不太有用，但有很大的机会，你会找到你需要的满意的网站片段。WPRecipes

2012-04-19 23:27:37 739

转载移动应用表单设计秘籍

本文将从清晰的视觉纵线、信息的分组、极致的减法、利用选择代替输入、标签及文字的排布方式、依靠明文确认密码、合理的键盘利用、校验的小秘密这八个维度来分享我的移动应用表单设计秘籍。一、清晰的视觉纵线用户在浏览信息的时候，如果没有足够多的强调元素，会从上至下，从左至右的浏览，Web端是一个“F”型视线，移动端更经常是“L”型视线（导航和重要操作往往在下边），那么如果你的表单的视觉浏览顺序

2012-04-19 23:24:45 465

转载【JS】There’s Nostalgia in the Waters of Lake.js

Lake.js: It's lakes all the way down. Image: Lake.jsRemember when the best way to align table cells was with a one-pixel gif? For that matter, remember tables?Sometimes it’s easy to forget how f

2012-04-19 23:05:05 545

转载使用CSS3让文字按指定路径显示

来源：http://www.itivy.com/html5/archive/2012/4/14/css3-text-path.html之前，我们利用CSS只能让文字横平竖直地显示，连倾斜一个角度都不行，更不用说让一串文字按指定的路径轨迹显示了。但是，CSS3到来之后，这一切实现起来是那么的简单，我们可以利用CSS3的text-transform options: rotation, skew,

2012-04-14 23:04:39 3611 1

转载关于响应事件

具体的事情记不清了，某一天下班后听到两个同事在说关于关于事件的问题。这里简单说下：input type="button" runat="server" value="Click Me" id="ButtonTest" />很普通的一个按钮，我们要为其添加点击事件，有两种方法：A. input type="button" runat="server" onc

2012-04-13 17:17:15 349

转载原型链的原理

说到prototype，就不得不先说下new的过程。我们先看看这样一段代码： script type="text/javascript"> var Person = function () { }; var p = new Person(); script>很简单的一段代码，我们来看看这个new究竟做了什么？我们可以把new的过程拆分成以

2012-04-13 16:54:47 425

转载 php单一入口权限检查

function checkprive(){ $M= $_SESSION['prive_list']; //模型权限 $A=$_SESSION['action']; //操作权限 $UrlM=$_GET['m']; //$_GET获取模型 $UrlA=$_GET['a']

2012-04-13 11:36:10 356

转载 js prototype 详解

avaScript是基于对象的，任何元素都可以看成对象。然而，类型和对象是不同的。本文中，我们除了讨论类型和对象的一些特点之外，更重要的是研究如何写出好的并且利于重用的类型。毕竟，JavaScript这种流行的脚本语言如果能够进行良好的封装，并形成一个庞大的类型库，对于重用是非常有意义的。网上对于prototype的文章很多，一直没明白核心的思想。最后写了很多例子代码后才明白：prototyp

2012-04-13 11:29:26 308

转载正确理解javascript的this关键字

来源：http://js8.in/851.htmljavascript有this关键字，this跟javascript的执行上下文密切相关，很多前端开发工程师至今对this关键字还是模棱两可，本文将结合代码讲解下javascript的this关键字。this和对象的关系首先来看下面的代码：var person = { name:'Theo Wong', gender

2012-04-13 10:48:06 474

转载效率由心生，快速提高工作效率秘诀

现代人都很忙，但忙的可能没有效率，可能在"忙人"摸象，也就是瞎忙。也许你的效率可以提升20倍，也许你的激情和潜能可以提升10倍！秘诀就在于目标管理、时间管理、精力管理、如何在短时间内完成更多的事情、如何从痛苦的修行中悟道、如何尊崇内心的自由、如何有更多的时间去享受生活、如何动态平衡工作和生活？！这里有能大大提升工作效率和时间效率的几个重要的工作习惯：　　1. 每天一上班就进入状态，不要浏览

2012-04-12 17:35:19 1946

转载你所知道的学习方法，都是错的！

上课的时候记笔记？哪门功课不行，就集中精力专项突击？自习的时候不要晃，选好一个地儿安安稳稳地待那儿学习？你还在这样学习吗？不要被骗了：这些被我们奉为良好学习习惯的东西，恰恰是冒了学习正道的大不韪。　　英文原文：Everything You Thought You Knew About Learning Is Wrong　　原文发布于 2012 年 1 月 29 日

2012-04-12 16:25:01 555

转载 Object类相关的属性，方法和操作符

ECMAScript中的所有的类都由Object类继承而来,Object类中的所有属性和方法都会出现在其他类中。这里介绍几个Object类相关的属性，方法和操作符；1.Prototype属性Prototype — 通过构造函数而创建的对象实例的原型对象.所有的类,默认返回 Object 对象的一个实例，原型对象可以让所有的对象实例共享它的属性和方法。例子见下面几个例子。2.co

2012-04-12 16:18:05 447

转载 Facebook办公室中的标语

Facebook即将上市，一时之间成为全球新闻热点。为了不错过商机，有人将Facebook内部的标语做成海报，每张20美元，放到网上卖。据说，从扎克伯格创业初期，这些标语就贴在Facebook的办公室，作为行动准则，激励员工。虽然这些标语很简单，但是我发现，它们真的具有警醒的效果，能指导你做出正确的事。我正在考虑，将这些标语的链接放到我的首页，每天看一遍。虽

2012-04-12 15:59:27 2854

转载 jQuery模拟的简单的select下拉菜单

jQuery模拟select标签$(function(){ $("#select").click(function(){ $(".option").toggle(); }); $(".option li").click(function(){ $("#select"

2012-04-12 10:44:59 616

转载各种IE下的hack

1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以及IE6以下版本可识别 8. IE6以及IE6以上版本可识别 9. 仅IE7可识别 10. IE7以及I

2012-04-12 10:27:08 364

转载单张图片水平垂直居中

无标题文档.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针

2012-04-12 10:24:18 481

转载 min-height最小高度的实现（兼容IE6、IE7、FF）

min-height最小高度的实现（兼容IE6、IE7、FF） - www.52css.com#mrjin {background:#ccc;min-height:100px; height:auto !important; height:100px; overflow:visible;}-->www.52CSS.comMr.

2012-04-12 10:11:47 424

转载 Javascript模拟系统提示用户进入浏览器选择页

在网上看到一个叫IE6 Update的网站，可以提示IE6用户升级，做的和IE自带的提示条非常像，觉得很棒，但是是却是英文版的，而且他们提供的代码需要JQuery才能运行最近在学习Javascript,就放些了多国语言版本，然后加上的让IE7、IE8用户也升级的功能、调整了字体，自通匹配系统当前主题的色彩方案等，布局位置，现在和真正的系统提示99%一致。现在把代码公布出来与大家分享。

2012-04-12 09:35:51 450

转载 Web前端研发工程师编程能力飞升之路

今天看到这篇文章。写的非常有意思。发现自己才处于"入室"阶段。【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；web前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不

2012-04-11 17:48:46 331

转载 [技巧] Javascript的兼容性问题

什么是浏览器兼容性问题？简单的说，就是同样的网页在不同浏览器中的解释和展现不一致。1、版式错误：文字图片定位不准，显示不全戒重叠；2、乱码：页面内容部分或全文文字显示为乱码；3、Flash 视频动画不能播放；4、脚本错误：菜单无法弹出显示；5、缺少插件：交互功能不能正常完成。兼容性问题的现状W3C （万维网联盟）已经开发了超过50 个规范(草案)。各个浏览

2012-04-11 17:46:31 433

转载广泛收集的jQuery拖放插件

jQuery允许您创造时尚而又用户体验友好的网站，不仅看起来悦目，而且他轻量级的大小负荷使网站响应相当迅速。这是jQuery在Web开发领域如此受重视的原因。今天分享给大家一些非常棒的的jQuery插件拖放功能。有了这些插件，你会允许你的访问者个性化的网站和它的工具，根据自己的需要，并以这种方式，你提供定制选项的负载展现方式jQuery mb.containerPlus（演示 | 下载

2012-04-11 17:01:26 432

转载在 Eclipse 中使用 JSHint 检查 JavaScript 代码

之前使用 JSlint 来校验 JavaScript 代码，发现灵活性不够，因此改用 JSHint。按照官方的说法，JSHint 是一个社区驱动（community-driven）的工具，用于检测JavaScript代码中的错误和潜在的问题，规范编码风格，确保代码的质量。JSHint在JSLint的基础上做了很多改进，让开发人员可以自己定义校验选项。JSHint Home: http://

2012-04-11 16:47:48 751

转载 On :target

The :target pseudo selector in CSS matches when the hash in the URL and the id of an element are the same. The current hash of the URL is "voters" Content:target { background: yellow;}

2012-04-10 18:34:26 481

空空如也

空空如也