JavaScript -- IT技术博客大学习 -- 共学习共进步！

以下代码，一般用于在当前页无刷新提交表单，其原理是把表单的target设为页面上某个iframe的id，使该iframe成为提交的目标，避免新开窗口或跳转。但这段代码在IE 6、7下无效。

所谓的千分位形式，即从个位数起，每三位之间加一个逗号。例如“10,000”。

cookie操作在前端开发过程中经常遇到，当然如果只是用来存储一些简单用户数据，还是比较简单的，我们要做的可能只是设置cookie名，值，过期时间等，读取也只要根据cookie的名读取相应的cookie值就可以了。在复杂的应用中，光这些肯定就不够了。

• Beforeunload打点丢失原因分析及解决方案

当点击浏览器的当前页面某个元素后，当前页面创建image对象，并把这个image对象的src设为指向打点服务器的url,发送打点请求。接着，当前页又向页面服务器发送页面跳转请求。假设页面服务器很快就返回了请求的html, 则浏览器窗口接收到页面服务器的响应后，开始卸载保存在用户内存中的跟当前页面的有关的所有元素，包括刚才创建的用来向打点服务器发送打点的image对象。

• 人人网首页拖拽上传详解(HTML5 Drag&Drop、FileReader API、formdata)

关于这个拖拽上传，其实国外有很多网站已经有这样的应用，最早推出拖拽上传应用的是Gmail，它支持标准浏览器下拖拽本地文件到浏览器中作为邮件的附件发送。人人网的这个拖拽上传也是同理，可以让使用标准浏览器的用户通过简单的拖拽行为，将本地文件夹中的照片直接上传到人人网，用户体验能得到提升。

• 通过WebRTC获取摄像头影像

WebRTC(Web Real-Time Communication，网页实时通信)，是一个支持网页浏览器进行实时语音对话或视频对话的API，目前已经是W3C的推荐标准。本文主要阐述如何通过WebRTC的接口获取摄像头影像并截图。

• IE6下经典的请求abort问题

最近项目中掉进IE6 a标签abort两次坑，第一次是a标签绑定一个事件，href='javascript:;'这样a标签触发了事件，切换验证码图片，结果验证码图片总是显示不出来，通过抓包显示状态为abort。

• 通过WebRTC获取摄像头影像

WebRTC(Web Real-Time Communication，网页实时通信)，是一个支持网页浏览器进行实时语音对话或视频对话的API，目前已经是W3C的推荐标准。本文主要阐述如何通过WebRTC的接口获取摄像头影像并截图。

• JavaScript 中的陷阱

由于 JavaScript “弱语言”的性质，使得其在使用过程中异常的宽松灵活，但也极为容易“掉进陷阱”。这些陷进往往隐藏的很深，所以要多加小心。

• 使用SeaJS实现模块化JavaScript开发

SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来，可以专注于代码本身的逻辑。SeaJS可以与jQuery这类框架完美集成。使用SeaJS可以提高JavaScript代码的可读性和清晰度，解决目前JavaScript编程中普遍存在的依赖关系混乱和代码纠缠等问题，方便代码的编写和维护。

• javascript继承机制

总结：如果使用class.apply/call继承，只在constructor中实现父类的属性和方法，不使用prototype；如果使用class.prototype = new parent_class()继承，则可以使用prototype定义属性和方法。

• JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述

随着web2.0的彪悍发展，以及浏览器端所承载的工作越来越大（在不是很影响性能的情况下，开发者都习惯把能用浏览器做的事儿都让浏览器做，以减轻服务器的压力和带宽费用等）。所以Javascript已经成为了web开发最最基本的要求之一了。而在现实的敏捷开发中，我们通常会选择一个JS框架来取代繁琐的Native Javascript的编写。

• 加载，不只是少一点点

对于加载精简来说，最大的好处莫过于对页面的加速。加速有两点：第一是由于资源加载量减少，对于页面首屏加载速度的提升；第二是某些加载精简的方法，会在一定程度上加快页面的渲染速度。同时，由于加载量的减少，剩下了一些带宽，从而减少了带宽费用。

• JavaScript 设置浏览器标题闪动

当有新消息或者网页有Ajax内容变动时, 可以闪动浏览器标题(或者Tab标题), 提示用户。

• Javascript触屏手势库-jTouch

感觉好多前端工程师应该跟我是一样的，有着几分的代码洁癖，不忍直视那些写的过于缭乱的代码，更无法忍受自己写的代码不够规矩，最最无法忍受的恐怕是自己的前端代码被后端工程师蹂躏的面目全非。无奈的是，我遇到这种情况。每天面对着那些疯草一样的代码对于我是个不小的打击，所以在闲暇之余搞了点自己感兴趣的东西，封装了这个触屏手势库--jTouch

• 用 javascript 判断 IE 版本号

今天一个项目中需要判断IE版本号，又因为 jQuery 2.0 去除了对浏览器版本号的判断（它推荐特性检测），于是就看到一老外写的一段代码。。。。

• javascript函数的throttle和debounce

上周写了window resize和scroll事件的基本优化，结果微博上交流的人还挺多，大家都提到了一个技术名词：“throttle”。这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器，是连续执行时间间隔控制。

• jQuery的data()方法

如果你使用jQuery类库，那么你可以非常愉悦的使用jquery的data()方法存取data-*自定义属性，方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险。

• 谈谈 jQuery 中的防冲突（noConflict）机制

许多的 JS 框架类库都选择使用 $ 符号作为函数或变量名，jQuery 是其中最为典型的一个。在 jQuery 中，$ 符号只是 window.jQuery 对象的一个引用，因此即使 $ 被删除，window.jQuery 依然是保证整个类库完整性的坚强后盾。jQuery 的 API 设计充分考虑了多框架之间的引用冲突，我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交。

• Js事件监听封装（支持匿名函数）

关于js中的事件监听大家用的比较多了，无非是判断浏览器是否支持addEventListener和attachEvent，网上搜索关于事件监听的方法也挺多，但是总有些不是很完善。下面的方法中对于添加事件监听的方法是一样的，只不过在取消事件绑定上面做了点手术，现在可以支持匿名函数的使用，所以在绑定事件的时候不再需要给函数单独命名了。