共有 2 人关注 标签:AngularJS,共有 22 篇文章

...
使用(TreeShaking)摇树优化你的 Angular2 项目 【79%】

免责声明: 正如Ben Elliot所指出的,UglifyJs插件是用于Webpack的构建过程中的,因为这些它不能移除未使用的Typescript类 ,转换的时候,使用IIFE实现。 在这篇文章中提到的Bundle的大小不能真正的反应摇树优化但确是最小的。为了能够真正的运用摇树优化,我们需要使用一个不同的模块rollup。 在这篇文章的代码库中引用rollup来替代webpack2,产生一...

计算机/ @zhongzhong
...
Angular 预编译(AOT) 【已翻译】

最近我在angular-种子项目中添加了预编译支持(AoT)并且有很多关于新特性的问题。为了回答大多数问题,我将从头开始解释以下主题。 在Angular中为什么需要编译? 什么东西需要编译? 它是如何被编译的? 编译发生的时机? 即时编译 (JiT) VS预编译 (AoT)。 我们将从AoT中得到什么? AoT编译是如何工作的? 使用AoT和JiT我们失去了什么? 在Angular中我们为什...

计算机/ @zhongzhong, @vincentsun, @爱上星云
...
在 Angular2 中如何实现自定义校验指令(确认密码) 【已翻译】

#介绍 Angular 2 支持的几个非常有用的本地校验器: required: 验证字段是否强制(不能为空) minlength: 验证字段的最小长度 maxlength: 验证字段的最大长度 pattern: 验证输入的值是否符合定义的正则表达式, 例如 邮箱 我们将基于这个接口构建一个表单用来获取用户信息:

计算机/ @zhongzhong
...
Angular2 和 Rxjs : 一个简单的带搜索功能的列表 【已翻译】

Angular2 和 Rxjs : 一个简单的带搜索功能的列表 MAY 15, 2016 介绍 有必要介绍一下背景,我有一段很长的时间非常痛苦,脑海里总是被响应式和功能性方法环绕着。 我读了一些教程和试图去应用一点 Rxjs但是都没有太大的成功。当然,我成功的完成了基本的东西,但是却没有真正的理解。 在这段时间里,我告诉自己必须结束这些。像任何计算机科学,如果你只是一个模仿者, 这意味着什么...

计算机/ @zhongzhong, @CY2
...
使用 Angular 2 构建嵌套组件 【已翻译】

下载源码 - 3.3 KB 介绍 在这篇文章中, 我们将探讨如何使用Angular2框架来创建嵌套组件并将数据从父组件传递到子组件。 在阅读这篇文章之前, 我建议阅读我的前两篇文章,以便更好地理解。 这篇文章引用了之前的文章的源代码在 这里。 我想在这篇文章上得到反馈.。请随时分享您的意见或您也可以给我发电子邮件 shettyashwin@outlook.com。 如果你喜欢这篇文章,请不要...

计算机/ @zhongzhong
...
Angular 2 和 React 开发对比 - Angular Class 【已翻译】

Angular已经来了,又是时候放下一切来学一些新东西了。好消息是,和 React 以及 Angular 1.x版本一样,Angular 2将会流行一段时间,因此学习使用这个新框架来更加有效率的工作是一个不错的打算,值得去学习。React 最近非常火热,原因在于使用它编写现代web apps的方式非常不错。这篇文章主要是为了那些使用 react 仍然一头雾水渴望去轻松过度到使用Angular...

计算机/ @physihan, @zhongzhong, @CY2, @小吕, @toypipi
...
为 Angular 2 创建一个简单响应存储库 —— Angular类 【已翻译】

Angular 2对许多特性使用了observables ,并且使用了observables 的API都非常健壮,这些api对应的依赖于Rxjs。 在现代应用中,社区采用单一的存储方式处理状态。 让我们使用Rxjs为我们的Angular应用创建一个响应式的易于使用的Store。 单一Store是一个最佳实践 我们将创建一个Store,在我们的应用中这是唯一的一个Store。通过这样做, 我们...

计算机/ @zhongzhong
...
Angular 2 教程 —— 使用 Angular CLI 创建一个 CRUD 应用 【已翻译】

