代码改变世界

随笔档案-2013年12月

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

2013-12-28 21:42 by 破狼, 35445 阅读, 收藏, 编辑
摘要: 在做angular的SPA开发时,我们经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({{ express }} ),或者是模块(div)的闪烁。对于这个问题由于JavaScript去操作DOM,都会等待DOM加载完成(DOM ready)。对于angular会在DOM ready完... 阅读全文

angular controller as syntax vs scope

2013-12-27 00:22 by 破狼, 12521 阅读, 收藏, 编辑
摘要: 今天要和大家分享的是angular从1.2版本开始带来了新语法Controller as。再次之前我们对于angular在view上的绑定都必须使用直接的scope对象,对于controller来说我们也得必须注入$scope这个service。如下:angular.module("app",[]).controller("demoController",["$scope",function($scope){ $scope.title = "angualr"; }]) hello : {{title}} ! 有些人 阅读全文

angularjs组件之input mask

2013-12-15 20:36 by 破狼, 15058 阅读, 收藏, 编辑
摘要: 今天将奉献一个在在几个angularjs项目中抽离的angular组件 input mask。在我们开发中经常会对用户的输入进行控制,比如日期,货币格式,或者纯数字格式之类的限制,这就是input mask的使用场景,在项目中也是会经常被提及需的需求之一。当然在官方的angular-ui ui-utils中有一个相应的组件叫做ui-mask,但是其mask功能是很初级脆弱的。所以我希望能得到一个更强大的mask组件。我所知的jquery.inputmask就是这样一个我所期望的强大的mask组件,所以我不必再去重造轮子,好的软件就是为了不停被重复利用。所以写了一个adapter,https:/ 阅读全文

angular ng-model类型格式转化

2013-12-15 09:43 by 破狼, 25082 阅读, 收藏, 编辑
摘要: 在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 阅读全文

生成PDF的新选择-Phantomjs

2013-12-10 20:35 by 破狼, 15876 阅读, 收藏, 编辑
摘要: 最近在node.js项目开发中,遇见生成PDF的需求,当然生成PDF不是一个新意的需求;我可以选择利用开源的pdfkit或者其他node pdf模块,或者通过edge.js调用.net/python下的pdf库去做生成pdf。但是在我看来对于这些东西不管如何也需要花费我们太多的时间(pdf报表的内容... 阅读全文

prerender-SPA程序的SEO优化策略

2013-12-09 01:22 by 破狼, 12121 阅读, 收藏, 编辑
摘要: 随着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 ng-option ie issue解决方案

2013-12-08 18:10 by 破狼, 5491 阅读, 收藏, 编辑
摘要: 最近遇见angularjs 在IE上当使用ng-options作为select的选项数据源,并且被套在ng-switch(ng-transclude)之类的,当angular上得ng-options数据源model改变后,在IE上并不渲染。在一阵的测试和阅读相关文档后最后确认为:因为ng-switch(ng-transclude)是为了使其scope为原来的父scope,在父scope上生成了DOM后才克隆(cloneNode)到指定的指令位置。然而IE在对于select克隆的节点,不会主动去触发重绘,所以才有了上面的issue。问题确定了,那我们所需要做的就是手动的去触发让IE对Select 阅读全文
点击右上角即可分享
微信分享提示