破狼的博客_.Net,开源,WPF,.Net(cs),javascript,java

为Angularjs ngOptions加上index解决方案

今天在Angularjs交流群中有位童学问道如何为Angular select的ngOptions像Angularjs的ngRepeat一样加上一个索引$index.其实对于这个问题来说Angular本身并未提供$index之类的变量供使用。但是也不是说对于这个问题我们就没有解决方案。把这个问题换成角度来看,我们所需要的就是js数组的下标，所以我们如果我们能够在对象上加入下标，使用表达式作为opt

javascript

index

angular

ngOptions

原创推荐 2014-02-15 22:37:38 1755 阅读 1点赞 1评论

angular ngClick 阻止冒泡和默认行为

这其实是一个很简单的问题，如果你认真查看过Angular官方的API文档，本来不想记录的。但是这个问题不止一次的被人问起，所以今天在记录在这里。在Angular中已经对一些ng事件如ngClick,ngBlur,ngCopy,ngCut,ngDblclick...中加入了一个变量叫做$event.如ngClick在官方文档是这么描述的： Expression to eva

javascript

angular

原创推荐 2014-02-11 23:35:58 3363 阅读

ngCloak 实现 angular 初始化闪烁最佳实践

在做angular的SPA开发时，我们经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({% raw %}` express `} {% endraw %}),或者是模块(div)的闪烁。对于这个问题由于JavaScript去操作DOM，都会等待DOM加载完成（DOM ready）。对于angular会在DOM ready完会才回去解析html view Template，所以对于C

闪烁

angular

原创推荐 2013-12-28 22:00:20 2665 阅读

angular controller as syntax vs scope

