Angularjs示例：Sonar中项目使用语言分布图

2017年02月06日 8 阅读

Angularjs示例：Sonar中项目使用语言分布图2013-02-14 破狼 在博客中介绍google的Angularjs 客户端PM模式框架很久了，今天发布一个关于AngularJs使用是简单示例SonarLanguage（示例位于Github：https://github.com/greengerong/SonarLanguage）。本项目只是一个全为客户端的示例项目。项目的初始是我想看看在公司的项目中使用语言的分布比例，看看C#的份额，这一年一直...

浅谈支持cross-browser的解决方案

2017年02月06日 8 阅读

浅谈支持cross-browser的解决方案2013-02-14昨天说了说我对于dhtml开发中cross-browser支持的问题，那么我们怎么来最经济实惠的实现cross-browser呢？当然这里就不讨论是否有条件或有必要来做了问题了，昨天已经详细说过我的观点了，而这里只是从dhtml开发本身上来看。首先我们知道由于JavaScript是解释性的语言，而我们说的支持脚本cross-browser运行，只是我们对于不同browser中相同功能不同int...

再谈angularjs DI（Dependency Injection）

2017年02月06日 8 阅读

再谈angularjs DI（Dependency Injection）2013-02-14 51cto 破狼在前面已经介绍了关于angularjs，以及扩展了一些jQuery ui的一些组件为angularjs的directive。在这里应进口007 在上篇留言我们来看看在angularjs中的DI特性。DI：依赖注入，是一种软件设计模式，应DIP依赖倒置原则，描述组件之间高层组件不应该依赖于底层组件。依赖倒置是指实现和接口倒置，采用自顶向下的方式关注所...

javascript围观IE10中window对象的结构

2017年02月06日 8 阅读