本文由客座作者Todd Motto和Jurgen Van de Moere撰写。 SitePoint客座文章旨在为您带来由杰出作家和JavaScript社区演讲者创作的有吸引力的内容。 2016.12.20:本文根据读者反馈进行了修订,并使用Angular 2的当前发行版。 这是一个由4部分组成的关于如何在Angular 2中编写Todo应用程序的系列教程中的第一篇文章: 第1部分 - 启动...

计算机/ @toypipi, @awsd, @zhongzhong, @班纳睿
...
动态构建 Angular 2 组件:一个对话框示例 【已翻译】

在运行时动态创建一个组件是非常少见的, 到目前为止你应该没有在angular2官方的文档中看到过这样的例子.在这篇文章中,我们通过一个例子来填补这个空白.. 如果你想在angular2运行时动态创建一个组件,对话框组件会是一个很好的例子.如果你的应用像他们一样非常多 (比如 Lucidchart )(译者注:一个在线绘制流程图的工具), 然后你就会觉得像在写一个巨型的 , 所以动态构建会是一...

计算机/ @zhongzhong
...
Angular 2 到底有没有比 React 牛逼? 【已翻译】

目前,Anguar 2和React是最受欢迎的前端框架和库,正在改变web开发领域。尽管如此,二者并不相关,因为Angular是一个框架,而React是一个库,仅仅是MVC中的View层。 在我的上一篇文章(Angular.JS VS React)中,我也彻底地解释了二者的不同。现在我们都知道,Angular 2已经改变了web开发(web development)。Angular 2整个框...

计算机/ @度衡, @tangmisi
...
使用 ASP.NET MVC 和 AngularJS 实现酒店预订系统 【67%】

在这篇文章中,我们将学习如何创建一个简单的基于web的酒店房间预订系统, 使用 MVC, AngularJS, 和 WebAPI。 下载 MVCAngularHotelBooking.zip - 2.4 MB 介绍 在这篇文章中,我们将学习如何创建一个简单的基于web的酒店房间预订系统, 使用 MVC, AngularJS, 和 WebAPI。 什么是SHANU酒店房间预订? SHANU 酒...

计算机/ @zhongzhong, @CY2
...
初步了解 Angular 2 端到端测试 【已翻译】

对于为什么要为我们的应用程序添加自动化测试,在过去我已经阐述过很多充分的理由了。其中一个原因就是效益和时间成本的取舍衡量我们很多时候是未知的,另外一个担忧就是很难把测试集成到现有的应用产品中去,我们怎样才能够无需重写代码仅仅引入测试就实达到测试产品的目标呢? 让我们先简要地甄别几种罗列在这里的测试方法。在各种各样的测试方法中最常见的两种就是单元测试和端到端测试(端到端测试也被称为集成测试)。...

计算机/ @gafeng, @薯片番茄
...
在ASP.NET内核认证你的Web API和Angular2 【已翻译】

如果你只知道传统的ASP.NET的方法,一个单页应用的认证对你来说是稍微更特别。可以理解为这个app应用是一个完全独立的app应用像一个移动的app有帮助。基于令牌的认证对于这类app应用来说是最好的解决办法。这一次,我将会试着描绘出一高水平的综述并且展示一个简单的解决方法。 简介 正如我上一次写关于angular2和asp.net的核心,我减少asp.net核心http服务,来提供基于js...

计算机/ @黑夜与繁星, @zhongzhong
...
使用 @NgModule 来管理 Angular 2 应用依赖 【已翻译】

最终2.0版本的发布标志着Angular 2正式到达一个里程碑式的阶段 ,在过去短短几个星期之内已经发布了5个候选版本,引入了众多新的特性,这使得开发者更加容易开发运行得更快更稳定的Angular 2应用。有以下新特性:路由支持延迟加载,组件和服务提前编译,一个全新改进的表单模块和一个叫做@NgModule的装饰器。 在你的Angular 2应用中,NgModule 旨在简化定义和管理依赖的...

计算机/ @gafeng, @zhongzhong
...
AngularJS 和 ReactJS 的优劣比较 【已翻译】