今天要和大家分享的是angular从1.2版本开始带来了新语法Controller as。再次之前我们对于angular在view上的绑定都必须使用直接的scope对象，对于controller来说我们也得必须注入$scope这个service。如下：angular.module("app",[]) .controller("demoController",["$scope",function($

web

angular

controllerAs

原创推荐 2013-12-27 00:29:12 979 阅读

生成PDF的新选择-Phantomjs

最近在node.js项目开发中，遇见生成PDF的需求，当然生成PDF不是一个新意的需求；我可以选择利用开源的pdfkit或者其他node pdf模块，或者通过edge.js调用.net/python下的pdf库去做生成pdf。但是在我看来对于这些东西不管如何也需要花费我们太多的时间(pdf报表的内容报表很复杂)，不如把所有的画图实现逻辑推向大家所熟悉的html+css来的简洁，快速，这样对于pdf

javascript

phantomjs

原创推荐 2013-12-10 20:40:30 2076 阅读

prerender-SPA程序的SEO优化策略

随着web2.0的兴起，ajax的时代已经成为了事实，更如今Knockout,backbone, angular,ember前端MDV(model driver view)框架强势而来，Single Page Application已经为大家所熟悉了。如今常见的SPA程序，restfull和前端MDV之类的框架能够实实在在的减少我们的代码开发量，让我更多的注意力关注在真正的业务逻辑上。在众多前端M

开源

web

SEO

SRP

phantomjs

原创推荐 2013-12-09 01:06:57 1680 阅读

angularjs移除不必要的$watch

在我们的web page，特别是移动设备上，太多的angular $watch将可能导致性能问题。这篇文章将解释如何去移除额外的$watch提高你的应用程序性能。 $watch如果不再使用，我们最好将其释放掉，在angular中我们可以自由的选择在什么时候将$watch从$watch列表中移除。让我们来看个示例：app = angular.m

angularjs

$watch

翻译推荐 2013-08-20 00:46:13 1126 阅读 3点赞 1评论

Angular.js Services

Angular带来了很多类型的services。每个都会它自己不同的使用场景。我们将在本节来阐述。首先我们必须记在心里的是所有的services都是singleton(单例)的，这也是我们所希望得到的预期结果。下面让我开始今天的services之旅吧：Constant示例：app.constant('fooConfig', {

service

angularjs

翻译精选 2013-08-18 11:34:20 592 阅读 2点赞 1评论

Angular.js为什么如此火呢？

在本文中让我们来逐步发掘angular为什么如此火: Angular.js 是一个MV*（Model-View-Whatever，不管是MVC或者MVVM，统归MDV(model Drive View)）JavaScript框架，其是Google推出的SPA（single-page-application）应用框架，其为我们的web应用开发增加不少魔法变换。

angularjs

翻译推荐 2013-08-11 21:53:18 2059 阅读 2点赞 1评论

Aspectj 实现Method条件运行

最近我花了半个小时实现了一个Method的按自定义条件运行的plugin，Condition-Run 。实现场景是由于我所工作的客户经常会是在同一个代码集上实现多个Brand，所以有些功能只会限制是几个brand调用，而其他的调用则不该调用。还有因为持续交互，我们会不停的release新的功能得到快速的反馈，在这前提下我们会经常遇见在我们刚开发完一个brand的产品代码，就要面临re

AOP

静态植入

condition-run

原创推荐 2013-07-07 11:29:28 1167 阅读 1点赞

语言设计中的鸭子类型风格

在动态语言的世界里一直流传着一种叫做鸭子类型的风格，其来自谚语：“如果行鸭子一样走路，像鸭子一样呱呱叫，那它就是一只鸭子”。从鸭子类型，我们可以联想到它的推导，并不在乎类型的真正实体，只要他的行为有鸭子的特性，那么我们就可以把它当做一只鸭子来看到。在动态语言设计中，可以解释为无论一个对象是什么类型的，只要它具有某类型的行为（方法），则它就

鸭子

interface

duck type

原创推荐 2013-06-30 10:31:10 1787 阅读 1点赞 1评论

隐藏在mock之后的‘快感’

最近某同事抱怨他们的测试难写，经常花费在测试的时间比产品代码更多，而且每次重构后都必须修改一大堆的测试。和同事闲谈后得知，在其项目中大量的使用了mock，或者说对mock的使用过度极端对所谓的单元测试“快速”，“独立“的过度。在前边转载过《软件开发中没有所谓正确的方法》，当你把某一种方法论作为银弹使用的时候，早晚魔鬼会伴随在你身边。 &n

tdd

mock

agile

脆弱测试

原创推荐 2013-05-29 21:12:45 2304 阅读 1点赞 1评论

集成服务监控器-green.monitor发布

在大型企业应用开发中，一个项目经常需要依赖于多个项目集成，经常某个集成服务的升级或者不工作，会导致你所工作的服务也挂掉，甚至影响你的开发流程。你是否还在接到测试团队或者运维团队的某个Bug，而自己花费了大量时间终于查出来是某个集成服务升级或异常，在这里浪费了大量时间，在笔者为所在项目建立了一个第三方集成服务监控的Monitor，去实时监控项目所依赖的所有集成服务，数据库

java

green

monitor

agile

原创推荐 2013-05-26 18:46:56 1447 阅读 1点赞 1评论

细说Angular ng-class,让controller更纯洁

在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素（html/css），在controller需要一个简单的POJO（plain object javascript object），与view完全的隔离（交互angularjs框架的职责。但在某些项目中看见control

angularjs

ng-class

原创推荐 2013-05-22 09:46:13 7437 阅读 1点赞 1评论

CSV和集合对象基于Annotation操作封装

随着项目上线，暂时处于闲置状态，所以趁闲带着团队对在这一年项目中做的比较好的组件，工具和实践总结和抽取出来，在我后续的随笔中将会陆续发布出来。今天主要是一个简单的maven小组件，对opencsv基于Annotation简单的封装，使得我们可以轻易的将CSV文件转化为List对像和把List对像导出为CSV文件。

java

CSV

Annotation

opencsv

原创推荐 2013-05-16 21:43:14 879 阅读

闲谈简单设计(KISS)疑惑

忙碌了一年了项目又到了交互了，虽然项目能成功上线（因为还有维护支持的团队）。但是个人从技术上看，这是一个不那么成功的项目，因为后期艰难的修复 bug,添加feature。这与简单设计有什么关系呢？在某模块开发起初，由于架构的经验预见性的告诉我这模块开发中会出现什么问题，所以选择了提出某些比较好的解决方案，但是由于团队成员一致的所谓简单设计，通过TDD,重构达到”合适&

kiss

简单设计

原创推荐 2013-05-07 09:55:58 784 阅读 2点赞 2评论

Angularjs Controller 间通信机制

在Angularjs开发一些经验总结随笔中提到我们需要按照业务却分angular controller，避免过大无所不能的上帝controller，我们把controller分离开了，但是有时候我们需要在controller中通信，一般为比较简单的通信机制，告诉同伴controller我的某个你所关心的东西改变了，怎么办？如果你是一个javascr

javascript

通信

controller

angularjs

原创推荐 2013-04-16 20:56:32 1942 阅读 1点赞 1评论

利用Node.js为Node.js生成HttpStatusCode辅助类并发布到npm

作为一个好的Restfull Api不仅在于service url的语义,可读性,幂等,正交，作为http状态码也很重要，一个好的Http Status Code给使用者一个很好的响应，比如200表示正常成功，201表示创建成功，409冲突，404资源不存在等等。所以在做一个基于node.js+mongodb+angularjs的dem

javascript

node

httpstatuscode

原创推荐 2013-04-09 00:08:26 7240 阅读 1点赞 1收藏 1评论

edge.js架起node.js和.net互操作桥梁

今天要介绍的是edge.js这个github上刚兴起的开源项目，它可以让node.js和.net之间在in-process下互操作。.net版本在4.5及以上，因为.net4.5带来的Task，asyn，await关键字和node.js的Event模型正好匹配。如果你感兴趣的话，可以参见githubhttps://github.com/tjancz

.net

node.js

edge.js

原创推荐 2013-03-31 01:01:44 1978 阅读 2点赞 4评论

Angularjs的IOC Inject分析

在上一篇《Angularjs开发一些经验总结》中提到angular开发中的IOC inject优先，所以在这节将引用angularjs的注入代码来分析angularjs的注入方式。在《再谈angularjs DI(Dependency Injection)》中提到angularjs的注入方式分为3中方式，如果你还不清楚的请移步。推断

javascript

ioc

angularjs

inject

原创推荐 2013-03-27 00:51:12 979 阅读 2点赞 1评论

Angularjs开发一些经验总结

在去年到今年参与了2个使用Angularjs作为客户端开发框架的项目开发。主要利用asp.net web api作为restfull服务提供框架和angularjs结合。Angularjs作为html的扩展，旨在建立一个丰富的动态web应用，通过Directive建立一套html扩展的DSL模型，利用PM模式变形MVVM（在

javascript

angularjs

angularjs开发

原创推荐 2013-03-24 17:05:21 2664 阅读 2点赞 1评论

JavaScript 函数replace揭秘

在JavaScript中replace函数作为字符串替换函数，这是一个威力强大的字符串操作函数，对于常见字符串操作的推荐用法。这篇随笔就来更加深入的理解它。 replace函数接受两个参数,第一个参数为字符串或正则表达式，第一

javascript

regex

replace

原创推荐 2013-03-14 09:42:40 1296 阅读 3点赞 4评论

node上HTML分析利器node-jquery

首先描述产生这篇随笔的场景：我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上，但是由于jenkins没有直接的API取得数据所需数据，所以我们只能从自建的容器发布Javascript Coverage数据API，供Report项目使用。 &nb

javascript

jquery

node

node-jquery

原创推荐 2013-02-27 18:16:59 1512 阅读 1点赞 7评论

利用Node.js进行构建本地

Node.js是一个基于Google Chrome浏览器v8 javascript执行引擎的异步I/O事件驱动的运行平台。直从2009年诞生开始，已经在业界得到了很多的关注，在这里也必要多说，如

build

ci

node.js

原创推荐 2013-02-23 23:19:50 7367 阅读 1点赞 1收藏 2评论

开源：Angularjs示例--Sonar中项目使用语言分布图(CoffeeScript版)

关于SonarLanguage是什么东东，这里就不在描述了，如果你对它感兴趣的话，请移步到上篇随笔开源：Angularjs示例--Sonar中项目使用语言分布图。这里是最近学习CoffeeScript的练习版。 CoffeeScript是一门简洁的，构架于JavaScrip

SonarLanguage

CoffeeScript

Angularjs

原创推荐 2012-12-20 21:51:52 1372 阅读 1评论

Javascript覆盖率(jstd)数据解析Maven插件

最近项目中希望加入javascript覆盖率统计，由于项目的单元测试用的google的jstd（javascript test driver），jstd生成<config filename>-coverage.dat LCOV 格式，这是一种linux上格式，在window上网上搜寻了很久没找到可用的maven组件。最后狠下心来自己写一

window

coverage

jstd

原创推荐 2012-12-16 22:06:17 883 阅读

TypeScript介绍视频

作为改进JavaScript应用程序开发的举措之一，微软近日发布了TypeScript。这一新语言是JavaScript规范的超集，添加了类型检查和静态代码分析，同时生成原生JavaScript。这些特性意在使开发者能够受益于类型检查带来的便利，从而更轻松地扩展JavaScript以支持更大规模的应用程序开发。现有的JavaScript代码在TypeScript中可以直

TypeScript

原创推荐 2012-12-15 22:10:45 794 阅读 1评论

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

在博客中介绍google的Angularjs 客户端PM模式框架很久了，今天发布一个关于AngularJs使用是简单示例SonarLanguage(示例位于Github：https://github.com/greengerong/SonarLanguage)。本项目只是一个全为客户端的示例项目。项目的初始是我想看看在公司的项目中使用语

项目

target

blank

分布图

原创推荐 2012-12-02 11:20:37 1250 阅读 1点赞 1评论

介绍一个JSONP 跨域访问代理API-yahooapis

你是否遇到了想利用AJAX访问一些公网API，但是你又不想建立自己的代理服务，因为有时我根本就没打算涉及服务端任何代码，但是讨厌的浏览器的三原策略，阻止了我们的ajax调用。比如我想访问一个天气的restfull api，如果我直接去GET： $.get("http://m.weather.com.cn/data/101010100.html"

proxy

api

jsonp

原创推荐 2012-12-01 14:01:48 1057 阅读 1点赞 2评论

angularjs 过滤器filter

在前面介绍angularjs已经很多了，中途由于工作和一切生活琐事，暂停了很久。今天在这里将继续angularjs讲解，这节我们来看看angularjs的过滤去filter。在我们开发中经常需要在页面显示给用户的信息需要一定处理格式化，才能显示给用户。比如时间本地化，或者

javascript

filter

angularjs

原创推荐 2012-10-31 23:39:44 1054 阅读 1点赞 2评论

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

破狼