Create graphs of your angular projects using angular-architecture-graph.javascript
下面经过一些简单的示例说明 Angular 指令中属性的值的获取方式以及函数的使用。
前端
Master Angular2 Series
vue
Angular 1.x 和 ES6 的结合
java
Auth0 出的优质教程,教你如何用 Angular.js 开发一个基于 Electron 的桌面应用
node
最佳 Docker 实践
react
new workflow for Angular 1.x with ES6.
jquery
大量的单页应用都有 CRUD 操做。若是你使用 angularjs 建立一个 CRUD 操做,那么你能够利用 $resource 服务的优点。创建在 $http 服务之上,angularjs 的 $resource 是一个 factory , 这样使先后端使用 RESTful 标准进行交互变得简单。因此,咱们一块儿探索一下 $resource, 而且在 angular 中实现 CRUD 的操做。
webpack
文章主要介绍在 node 模拟的服务下,angular 项目使用 cookie 登陆会遇到的问题及解决
程序员
angular 中级系列,须要有必定 angular 项目经验,附带 demo,诚意之做
angularjs
Demo 略叼,话题略高
虽然只有 10 个问题,可是覆盖了 angular 开发中的各个方面,有基本的知识点,也有在开发过程当中碰见的问题,同时也有较为开放性的问题去辨别面试者的基础水准和项目经验。
在 AngularJS 中有许多内置的标准化服务组件,同时咱们也能够自定义服务组件。在 AngularJS 中全部 Service 服务组件都是经过依赖注入进行管理的。
咱们有个系统是用angular开发的,是一个单页面应用,随着系统的迭代,首屏代码已通过于庞大,因此对系统进行改造。
Essential materials on WebPack, React, WebComponents and Angular 1 / 2. and advanced architecture.
这个前端要搞事,angular 过滤器解析
AngularJS 中指令的重要性是不言而喻的,指令让咱们能够建立本身的 HTML 标记,它将自定义元素变成了一个一个的模块,极大的体现了前端开发中的模块化模式,并提升了代码的易读性和重用性。AngularJS 中的指令也是学习 AngularJS 中的一个难点所在,其中的许多属性,须要反复学习,认真体会,方能领悟其中的精妙之处。
或许这是一个好的主题,又或许这不是一个好的主题。可是至少我能够 Share 一下个人经验:
基于 Mustache 模板引擎的先后台渲染。
基于 PreRender 方式的 Angular.js 应用的后台渲染
服务端渲染的 React
开始以前,我但愿即便大家须要后台渲染,大家也应该先后端分离!
当 AngularJS 应用程序变大时,不少问题就开始显现出来了,好比多层级视图的加载问题,若是在子视图显示以前没有预加载,则可能在须要展现时,发生视觉闪烁的状况。这种问题在网络缓慢,或者服务器使用较慢的 https 链接时更容易出现。
The purpose of this cookbook is to guide you into the world of Angular and Webpack. Both are powerful technologies and when used together, frontend development becomes a joy.
本项目能够做为使用 MongoDB + Express4 + AngularJS + Node.js 技术栈的单页面应用的起始项目,该起点项目最小化了服务端代码,遵循了AngularJS的风格规范。
认证是任何 web 应用中不可或缺的一部分。在这个教程中,咱们会讨论基于 token 的认证系统以及它和传统的登陆系统的不一样。这篇教程的末尾,你会看到一个使用 AngularJS 和 NodeJS 构建的完整的应用。
在 Angular.js 里使用 React Components。我想大家确定等它一段时间了呢!
配合 Server-side Render 等技术,能够达到比较理想的加载显示速度。静态化以后,能够直接配置 Nginx 访问,减轻 Node.js 服务器的压力。
当 Angular 项目的规模到达必定的程度,就须要进行测试工做了。本文着重介绍关于 ng 的测试部分,主要包括如下三个方面:
框架的选择(Karma+Jasmine)
测试的分类和选择(单元测试 + 端到端测试)
在 ng 中各个模块如何编写测试用例
AngularJS 中 Provider 的用法及区别
做者带领你们一块儿来认识 factory,service 与 provider 的区别。
AngularJS Directive 隔离 Scope 数据交互
本篇文章整理自汪志成 4 月 11 日在『ITA1024 前端精英群』里的分享主题:AngularJS 框架进阶:如何用 Angular 写界面
前段时间在公司作了一个项目,先后端的合做方式是这样的:前端开发页面,而后把代码给到后端同窗,后端同窗经过 java 的 vm 模板来渲染页面。慢慢的我发现,这种方式简直是太 low 了,由于全部的前端代码都揉在服务端同窗那里,而每次项目须要更新,甚至只是页面微调,只要服务端同窗说他不懂,或者是没有时间,咱们前端同窗就要屁颠屁颠的跑去他那里配合他修改代码,维护成本高,卖力不讨好 ==,那咱们到底该怎么办呢?
如何设计一个大型的 angular.js 应用呢,里面有哪些须要注意的地方?来看看这位开发者的经验总结。
在 Angular 项目在实际运用中,咱们的项目须要根据不一样的开发要求,对接不一样后端 API。怎么经过单一的 Docker image 实现对接不一样的后端 API 呢?咱们基于 用 Docker 搭建 Angular 前端应用 来作一些改进。
做者带领你们回顾 javascript 中出现的原型继承, 并深刻理解 Angular Scope 继承关系。
angular 1.x 多项目共享子项目实践之路
angularjs 利用 ui-route 异步加载组件。ui-route 相比于 angularjs 的原生视图路由更好地支持了路由嵌套,状态转移等等。随着视图不断增长,打包的 js 体积也会愈来愈大,好比我在应用里面用到了 wangeditor 里面单独依赖的 jquery 就 300 多 k。异步加载各个组件就颇有必要。在这里我就以 ui-route 为框架来进行异步加载说明。
Angular.js 单页应用实现前端的访问控制,包括 Url 路由层与界面元素层
Electron 丰富的原生 API 使咱们可以在页面中直接使用 JavaScript 获取原生的内容。这个教程向咱们展现了如何使用 Angular 和 Electron 构建一个桌面应用。下面是本教程的全部步骤:建立一个简单的 Electron 应用、使用 Visual Studio Code 编辑器管理咱们的项目和任务、使用 Electron 开发(原文为 Integrate)一个 Angular 顾客管理应用(Angular Customer Manager App)、使用 Gulp 任务构建咱们的应用,并生成安装包。
做者之前主要是用 PHP 开发服务端的,最近一个多月一直在用 AngularJS 作公司的一个项目,这里记录其调研、选型及优缺点。
随着各类现代浏览器、以及 node 对 ES6 的支持,已经有愈来愈多的 ES6 特性能够在程序中使用,给开发过程带来的便利不言而喻。
如何让你的应用程序实现延迟加载?它基本上是分红两件事情。把你的模块拆分红小块,并实施一些机制,容许按需加载这些块。听起来彷佛有不少工做量,不是吗?若是你使用 Webpack 的话,就不会这样。它支持开箱即用的代码分割特性。在这篇文章中我假定你熟悉 Webpack,但若是你不会的话,这里有一篇介绍 。为了长话短说,咱们也将使用 AngularUI Router 和 ocLazyLoad 。
利用 mean 技术栈完成
不久前,微信推出了本身的一套 UI,我看有不少开发者将其套用在了一些前端框架中,好比 react、vue。最近本身在学习 Angularjs,因此,也想把这个 UI 整合到这个框架,这几天试了一下,简单的套用了一个功能,如今分享给你们,分离作的很差,请高手指点。
AngularJS 是很是棒的 JS 框架,可以建立功能强大,动态功能的 Web app。本文介绍了 AngularJS 快速入门指南推荐。
Angular (v 1.x) with ES2015 Style Guide: A starting point for Angular development teams to provide consistency through good practices.
为了减小使用 AngularJS 开发的负担,这儿有 20 款最新的工具,主要涉及测试、前端开发、IDE 编辑器、文本编辑器、优秀库、模块、扩展、代码生成器、网格工具等等。
前端领域如火如荼,工资水平也水涨船高。做为后端程序员的你,羡慕吗?但羡慕是没用的,更别提嫉妒恨了。古人曰:与其临渊羡鱼,不如退而结网。接下来,我不但要教你结网,还要教你后端程序员弯道超车的秘诀。
干货
在本文中,咱们从 550 个使用 Angular1.x 和 Angular 2 构建的开源项目中精选了前 18 个,与你们分享。前端开发者们,看看有木有你喜欢的。(Angular 1.x 与 Angular 2 项目各占一半)
本文的目的就是为了和你解释,在你的日复一日使用 AngularJS 编写代码的过程当中, $digest() 和 $apply() 是如何确确实实的对你有用的。
大搜车前端团队每周例行分享会,本周主要是两个主题三个分享,视频形式。
Angular 的编码风格以及架构已经使用 ES2015 进行重写, 这些在 Angular 1.5+ 的变化能够更好帮助您的更好的升级到 Angular2。这份指南包括了新的单向数据流,事件委托,组件架构和组件路由。
只在最必要的时候用 NG....