angularjs

Redu 入门

个人博客,欢迎来访!状态管理,第一次听到这个词要追溯到去年年底。那时,Flux 红透半边天,而 Reflux 也是风华正茂。然而,前一阵一直在忙其他的事,一直没时间学学这两个库,到现在 Redux 似乎又有一统天下的趋势。那就来看看,Redux 是凭借什么做到异军突起的。What's ReduxRedux 是一个 JavaScript 应用状态管理的库,它帮助你编写行为一致

AngularJS自定义表单验证

Angular实现了大部分常用的HTML5的表单控件的类型(text, number, url, email, date, radio, checkbox),也实现了很多指令做为验证(required, pattern, minlength, maxlength, min, max)。在自定义的指令中,我们可以添加我们的验证方法到ngModelController的$val

阿拉伯-汉字-数字转换

说明本文实现了一个从阿拉伯数字到中文数字,以及从中文数字到阿拉伯数字的转换算法。同时用Vuejs和Angularjs同时实现了一遍,对比了一下这两个框架的优劣。在本例中,Vuejs的方便灵活性完胜Angularjs。源代码在这里阿拉伯数字转中文给定一个阿拉伯数字,把它转变为汉语表示的数字。算法根据中文的计数方法,可以把阿拉伯数字按4个一组分成若干section,每个sect

AngularJS表单验证

表单网页中用户于服务端交互数据的表单控件有input、select、textarea,而表单是将为了达到一个目的(登录、注册等)各种控件整合到一起的一个集合。表单和其中的表单控件提供了验证服务,可以让用户在提交(一般在点击类型为submit的按钮时提交)表单前意识到自己有非法(不符合要求,以下都将称为非法)的输入。这种验证方式(客户端验证)提供了比单独的服务端验证更好的用户

AngularJS的核心对象angular上的方法全面解析(AngularJS全局API)

总结一下AngularJS的核心对象angular上的方法,也帮助自己学习一下平时工作中没怎么用到的方法,看能不能提高开发效率。我当前使用的Angularjs版本是1.5.5也是目前最新的稳定版本,不过在全局API上,版本不同也没什么区别。AngularJS 全局 API列表elementbootstrapcopyextendmergeequalsforEachnoopbi

[译] 如何对 Angular Controller 进行单元测试

原文地址:http://www.bradoncode.com/blog/2015/05/17/angularjs-testing-controller/@Bradley Braithwaite 上面一篇文章简单介绍了如何使用 Jasmine 进行JavaScript的单元测试我们用了一段简单的代码进行计算的测试。接下来我们将其延伸到我们对Angular Controller

[译]使用karma进行angular测试

紧随前文如何对Angular Controller进行单元测试,但是我们也提到了前文工作流程的不方便,简单总结上前文进行测试的一个流程:修改测试代码;刷新浏览器;查看测试结果;该方法最大的缺陷就是,我们每次都得手动的去刷新我们的浏览器。但是如果我们需要测试不同的浏览器我们又应该如何处理呢?而本文将提出一个自动化测试的方案,从而解决这些问题。关于KarmaKarma是一个由A

如何在前端开发中增加编码效率,这里有十款 Chrome 扩展可以帮你

对于前端开发者来说,Chrome 浏览器绝对是开发过程中不可缺少的利器:不仅仅是因为 Chrome 自带的功能强大的 devtool,更是因为 Chrome 有着各种好用的前端语言调试工具以及诸如 EnjoyCSS、LiveReload 等这类能够提高你编码效率的强大扩展。我们就整理了十款前端开发相关的 Chrome 插件,在这里推荐给你。1. 掘金 Chrome 插件对于

使用web方式开发cordova(ionic)应用即时聊天(im)功能(1)

最近在用ionic做一个app的时候,客户那边有即时聊天的需求,需要可以发文本、语音、图片和地理位置。为了快速开发,所以选择了采用第三方的库来开发,国内这方面做的比较好的有融云、野狗和leanCloud,最后选择了融云来做,理由有:我的需求都在他们的免费服务里,我不需要交钱(〃^∇^)ぇ∧∧∧っ看了下文档(web)足够简单,接口很清晰他们的技术工作人员服务很到位,我在他们的

AngularJS 指令入门

指令是运行在特定 dom 元素上的函数,用来扩展元素的功能。一个简版的 directive 的形式是这样的app.directive('myDirective', myDirective);myDirective.$inject = [];function myDirective(){return {restrict: "AE",template: ''scope: {},