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

• javascript依赖注入

控制反转(Inversion of Control，英文缩写为IoC)是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。其中，依赖注入(Dependency Injection，简称DI)是IoC的流行实现方式。以前，做SSH项目的时候简单地用过Spring框架，该框架相当于给我们提供了一个大容器，我们只需在XML配置文件中给出对象的定义，再以XML配置的类名通过反射机制生成对象，该容器就可统一管理所有对象的生命周期、依赖关系...，提高了程序的灵活性和可维护性。当时，还是停留在使用上并没有好好去理解里面的原理，这两天正好看到一篇文章，深入浅出地讲解了依赖注入原理，并且采用目前我热情使用的javascript语言给出了一个实现，于是我就好好的研究了一下。

• 正则表达式基础

前段时间阅读Underscore源码的时候，踩了不少正则表达式的坑。正则表达式是一项非常实用的技能，可是每次遇到正则相关的问题，我都是回避（总以为正则表达式在网上搜搜就好了。同时，又觉得这玩意儿难，学习成本比较大）。看了一篇关于正则表达式的文章后，慢慢觉得正则并不是想象中那么难，关键是理解正则的核心思想后，多思考、多实践。本篇博文中的正则相关测试主要针对javascript！

• JavaScript中真正的哈希映射（译）

在JavaScript中存储键值对的一个简单常见的方法是使用对象字面量。然而，对象字面量不是真正意义上的哈希映射，如果使用不当可能会构成潜在的隐患。虽然目前JavaScript可能没有提供原生的hashmap(至少不能跨浏览器)，对象字面量如果没有隐患就能达到所需的功能也许是一个更好的选择。

• iframe大小自适应

前几天，舍友去某互联网公司面前端研发工程师。回来后，他就跟我们聊了下面试官给他出的题。其中，有一道题是“如何实现iframe高度的自适应？”。好吧，我承认，我听到iframe这个词的第一反应就是：这个东西性能差、搜索引擎不友好等等。由于这样的偏见，还真没有好好研究一下iframe。其实，iframe对于第三方的广告插入还是非常有用的。这两天，好好研究了下iframe自适应的问题。研究的过程中，利用nodejs搭建了简单的服务器来测试方法的正确性。

• 用 Virtual DOM 加速开发

简聊(by Teambition)产品前端中使用了 React，最初开发时使用的 Backbone 搭配 doT.js 模版渲染界面，实践下来效果提升了很多。我们希望能吸引更多同学能够运用 Virtual DOM 改进前端开发，所以这篇文章会主要介绍 React 当中 Virtual DOM 相关的知识。

• React入门：关于虚拟DOM（Virtual DOM）

Virtual DOM 是一个模拟 DOM 树的 JavaScript 对象。 React 使用 Virtual DOM 来渲染 UI，当组件状态 state 有更改的时候，React 会自动调用组件的 render 方法重新渲染整个组件的 UI。 React 主要的目标是提供一套不同的, 高效的方案来更新 DOM.不是通过直接把 DOM 变成可变的数据, 而是通过构建 “Virtual DOM”, 虚拟的 DOM, 随后 React 处理真实的 DOM 上的更新来进行模拟相应的更新。

• 细说JavaScript中对象的属性和方法

最近在回家的路上读了尼古拉斯的新书《JavaScript面向对象精要》，发现自己对对象的属性和方法不是很熟悉，特别是es5新增的部分，特写此文总结一下，同时也与大家共勉。本文分为两部分，分别介绍Object和Object.prototype上的一些常用方法。主要参考了MDN，每个方法都给出了MDN的链接。

• 编写一个简单的JavaScript模板引擎

随着Nodejs的流行，JavaScript在前端和后端都开始流行起来。有许多成熟的JavaScript模板引擎，例如Swig，既可以用在后端，又可以用在前端。不过很多时候，前端模板仅仅需要简单地创建一个HTML片段，用Swig这种全功能模板有点大材小用。我们来尝试自己编写一个简单的前端模板引擎，实际上并不复杂。

• JavaScript模块的前世今生

