Tagged

AngularJS

A collection of 5 posts

AngularJS 1 教程
AngularJS

AngularJS 1 教程

为什么需要前端框架 随着浏览器性能提升,更多Web Page演变为Web App,特别是在中大型的项目中,就需要一个 前端框架 来: 解耦应用的逻辑,数据模型,和界面视图 更加方便的多人协作 基本组件的抽离复用 相对低成本的性能保证 方便测试 …… 为什么2016年的今天仍然可以学习Angular 1 眼下潮流的框架太过于现代,入门门槛过高,学习React,Vue 2,Angular 2,需要首先学习npm、webpack、jsx、ES6、甚至Typescript。而且变化非常快,一些需要写前端的后端人员可能力不从心😂 而学习AngularJS 1 只需要基础的前端知识即可,Angular 1 属于经典的MVC类框架,API已经非常稳定,社区成熟,对低版本浏览器支持好(1.2以前版本支持IE6),性能依然满足大部分场景。 和jQuery 的不同 jQuery是库,面向DOM,Angular 面向模型,

AngularJS

使用gulp压缩合并AngularJS项目中js

AngularJS项目中js众多,上线的时候压缩合并下还是很有必要的^_^ 在此之前如果不了解gulp,推荐访问Gulp开发教程(翻译)。 值得注意的是,一般书写时按照简写的格式: angular.module("MyMod").controller("MyCtrl", function($scope, $timeout) { }); 但是压缩js会破快AngularJS文件所需的依赖注入,以至于无法工作,因此压缩前你需要将代码手动修改为下面的形式: angular.module("MyMod").controller("MyCtrl", ["$scope", "$timeout", function($scope, $timeout) { }]); 在此着重介绍下ng-annotate这个项目,它会自动帮你做这件事$_$,这个项目正好提供了gulp的插件,因此顺理成章: var gulp = require('gulp'); var ngAnnotate

用Ionic开发hybrid APP
AngularJS

用Ionic开发hybrid APP

使用phonegap开发APP的优劣在此不必细说,快速,简单,跨平台,以及随着iOS,Android本身对webview优化所带来的不错的性能,便是其独有的优势。而且私以为在目前激烈而又变化快速的移动APP市场环境下,用phonegap来开发APP未尝不是一种低成本mvp的方案,快速发布,成王败寇^-^ 为什么选用ionic 其中ionicframework便是phonegap开发hybrid APP技术中的一员新秀,甚至可以说是一员虎将,而且免费且开源。 Ionic的优势非常显著: 性能优异 基于红的发紫AngularJs 漂亮的UI 强大的命令行(基于更热门的nodejs) 开发团队非常活跃, 相关配套非常齐全: 相对充足的学习资料,Learn Iconic,The Iconic book ngcordova,将主流的Cordova API或者Cordova插件封装为AngularJS扩展,使用非常方便。 开源免费的webfont icon库ionicons,基本满足你icon需求。 甚至最近开发出的可视化开发工具Ionic Creator 最后便是至关重要的,异常活跃的在线社区。 安装使用 官网的使用教程完全足够。 $ npm install -g cordova ionic $ ionic

$q

[译]用漫画来解说AngularJs中的Promises

早上,父亲对儿子说:“儿子,去给我预报下天气!” 每一个晴天,父亲都会让他儿子带上他强劲的望远镜,爬山房子附近最高的山顶去查看地平线来预报下午的天气。儿子对他的父亲承诺他会去并且获取到天气预报,在他离开之前他对他的父亲做出了承诺。 在那个时候,父亲会判断明天是否是个好天气,他要准备明日的钓鱼。如果天气不好,他就不会去钓鱼,同时,如果他的儿子没能得到天气预报,他同样会呆在家里。 30分钟之后,他儿子回来了。不同的事情周而复始的发生着: 结果A) 得到了天气预报!晴天:-) 儿子成功的拿到了天气预报,蓝蓝的天空是个晴天!,承诺履行了(儿子遵守了他的诺言),父亲决定周日去钓鱼。 结果B) 得到了天气预报!乌云密布,有雨:-( 儿子成功的拿到了天气预报,但是看起来乌云密布要下雨!,承诺履行了,父亲因为坏天气决定呆在家里。 结果C) 没能拿到天气预报:-/ 儿子没能拿到天气预报,遇到了点麻烦;雾太大了在山上看不到天气怎么样。儿子离家前做出的承诺没能遵守!父亲决定呆在家,不值得冒险。 这如何在代码中表达? 在这种场景中父亲控制着逻辑,父亲把儿子作为一种服务来对待。

AngularJS

[译]探索Angular 1.3 的单次绑定(one -time bindings)

译文:英文原文 激动人心的时刻到了,Angular 1.3终于发布了,附带了大量的新功能、bug修复、改进当然也有不足。因为这些新的东西,我们想通过一系列的博文详解主要的功能和改进来让新的版本更快的让大家适应。这是“探索Angular 1.3”系列的第一篇,包含了有史以来最重要的功能:单次绑定(one-time binding)。 等等!Angular的数据绑定不是自动和Ui保持同步么?是的,确实是的,这确实很棒。然而,为了实现数据绑定,Angular需要时刻监听相关的值,这就导致了性能问题,而单次绑定就是为此而生。在我们探究单次绑定之前,来让我们先了解了解Angular中数据绑定(databing)和监控器(watcher)的概念。 理解数据绑定和观察者 为了实现数据绑定,Angular使用$watch API来监听作用域(scope)中模型(model)的变化。你的应用代码决定了作用域到底是什么到底从哪里。如果你没有创建子作用域,例如通过ngController指令来连接你的DOM和你实际控制器(controller)代码,