Angular.js

強推! angular 模塊依賴分析 可視化哦

Create graphs of your angular projects using angular-architecture-graph.

Angular.js 指令中的屬性

下面經過一些簡單的示例說明 Angular 指令中屬性的值的獲取方式以及函數的使用。

掌握 Angular2 的依賴注入

Master Angular2 Series

Angular 1.x 和 ES6 的結合

Angular 1.x 和 ES6 的結合

用 Electron 和 Angular.js 寫一個桌面應用

Auth0 出的優質教程，教你如何用 Angular.js 開發一個基於 Electron 的桌面應用

用 Docker 搭建 Angular 前端應用

最佳 Docker 實踐

Using Angular 1.x With ES6 and Webpack

new workflow for Angular 1.x with ES6.

使用 angularjs 建立一個 CRUD 應用 - SegmentFault

大量的單頁應用都有 CRUD 操做。若是你使用 angularjs 建立一個 CRUD 操做，那麼你能夠利用 $resource 服務的優點。創建在 $http 服務之上，angularjs 的 $resource 是一個 factory , 這樣使先後端使用 RESTful 標準進行交互變得簡單。因此，咱們一塊兒探索一下 $resource, 而且在 angular 中實現 CRUD 的操做。

angular+node 模擬 cookie 校驗帳戶登陸

文章主要介紹在 node 模擬的服務下，angular 項目使用 cookie 登陸會遇到的問題及解決

Angular.js 按需加載 Controller

angular 中級系列，須要有必定 angular 項目經驗，附帶 demo，誠意之做

如何在 Angular 中使用動畫

Demo 略叼，話題略高

十個由淺入深的 Angular.js 面試問題

雖然只有 10 個問題，可是覆蓋了 angular 開發中的各個方面，有基本的知識點，也有在開發過程當中碰見的問題，同時也有較爲開放性的問題去辨別面試者的基礎水準和項目經驗。

AngularJS 的服務

在 AngularJS 中有許多內置的標準化服務組件，同時咱們也能夠自定義服務組件。在 AngularJS 中全部 Service 服務組件都是經過依賴注入進行管理的。

angular應用如何實現按需加載

咱們有個系統是用angular開發的，是一個單頁面應用，隨着系統的迭代，首屏代碼已通過於龐大，因此對系統進行改造。

ES6 Angular Webpack

Essential materials on WebPack, React, WebComponents and Angular 1 / 2. and advanced architecture.

angular 過濾器解析

這個前端要搞事，angular 過濾器解析

完全弄懂 AngularJS 中的 transclusion

AngularJS 中指令的重要性是不言而喻的，指令讓咱們能夠建立本身的 HTML 標記，它將自定義元素變成了一個一個的模塊，極大的體現了前端開發中的模塊化模式，並提升了代碼的易讀性和重用性。AngularJS 中的指令也是學習 AngularJS 中的一個難點所在，其中的許多屬性，須要反覆學習，認真體會，方能領悟其中的精妙之處。

單頁面應用後臺渲染的三次實踐

或許這是一個好的主題，又或許這不是一個好的主題。可是至少我能夠 Share 一下個人經驗：

基於 Mustache 模板引擎的先後臺渲染。

基於 PreRender 方式的 Angular.js 應用的後臺渲染

服務端渲染的 React

開始以前，我但願即便大家須要後臺渲染，大家也應該先後端分離！

高效快速地加載 AngularJS 視圖

當 AngularJS 應用程序變大時，不少問題就開始顯現出來了，好比多層級視圖的加載問題，若是在子視圖顯示以前沒有預加載，則可能在須要展現時，發生視覺閃爍的狀況。這種問題在網絡緩慢，或者服務器使用較慢的 https 鏈接時更容易出現。

angular-webpack-cookbook

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.

MEAN棧單頁面應用起點項目

本項目能夠做爲使用 MongoDB + Express4 + AngularJS + Node.js 技術棧的單頁面應用的起始項目，該起點項目最小化了服務端代碼，遵循了AngularJS的風格規範。