javascript围观IE10中window对象的结构2013-04-10我在<<javascript遍历DOM结构和对象结构>>一文中提供了一个遍历对象结构的函数，利用这个函数，展现IE10中window对象的结构（还真是不少啊～调试代码也在呢～）如下：调试信息: [Object] window |--[function] addEventListener = function addEventListener（） { [nat...

javascript的数组和数字排序

2017年02月06日 8 阅读

javascript的数组和数字排序2013-04-10javascript数组分配内存是非线性的，这样会牺牲性能，好处就是更加灵活，例如：数组元素不要求同样的类型，给数组添加元素不会越界。数组下标从0开始，length取值为最大下标加1。数组下标不必连续，你也可以改变length的值，数组元素内存是动态分配的，仅仅是设置更大的length不会占用更多的空间，而将length的值改小，则大于等于该下标的元素会被清除掉，内存得以释放。数组和对象的主要差别有两...

Javascript正则表达式入门笔记

2017年02月06日 8 阅读

Javascript正则表达式入门笔记2013-04-10 未知 两种定义正则表达式对象（RegExp）的方法：1） var pattern = /s$/;2） var pattern = new RegExp（"s$"）;系统学习正则表达式的两本参考：1）Programming Perl by Larry Wall et al. （O"Reilly）.2）Mastering Regular Expressions by Jeffrey...

深入理解javascript的数组排序

2017年02月06日 8 阅读

深入理解javascript的数组排序2013-04-10今天查到数组的sort函数可以接受自定义比较函数，这真是一件妙事儿。这样对（数字类型表示范围以内的）数字进行排序就变得极为简单了。var myArray = [-80,-13.888,-10,-9.6,-9.4,-1,2,2,3,5.823,7.999,20,0,22,55,312]; iJs.put（myArray.sort（function（a,b）{return a-b}））;调试信息:-80...

javascript中call和apply的区别

2017年02月06日 8 阅读

javascript中call和apply的区别2013-04-10我理解javascript中call和apply的区别仅在于语法不同。下例中分别调用call和apply对myObj进行修改，语法不同，但使用效果是一样的：var myObj = { "a":1, "b":2, "c":3 } var myFunc = function（a,b,c）{ this.a=a; this.b=b; th...

javascript实现perl风格的变量替换

2017年02月06日 8 阅读

javascript实现perl风格的变量替换2013-04-10perl风格的变量替换有更好的可读性，普通的javascript编程中+号很多，让人眼花缭乱。好消息，我们可以用正则表达式来帮助实现编程风格的转换。下面的例子中规定${}内的字符串是变量名，定义varReplace原型函数实现变量替换：String.prototype.varReplace = function（）{ var pttrn = /${（w+）}/g; return this.r...

javascript正则表达式学习

2017年02月06日 8 阅读

javascript正则表达式学习2013-04-10最近利用一周时间阅读了《精通正则表达式（第3版）》前6章，希望能够精通正则表达式，并且能够撰写《javascript深度理解正则表达式》这样的文章。一周时间太短，我自认为仅仅是达到了“不再畏惧”、“更有信心”的程度，因而本文的目标只能是帮助读者“掌握”正则表达式。我想正则表达式之所以难，主要体现在以下几个方面：1）正则表达式的符号晦...

javascript框架概览备忘

2017年02月06日 8 阅读

javascript框架概览备忘2013-04-10javascript框架多呀，令人眼花缭乱。javascript既然是解释执行，那么天然的就具备了开源的基因。为了少些限制，倾向于挑选基于MIT/BSD/APL协议的框架。以下排名不分先后，都是搜索结果：1）Mojito是一个JavaScript Web应用框架，使用其开发的程序可同时运行在浏览器和服务器端。也就是说，使用Mojito，开发人员不必再为后端的服务器及前端浏览器分别编写不同的代码了。雅虎Ma...

Javascript遍历DOM结构和对象结构

2017年02月06日 8 阅读

Javascript遍历DOM结构和对象结构2013-04-11在实际工作中，记住浏览器中对象的属性、方法几乎是件不可能完成的任务，保持一份资料或网址是个好办法。但是查阅资料也是要花费不少时间，如果能有个脚本将对象的结构打印出来，将会加速开发进程。下面是我编写的查看对象结构例子，请下载附件获取可执行代码：//Animal是一个对象 Animal = { createNew: function（ bundle ） { var animal = {}; var...

用javascript编制一个递归算法来解决汉诺塔问题

2017年02月06日 8 阅读

用javascript编制一个递归算法来解决汉诺塔问题2013-04-11传说某间寺院有三根柱子，在创世之初，第一根柱子串有64个金盘，盘的尺寸由下到上一个比一个小。寺院里的僧侣依照一个古老的预言，每天移动一个盘；大盘不能叠在小盘上面，预言说盘子全部移动到到第三根柱子时，世界就会灭亡。最少移动步数是随着盘子的个数呈指数增长（2^n-1）的。对指数增长有概念的同学应该能够看出移动64个盘子所需的步数是个天文数字，即使僧侣们每秒可完成一个盘子的移动，也需要58...

深度理解javascript函数

2017年02月06日 9 阅读

深度理解javascript函数2013-04-11理解javascript函数的关键就是抛弃主流面向对象语言中“类”的观念。主流的面向对象语言，例如C++，先写好“类”的定义。当需要对象时，用new关键字去划出一片内存来，赋上初值，就有了一个对象（“类”的“实例”）。混淆的来源是javascript语言模仿了面向对象的语法，看到Object，new之类的关键字...

浅谈javascript函数中的this

2017年02月06日 8 阅读

浅谈javascript函数中的this2013-04-111） 当一个函数被保存为对象的一个属性时，我们称它为一个方法。当一个方法被调用时，this被绑定到该对象。2） 当一个函数并非一个对象的属性，那么当它被调用时，this被绑定到全局对象。这一缺陷导致内部函数的this不一定是调用它的函数的this，解决办法是在外部函数定义一个新的变量指向this（例如var that = this; ）。3） 在一个函数前面带上new，将创建一个新对象，this绑...

javascript变量作用域

2017年02月06日 8 阅读

javascript变量作用域2013-04-11javascript变量作用域只有两种情况：全局作用域、函数作用域没有代码块作用域，因而要养成一处声明全部变量的编程习惯（文件头部、函数头部）。function test（）{ var abc="123"; efg="456"; put（"in test abc="+abc）; put（"in test efg="+efg）; ...

自定义javascript调试输出函数

2017年02月06日 8 阅读

自定义javascript调试输出函数2013-04-11定义两个函数，pt输出表达式及其计算结果，put输出字符串：<span id="dbg"> <b>调试信息:</b> </span> <script language="javascript"> function pt（myExp）{ document.getElementById（"dbg...

关注node.js的原因

2017年02月06日 8 阅读

关注node.js的原因2013-04-11我们的系统架构通常是由客户端和服务器端构成的。而C/S和B/S的区别无非就是前者是自己制造了一个客户端软件，而后者是利用了浏览器软件。使用浏览器软件虽然在功能上会受到限制，但是避免了跨平台的麻烦（暂不考虑跨浏览器的问题）。我关注node.js的一个前提是关注B/S架构。而在浏览器中总是使用javascript操纵DOM对象来实现想要的功能。在选择WEB服务器时，因为在asp服务器中是可以写javascript语法...

Windows 7下node.js设置npm环境变量

2017年02月06日 8 阅读

Windows 7下node.js设置npm环境变量2013-04-12前面日志中的例子需运行“npm install formidable”指令安装模块支持文件上传。如果浏览器有代理服务器，或者办公环境封杀了https，则需要设置npm环境变量。我看到的错误提示信息是这样：npm ERR！ Error: failed to fetch from registry: formidable首先查看环境变量默认值（没准将来想设回去）：&...

javascript中求绝对值最小的数

2017年02月06日 8 阅读

javascript中求绝对值最小的数2013-04-16有一个已经排序的数组（升序），数组中可能有正数、负数或0，求数组中元素的绝对值最小的数，要求，不能用顺序比较的方法（复杂度需要小于O（n）），可以使用任何语言实现例如，数组{-20，-13，-4, 6, 77,200} ，绝对值最小的是-4。问题分解：第一步：二分法寻找改变符号的位置（0视为正数）第二步：比较位置左右数字的绝对值大小，取较小的那一个<script language="...