如今JavaScript模块化编程的概念已经普及开来，一提起模块化，大家想到的可能是AMD，CMD，requirejs或seajs。其实还有很多其他的概念。本文将会陈述下JavaScript模块的前世今生。

• jquery js 动态加载 js文件

如果用jquery append直接加载script标签的话，会报错的。除了document.write外，还有没有其他的比较好的动态加载js文件的方法。

• 我希望我知道的七个JavaScript技巧

如果你是一个JavaScript新手或仅仅最近才在你的开发工作中接触它，你可能感到沮丧。所有的语言都有自己的怪癖(quirks)——但从基于强类型的服务器端语言转移过来的开发人员可能会感到困惑。我就曾经这样，几年前，当我被推到了全职JavaScript开发者的时候，有很多事情我希望我一开始就知道。在这篇文章中，我将分享一些怪癖，希望我能分享给你一些曾经令我头痛不已的经验。这不是一个完整列表——仅仅是一部分——但希望它让你看清这门语言的强大之处，可能曾经被你认为是障碍的东西。

• JavaScript：多维数组像ORDER BY一样实现多键值排序

JavaScript的数组排序函数 sort方法，默认是按照ASCII 字符顺序进行升序排列。arrayobj.sort(sortfunction);参数：sortFunction可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略，那么元素将按照 ASCII 字符顺序进行升序排列。sort 方法将 Array 对象进行适当的排序；在执行过程中并不会创建新的 Array 对象。

• Android利用webView调用JavaScript

Android 中可以通过webView来实现和Js的交互，在程序中调用Js代码，只需要将webView控件的支持Js的属性设置为true，然后通过loadUrl就可以直接进行调用，如下所示。。。。

• 如何在一个页面上让多个jQuery版本共存

如何在一个页面上让多个jQuery共存呢？比如jquery-1.5和jquery-1.11。你可能会问，为什么需要在一个页面上让多个jQuery共存？直接引用最新版本的jQuery不行吗？答案是，不行。因为现实生活是非常残酷的。

• JavaScript的闭包问题

JavaScript是一种非常强大的函数式编程语言，可以动态创建函数对象。由于JavaScript还支持闭包(Closure)，因此，函数可以引用其作用域外的变量，非常强大。来看看在JavaScript中使用闭包的陷阱。。。

• 揭秘JavaScript中谜一样的this

在这篇文章里我想阐明JavaScript中的this，希望对你理解this的工作机制有一些帮助。作为JavaScript程序员学习this对于你的发展有很大帮助，可以说利大于弊。这篇文章的灵感来自于我最近的工作——我即将完成的书的最后章节——JavaScript 应用程序设计(JavaScript Application Design)(注意:现在你可以购买早期版本)，我写的是关于scope工作原理的方面。

• 利用函数的惰性载入提高javascript代码性能

所谓惰性载入，就是说函数的if分支只会执行一次，之后调用函数时，直接进入所支持的分支代码。有两种实现惰性载入的方式，第一种事函数在第一次调用时，对函数本身进行二次处理，该函数会被覆盖为符合分支条件的函数，这样对原函数的调用就不用再经过执行的分支了，我们可以用下面的方式使用惰性载入重写 addEvent()。

• 给你的网站添加 console.js

本文仅先给使用console调试的FE同学，如果你还不知道console是什么，或者还停留在alert阶段，那就不要浪费时间了，say bye bye！

• JavaScript中的this关键字

希望今天的文章已经澄清了“this”关键字的误解，并且你总能知道“this”的正确值。现在我们知道“this”的值不是静态的，值得确定依赖于函数被如何调用。

• 仅100行的JavaScript DOM操作类库

如果你构建过Web引用程序，你可能处理过很多DOM操作。访问和操作DOM元素几乎是每一个Web应用程序的通用需求。我们我们经常从不同的控件收集信息，我们需要设置value值，修改div或span标签的内容。当然有许多库能帮助处理这些行为，其中最流行的当属jQuery，已经成为事实上的标准。有事你并不需要jQuery提供每一样东西，所以在这篇文章中，我们将看看如何创建自己的类库来操作DOM元素。