AngularJS是谷歌维护的项目,而reactjs出自facebook。他们都独一无二,有丰富资源。这些框架是非常容易使用,有用于建立尖端的移动和Web应用程序的可能性。然而,他们也有不同,由此,引出了今天讨论的话题:‘AngularJS与reactjs:哪个更好?’ 在比较二者的不同之前,我们先看他们的共同点。下面是他们都提供的基本功能: JavaScript:对二者来说, JavaSc...

计算机/ @ypddw, @度衡
...
AngularJS 的 ng-src 指令使用介绍 【已翻译】

介绍 在开发工作中,有很多需求是在一个页面上显示一些图片。有时,图片的地址路径是由客户端的脚本来设置(它有可能是从数据库中获取的)。 这是Angularjs的时代,当我们想使用Angularjs来实现在页面中展示图片,我们会简单使用: <img src=”path of image”>. 如果我们只考虑展示,毫无疑问它没问题,但是在浏览器的控制台中会显示一个 404 (not found) ...

计算机/ @luke, @coyee
...
Angular CLI 与 Angular 2 (RC5)的入门和测试 — 第一部分 【已翻译】

我开始创建Angular 2应用程序的时候,Angular 2还是测试版(回到3个月前)。 为了跟上Angular 2的变化,我在6月份写了一个关于使用RC1开发的教程 。但在本月的早些时候发布了RC5,许多事情再次改变 。 我认为Scott Davis在推文中总结得很好。 他们一直在说 “候选版本”,但我并不认为这代表着他们真正想要的含义... /cc #angular2#rc5https...

计算机/ @tony
...
Angular 2 全新的表单 API 尝鲜 【已翻译】

Angular 2 实现了全新的表单 API。这是一个非常新的内容,但是文档非常少。Gerard Sans 和 Wassim Chegham 在 Google Hangout 上组织了一个 @angular_zone 分享活动,邀请 Angular 表单 API 的核心贡献者 Kara Erickson 。下面视频是这次分享的录像,本文是我们对这个分享视频的内容进行了整理。 视频地址(需要科...

计算机/ @coyee
...
使用 TypeScript 开发 Angular 2 应用 【已翻译】

源码下载 - 9.4 MB 简介 本文讨论了如何使用 Visual Studio Professional 2015 进行 Angular 2 开发和生产部署,是《使用 Visual Studio 2015 开发和部署 Angular 2 应用》的后续文章。 上一篇文章介绍了使用 Gulp 进行Angular 2 应用开发和产品发布打包,包含绑定和注入HTML 模板到 Angular 2 的...

计算机/ @luke, @coyee
...
使用 Visual Studio 2015 开发和部署 Angular 2 应用 【未翻译】

Download source - 9.4 MB Introduction As a teenager I loved playing the arcade video game Space Invaders; created and released in 1978. It was one of the forerunners of modern video gaming and help...

计算机/ @CY2
...
我最喜欢的 20 个 Angular JS 开发工具 【已翻译】

AngularJS 是那些想要以动态形式开发web应用的开发者最喜欢的框架之一。如果你是一个开发者希望基于AngularJS启动一个项目,你需要筛选众多的工具。 为了减少使用AngularJS开发的负担,这儿有20款最新的工具,主要涉及测试、前端开发、IDE编辑器、文本编辑器、优秀库、模块、扩展、代码生成器、网格工具等等。 我首先会按其作用呈现三款最喜欢的AngularJS测试框架:

计算机/ @苏州小浮云, @luke
...
为什么 Angular 2 改用 TypeScript 语言实现 【已翻译】

Angular 2 使用 TypeScript 来开发。在这篇文章中我将谈到为我们为何做了这样一个决定。我也将分享我使用 TypeScript 的经验:它是如何影响我代码的编写和代码的重构。 我喜爱 TypeScript,但你不需要勉强 尽管 Angular 2 默认使用 TypeScript 进行开发,你也不必用它来编写 Angular 2 程序。这个框架同样支持 ES5,ES6 和 Da...

计算机/ @learner, @康文, @toypipi, @度衡