使用 AngularJS & NodeJS 實現基於 token 的認證應用

認證是任何 web 應用中不可或缺的一部分。在這個教程中，咱們會討論基於 token 的認證系統以及它和傳統的登陸系統的不一樣。這篇教程的末尾，你會看到一個使用 AngularJS 和 NodeJS 構建的完整的應用。

NgReact - React Components in Angular

在 Angular.js 裏使用 React Components。我想大家確定等它一段時間了呢！

利用 webpack-prerender-spa-plugin 加速顯示單頁面應用

配合 Server-side Render 等技術，能夠達到比較理想的加載顯示速度。靜態化以後，能夠直接配置 Nginx 訪問，減輕 Node.js 服務器的壓力。

Angular 的自動化測試

當 Angular 項目的規模到達必定的程度，就須要進行測試工做了。本文着重介紹關於 ng 的測試部分，主要包括如下三個方面：

框架的選擇（Karma+Jasmine）
測試的分類和選擇（單元測試 + 端到端測試）
在 ng 中各個模塊如何編寫測試用例

AngularJS 中 Provider 的用法及區別

AngularJS 中 Provider 的用法及區別

AngularJS：factory，service 與 provider 的區別

做者帶領你們一塊兒來認識 factory，service 與 provider 的區別。

AngularJS Directive 隔離 Scope 數據交互

AngularJS Directive 隔離 Scope 數據交互

AngularJS 框架進階：如何用 Angular 寫界面

本篇文章整理自汪志成 4 月 11 日在『ITA1024 前端精英羣』裏的分享主題：AngularJS 框架進階：如何用 Angular 寫界面

先後端分離以前端項目構建（grunt+require+angular）

前段時間在公司作了一個項目，先後端的合做方式是這樣的：前端開發頁面，而後把代碼給到後端同窗，後端同窗經過 java 的 vm 模板來渲染頁面。慢慢的我發現，這種方式簡直是太 low 了，由於全部的前端代碼都揉在服務端同窗那裏，而每次項目須要更新，甚至只是頁面微調，只要服務端同窗說他不懂，或者是沒有時間，咱們前端同窗就要屁顛屁顛的跑去他那裏配合他修改代碼，維護成本高，賣力不討好 ==，那咱們到底該怎麼辦呢？

深刻剖析大型 Angular 應用

如何設計一個大型的 angular.js 應用呢，裏面有哪些須要注意的地方？來看看這位開發者的經驗總結。

Angular 應用根據環境變量切換不一樣的後端 API

在 Angular 項目在實際運用中，咱們的項目須要根據不一樣的開發要求，對接不一樣後端 API。怎麼經過單一的 Docker image 實現對接不一樣的後端 API 呢？咱們基於 用 Docker 搭建 Angular 前端應用 來作一些改進。

從 JavaScript 繼承提及, 深刻理解 Angular Scope 繼承關係

做者帶領你們回顧 javascript 中出現的原型繼承, 並深刻理解 Angular Scope 繼承關係。

angular 1.x 多項目共享子項目實踐之路

angular 1.x 多項目共享子項目實踐之路

angularjs 利用 ui-route 異步加載組件

angularjs 利用 ui-route 異步加載組件。ui-route 相比於 angularjs 的原生視圖路由更好地支持了路由嵌套，狀態轉移等等。隨着視圖不斷增長，打包的 js 體積也會愈來愈大，好比我在應用裏面用到了 wangeditor 裏面單獨依賴的 jquery 就 300 多 k。異步加載各個組件就頗有必要。在這裏我就以 ui-route 爲框架來進行異步加載說明。

Angular.js 實現基於角色的前端訪問控制

Angular.js 單頁應用實現前端的訪問控制，包括 Url 路由層與界面元素層

【譯】使用 AngularJS 和 Electron 構建桌面應用

