摘要：
在angular开发中我们经常会遇见输入框中的string的值，却想在scope上的model表现为整型、浮点、货币，或者在radio的value是一个true,false的Boolean类型，一组check box的vlue组成一个Array的数组类型，因为我们的后台程序的model设计接口如此。你是否还在后台应用程序或者ajax提交前做mapper，还在重复着着伪angular的做法？在本人github创建了一个开源项目[https://github.com/greengerong/ngmodel-format](https://github.com/greengerong/ngmodel 阅读全文
随笔分类 - JavaScript
生成PDF的新选择-Phantomjs
2013-12-10 20:35 by 破狼, 15838 阅读, 收藏, 编辑
摘要：
最近在node.js项目开发中，遇见生成PDF的需求，当然生成PDF不是一个新意的需求；我可以选择利用开源的pdfkit或者其他node pdf模块，或者通过edge.js调用.net/python下的pdf库去做生成pdf。但是在我看来对于这些东西不管如何也需要花费我们太多的时间(pdf报表的内容... 阅读全文
prerender-SPA程序的SEO优化策略
2013-12-09 01:22 by 破狼, 12108 阅读, 收藏, 编辑
摘要：
随着web2.0的兴起，ajax的时代已经成为了事实，更如今Knockout,backbone, angular,ember前端MDV(model driver view)框架强势而来，Single Page Application已经为大家所熟悉了。如今常见的SPA程序，restfull和前端MDV之类的框架能够实实在在的减少我们的代码开发量，让我更多的注意力关注在真正的业务逻辑上。在众多前端MDV框架从博客中可以看出来笔者还是钟爱于angular，然而服务端平台的选择的话：在.net平台笔者会首选webapi+oData,jvm平台spring restfull。但是相应带来的是搜索引擎优 阅读全文
angularjs移除不必要的$watch
2013-08-20 00:40 by 破狼, 25139 阅读, 收藏, 编辑
摘要：
在我们的web page，特别是移动设备上，太多的angular $watch将可能导致性能问题。这篇文章将解释如何去移除额外的$watch提高你的应用程序性能。 $watch如果不再使用，我们最好将其释放掉，在angular中我们可以自由的选择在什么时候将$watch从$watch列表中移除... 阅读全文
Angular.js Services
2013-08-18 11:28 by 破狼, 37740 阅读, 收藏, 编辑
摘要：
Angular带来了很多类型的services。每个都会它自己不同的使用场景。我们将在本节来阐述。 首先我们必须记在心里的是所有的services都是singleton(单例)的，这也是我们所希望得到的预期结果。下面让我开始今天的services之旅吧：Constant示例：app.constant('fooConfig', {config1: true,config2: "Default config2"}); constant是个很有用的东东，我们经常会用于对directive之类的做配置信息。所以当你想创建一个directive，并且你希望能够做一些配 阅读全文
(翻译)Angular.js为什么如此火呢？
2013-08-11 21:02 by 破狼, 26524 阅读, 收藏, 编辑
摘要：
在本文中让我们来逐步发掘angular为什么如此火: Angular.js 是一个MV*（Model-View-Whatever，不管是MVC或者MVVM，统归MDV(model Drive View)）JavaScript框架，其是Google推出的SPA（single-page-application）应用框架，其为我们的web应用开发增加不少魔法变换。 我可以花整天的时间告诉你为什么你必须在新项目尝试angular.js，但是我觉得还是百说不如一练。数据绑定和scopes(作用域) 首先第一个浮出大脑的问题是：angular支持数据绑定吗？下面让我们来了解angular.js的数据... 阅读全文
语言设计中的鸭子类型风格
2013-06-30 10:24 by 破狼, 4652 阅读, 收藏, 编辑
摘要：
在动态语言的世界里一直流传着一种叫做鸭子类型的风格，其来自谚语：“如果行鸭子一样走路，像鸭子一样呱呱叫，那它就是一只鸭子”。
从鸭子类型，我们可以联想到它的推导，并不在乎类型的真正实体，只要他的行为有鸭子的特性，那么我们就可以把它当做一只鸭子来看到。在动态语言设计中，可以解释为无论一个对象是什么类型的，只要它具有某类型的行为（方法），则它就是这一类型的实例，而不在于它是否显示的实现或者继承。 阅读全文
集成服务监控器-green.monitor发布
2013-05-26 18:42 by 破狼, 2113 阅读, 收藏, 编辑
摘要：
在大型企业应用开发中，一个项目经常需要依赖于多个项目集成，经常某个集成服务的升级或者不工作，会导致你所工作的服务也挂掉，甚至影响你的开发流程。你是否还在接到测试团队或者运维团队的某个Bug，而自己花费了大量时间终于查出来是某个集成服务升级或异常，在这里浪费了大量时间，在笔者为所在项目建立了一个第三方集成服务监控的Monitor，去实时监控项目所依赖的所有集成服务，数据库。现在开源在github https://github.com/greengerong/green-monitor，在其sample目录下有个使用demo。mavendependency<dependency> &l 阅读全文
细说Angular ng-class
2013-05-22 09:41 by 破狼, 193477 阅读, 收藏, 编辑
摘要：
在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素（html/css），在controller需要一个简单的POJO（plain object javascript object），与view完全的隔离（交互angularjs框架的职责。但在某些项目中看见controller涉及DOM的元素最多的是在controller scope上定义某变量，其值为class name，形如：function ctr($scope){ $scope.test =“classname”;}<div class=”{.. 阅读全文
Angularjs Controller 间通信机制
2013-04-16 20:54 by 破狼, 70462 阅读, 收藏, 编辑
摘要：
在Angularjs开发一些经验总结随笔中提到我们需要按照业务却分angular controller，避免过大无所不能的上帝controller，我们把controller分离开了，但是有时候我们需要在controller中通信，一般为比较简单的通信机制，告诉同伴controller我的某个你所关心的东西改变了，怎么办？如果你是一个javascript程序员你会很自然的想到异步回调响应式通信—事件机制(或消息机制)。对，这就是angularjs解决controller之间通信的机制，所推荐的唯一方式，简而言之这就是angular way。 Angularjs为在scope中为我们提供了冒泡. 阅读全文
利用Node.js为Node.js生成HttpStatusCode辅助类并发布到npm
2013-04-09 00:07 by 破狼, 3158 阅读, 收藏, 编辑
摘要：
作为一个好的Restfull Api不仅在于service url的语义,可读性,幂等,正交，作为http状态码也很重要，一个好的Http Status Code给使用者一个很好的响应，比如200表示正常成功，201表示创建成功，409冲突，404资源不存在等等。所以在做一个基于node.js+mongodb+angularjs的demo时发现node.js express没有提供相应的辅助类，但是本人不喜欢将201,404这类毫无语言层次语义的东西到处充斥着，所以最后决定自己写一个，但是同时本人也很懒，不喜欢做重复的苦力活，怎么办？那就从我最熟悉的c#中HttpStatusCode枚举中c. 阅读全文
edge.js架起node.js和.net互操作桥梁
2013-03-31 01:06 by 破狼, 7309 阅读, 收藏, 编辑
摘要：
今天要介绍的是edge.js这个github上刚兴起的开源项目，它可以让node.js和.net之间在in-process下互操作。.net版本在4.5及以上，因为.net4.5带来的Task，asyn，await关键字和node.js的Event模型正好匹配。如果你感兴趣的话，可以参见githubhttps://github.com/tjanczuk/edge 和Edge.js overview.下面这幅图展示了edge.js在node.js和.net之间互操作的桥梁。Fun<object,Task<object>>表示输入为object类型，输出为Task<o 阅读全文
Angularjs的IOC Inject分析
2013-03-27 00:50 by 破狼, 10441 阅读, 收藏, 编辑
摘要：
在上一篇《Angularjs开发一些经验总结》中提到angular开发中的IOC inject优先，所以在这节将引用angularjs的注入代码来分析angularjs的注入方式。在《再谈angularjs DI(Dependency Injection)》中提到angularjs的注入方式分为3中方式，如果你还不清楚的请移步。推断式注入：在angularjs中我们可以在我们需要注入的地方按照名称注入，这里要求参数名称必须和注入服务实例名称相同，一种名称约定，angularjs会提取参数名称查找相应DI实例注入；:标记注入:在angularjs中我们可以利用$inject标注DI注入,这里需. 阅读全文
Angularjs开发一些经验总结
2013-03-24 17:08 by 破狼, 59494 阅读, 收藏, 编辑
摘要：
在去年到今年参与了2个使用Angularjs作为客户端开发框架的项目开发。主要利用asp.net web api作为restfull服务提供框架和angularjs结合。Angularjs作为html的扩展，旨在建立一个丰富的动态web应用，通过Directive建立一套html扩展的DSL模型，利用PM模式变形MVVM（在网上很多称MVC模式，本人认为在angular0.8是属于经典MVC模式，但在1.0把scope独立注入过后，更倾向于MVVM模式，这将会后续随笔中写道）简化前端开发和使得前端业务逻辑得以分离，view和表现逻辑的分离，更便于维护，扩展。Angularjs本来就是采用TD. 阅读全文
JavaScript 函数replace揭秘
2013-03-14 09:18 by 破狼, 21995 阅读, 收藏, 编辑
摘要：
在JavaScript中replace函数作为字符串替换函数，这是一个威力强大的字符串操作函数，对于常见字符串操作的推荐用法。这篇随笔就来更加深入的理解它。 replace函数接受两个参数,第一个参数为字符串或正则表达式，第一个参数同样可以接受一个字符串，还可能是一个函数。 首先对于第一个参数为字... 阅读全文
nodejs上HTML分析利器node-jquery
2013-02-27 18:13 by 破狼, 29804 阅读, 收藏, 编辑
摘要：
首先描述产生这篇随笔的场景：我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上，但是由于jenkins没有直接的API取得数据所需数据，所以我们只能从自建的容器发布Javascript Coverage数据API，供Report项目使用。 由于采用简单的数据分析，只是Host一个简单的web Server,所以本人不喜欢Tomcat，IIS这类大型工具，显得有点杀鸡用牛刀，班门弄斧。我更喜欢node.js这类简易的web容器。所以项目采用node.js，并node.js天然的javascript与html操作的天然一体，. 阅读全文
利用Node.js本地构建
2013-02-23 23:12 by 破狼, 3692 阅读, 收藏, 编辑
摘要：
Node.js是一个基于Google Chrome浏览器v8 javascript执行引擎的异步I/O事件驱动的运行平台。直从2009年诞生开始，已经在业界得到了很多的关注，在这里也必要多说，如果你还不清楚的，请移步到Node官网。在这里我们要讲的是用Node.js来构建本地Build。构建本地Build，我们已经有很多选择，如Ant，Maven，Gradle等。为什么我们还需要Node.js？对于我们的开发中会有一些小的基本自动化构建，如文件的监控(Less编译)，javascript的压缩，不稳定集成服务代理，快速的集成反馈，文件的迁移…而对于项目来说我并不像引入太多的技术债, Node. 阅读全文
开源：Angularjs示例--Sonar中项目使用语言分布图(CoffeeScript版)
2012-12-20 21:50 by 破狼, 3537 阅读, 收藏, 编辑
摘要：
关于SonarLanguage是什么东东，这里就不在描述了，如果你对它感兴趣的话，请移步到上篇随笔开源：Angularjs示例--Sonar中项目使用语言分布图。这里是最近学习CoffeeScript的练习版。 CoffeeScript是一门简洁的，构架于JavaScript之上的预处理器语言，可以静态编译成JavaScript，语法主要受ruby和python影响，目前已经为众多rails和node项目采用。CoffeeScript不是JavaScript的超集，也不是完全替代品。CoffeeScript有点在于：更少，更紧凑，和更清晰的代码通过规避和改变对JavaScript中不良部分的. 阅读全文
Javascript覆盖率(jstd)报表解析Maven插件
2012-12-16 22:03 by 破狼, 1726 阅读, 收藏, 编辑
摘要：
最近项目中希望加入javascript覆盖率统计，由于项目的单元测试用的google的jstd（javascript test driver），jstd生成<config filename>-coverage.dat LCOV 格式，这是一种linux上格式，在window上网上搜寻了很久没找到可用的maven组件。最后狠下心来自己写一个。代码已经放在github上，并且maven插件也成功release到官网。coverage 文件格式： 项目主要采用java将coverage文件解析成java object在利用json序列化输出到固定位置的javascript文件。在利用an 阅读全文
TypeScript
2012-12-15 21:15 by 破狼, 1592 阅读, 收藏, 编辑
摘要：
作为改进JavaScript应用程序开发的举措之一，微软近日发布了TypeScript。这一新语言是JavaScript规范的超集，添加了类型检查和静态代码分析，同时生成原生JavaScript。这些特性意在使开发者能够受益于类型检查带来的便利，从而更轻松地扩展JavaScript以支持更大规模的应用程序开发。现有的JavaScript代码在TypeScript中可以直接使用，而且因为TypeScript 生成的是纯JavaScript代码，因此可以在现有支持JavaScript的平台上运行。 并在Vs中带有强类型语法同样的智能等IDE支持，是的开发更容易，更容易将javascrip... 阅读全文