破狼的博客_javascript

为Angularjs ngOptions加上index解决方案

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

javascript

index

angular

ngOptions

原创推荐 2014-02-15 22:37:38 1791 阅读 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 3405 阅读

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 2668 阅读

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 981 阅读

生成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 2085 阅读

angularjs位于ng-switch中的ng-option 当select option改变了在IE上不会重新渲染 issue解决方案

最近遇见angularjs 在IE上当使用ng-options作为select的选项数据源，并且被套在ng-switch（ng-transclude）之类的，当angular上得ng-options数据源model改变后，在IE上并不渲染。在一阵的测试和阅读相关文档后最后确认为：因为ng-switch（ng-transclude）是为了使其scope为原来的父scope，在父scope上生成了DO

ie

option

angular

ng-options

原创 2013-12-08 18:06:54 2971 阅读

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 594 阅读 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 2074 阅读 2点赞 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 7441 阅读 1点赞 1评论

Angularjs Controller 间通信机制

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

javascript

通信

controller

angularjs

原创推荐 2013-04-16 20:56:32 1950 阅读 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 7244 阅读 1点赞 1收藏 1评论

Node.js connect ECONNREFUSED错误

最近在准备Angularjs +node.js demo的时候在我的mac开发中遇见此错误，如下： events.js:71 throw arguments[1]; // Unhandled 'error' event

node.js

原创 2013-03-31 12:30:54 2475 阅读

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 2006 阅读 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 985 阅读 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 2671 阅读 2点赞 1评论

JavaScript 函数replace揭秘

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

javascript

regex

replace

原创推荐 2013-03-14 09:42:40 1301 阅读 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 1515 阅读 1点赞 7评论

TypeScript介绍视频

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

TypeScript

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

angularjs 过滤器filter

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

javascript

filter

angularjs

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

angularjs表达式-Expression

紧接上节谈到再谈angularjs DI(Dependency Injection)，在这里介绍关于angularjs的表达式expression。expression指的是javascript的一小片段代码，通常用于绑定（binding）例如：` expression `。在angularjs中是通过$parse service解析。 &nbs

mvc

expression

angularjs

原创推荐 2012-09-14 00:30:56 920 阅读 1点赞 2评论

再谈angularjs DI(Dependency Injection)

在前面已经介绍了关于angularjs，以及扩展了一些jQuery ui的一些组件为angularjs的directive。在这里应进口007 在上篇留言我们来看看在angularjs中的DI特性。 DI：依赖注入，是一种软件设计模式，应DIP依赖倒置原则，描述组件之间高层组件不应该依赖于底层组件。依赖倒置是

IOC

DI

angularjs

原创推荐 2012-09-11 19:47:28 1103 阅读 1点赞 1评论

AngularJS Slider指令(directive)扩展

继上一篇基于jQuery UI Autocomplete的AngularJS 指令（directive）扩展，在这里发布一个AngularJS的Slider扩展。如果你还不了解AngularJS话的情参见AngularJs - Javascript MVC 框架，Angular-Bootstrap和Compiler以及Google-AngularJS官方文档.

javascript

mvc

AngularJs

silder

原创推荐 2012-09-05 22:54:26 1043 阅读 2评论

基于jQuery UI Autocomplete的AngularJS 指令（directive）扩展

在前几篇随笔简单介绍了AngularJS，在AngularJS 指令（directive）是重要的概念，主要负责了很大部分的组建样式交互。在前面介绍过directive需要预先的模板编译在返回一个link的函数，注册行为事件交互等等。在这里不多说了，关于指令的介绍将在后续一并补上。在这里我们先看一个利用jQuery UI组件开发的AngularJ

autocomplete

jquery ui

angluarjs

原创推荐 2012-09-02 10:45:41 1500 阅读 1点赞 1评论

Angular-Bootstrap和Compiler

在上节简单介绍了Angular js框架，在这节将继续Angular的Bootstrap(引导)和Compiler(编译)机制。一：Bootstrap：Angular的初始化 1：Angular推荐的自动化初始如下： <!doctype html> <html

的

160

原创推荐 2012-08-13 23:58:28 2080 阅读 1点赞 2评论

AngularJs - Javascript MVC 框架

在6月google发布了AngularJs 1.0稳定版，并宣称：AngularJS可以让你扩展HTML的语法，以便清晰、简洁地表示应用程序中的组件，并允许将标准的HTML作为你的模板语言，AngularJS可以通过双向数据绑定自动从拥有JavaScript对象

javascript

mvc

AngularJs

原创推荐 2012-08-12 23:33:04 1743 阅读 1点赞 4评论

Less动态css-演讲稿(ppt)

LESS 将 CSS 赋予了动态语言的特性，如变量，继承，运算，函数，混合，守卫，命名空间，字串符插值。 LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。 Less是一个JS库，所以他可以在客户端运行，相对Sass则必须在服务端借助Ruby运行（Sass和Le

css

less

原创推荐 2012-07-24 23:35:34 1543 阅读 1点赞 2评论

JQuery模板插件jquery.tmpl-动态ajax扩展

在上一篇JQuery模板插件-jquery.tmpl中介绍了这款插件。有时我们需要去动态的ajax去加载模板，或者数据，根据url参数或者其他信息加载不同的模板，数据。在我的某个项目中有这个需求，所以特地写成jquery工具函数，加入了本地数据和ajax数据加载模板，数据的方式。参数说明： Tmpl: function(template, data, fun) 1：template： 1

数据

ajax

动态

function

false

原创 2011-11-09 20:21:00 1153 阅读 1收藏

JQuery模板插件-jquery.tmpl

在下面介绍一款jQuery的模板插件 tmpl，是由微软想jQuery官方贡献的模板插件，网址：http://api.jquery.com/jquery.tmpl/。 Tmpl提供了几种tag： ${}：等同于{{=}}，是输出变量，通过了html编码的。 `html`:输出变量html,但是没有html编码，适合输出html代码。

微软

职场

html

休闲

jquery

原创 2011-10-09 20:48:00 1360 阅读 1收藏

jQuery右键菜单contextMenu实例

好久没写博客了，今天简单介绍一款jQuery鼠标右键菜单contextMenu，这里首先要感谢我的漫漫程序之旅（原文http://www.blogjava.net/supercrsky/articles/250091.html）。在最近项目中需要频繁的右键菜单操作。我采用了contextMenu这款jQuery插

鼠标

程序

博客

休闲

菜单

原创 2011-09-28 20:53:00 1317 阅读

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

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

51CTO博客

破狼