Electron 豐富的原生 API 使咱們可以在頁面中直接使用 JavaScript 獲取原生的內容。這個教程向咱們展現瞭如何使用 Angular 和 Electron 構建一個桌面應用。下面是本教程的全部步驟：建立一個簡單的 Electron 應用、使用 Visual Studio Code 編輯器管理咱們的項目和任務、使用 Electron 開發（原文爲 Integrate）一個 Angular 顧客管理應用（Angular Customer Manager App）、使用 Gulp 任務構建咱們的應用，並生成安裝包。

從用 AngularJS 開發 PC 客戶端提及

做者之前主要是用 PHP 開發服務端的，最近一個多月一直在用 AngularJS 作公司的一個項目，這裏記錄其調研、選型及優缺點。

用 ES6 編寫 AngularJS 程序是怎樣一種體驗

隨着各類現代瀏覽器、以及 node 對 ES6 的支持，已經有愈來愈多的 ES6 特性能夠在程序中使用，給開發過程帶來的便利不言而喻。

[[譯] 經過 Webpack 實現 AngularJS 的延遲加載](https://juejin.im/entry/56d65...

如何讓你的應用程序實現延遲加載？它基本上是分紅兩件事情。把你的模塊拆分紅小塊，並實施一些機制，容許按需加載這些塊。聽起來彷佛有不少工做量，不是嗎？若是你使用 Webpack 的話，就不會這樣。它支持開箱即用的代碼分割特性。在這篇文章中我假定你熟悉 Webpack，但若是你不會的話，這裏有一篇介紹 。爲了長話短說，咱們也將使用 AngularUI Router 和 ocLazyLoad 。

一個 copy 知乎的 JS 棧項目

利用 mean 技術棧完成

ngularjs 與 weui 的握手

不久前，微信推出了本身的一套 UI，我看有不少開發者將其套用在了一些前端框架中，好比 react、vue。最近本身在學習 Angularjs，因此，也想把這個 UI 整合到這個框架，這幾天試了一下，簡單的套用了一個功能，如今分享給你們，分離作的很差，請高手指點。

AngularJS 快速入門指南推薦

AngularJS 是很是棒的 JS 框架，可以建立功能強大，動態功能的 Web app。本文介紹了 AngularJS 快速入門指南推薦。

angular-es2015-styleguide

Angular (v 1.x) with ES2015 Style Guide: A starting point for Angular development teams to provide consistency through good practices.

最受歡迎的 AngularJS 開發工具

爲了減小使用 AngularJS 開發的負擔，這兒有 20 款最新的工具，主要涉及測試、前端開發、IDE 編輯器、文本編輯器、優秀庫、模塊、擴展、代碼生成器、網格工具等等。

彎道超車！後端程序員的 angular 快速指南

前端領域如火如荼，工資水平也水漲船高。做爲後端程序員的你，羨慕嗎？但羨慕是沒用的，更別提嫉妒恨了。古人曰：與其臨淵羨魚，不如退而結網。接下來，我不但要教你結網，還要教你後端程序員彎道超車的祕訣。

Angularjs 實現 mvvm 式選項卡效果

乾貨

18 個驚人的 Angular 開源項目

在本文中，咱們從 550 個使用 Angular1.x 和 Angular 2 構建的開源項目中精選了前 18 個，與你們分享。前端開發者們，看看有木有你喜歡的。（Angular 1.x 與 Angular 2 項目各佔一半）

理解 Angular 中的 $digest() 和 $apply()

本文的目的就是爲了和你解釋，在你的日復一日使用 AngularJS 編寫代碼的過程當中， $digest() 和 $apply() 是如何確確實實的對你有用的。

Gitflow標準工做流&Gulp構建AngularJS項目規範(視頻）

大搜車前端團隊每週例行分享會，本週主要是兩個主題三個分享，視頻形式。

使用 ES2015 開發 Angular1.x 應用指南

Angular 的編碼風格以及架構已經使用 ES2015 進行重寫, 這些在 Angular 1.5+ 的變化能夠更好幫助您的更好的升級到 Angular2。這份指南包括了新的單向數據流，事件委託，組件架構和組件路由。

Angular1.x + ES6 開發風格指南

只在最必要的時候用 NG....