Angular.js

2024年5月19日 139次阅读来源: 掘金

强推! angular 模块依赖分析可视化哦

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

Angular.js 指令中的属性

下面通过一些简单的示例说明 Angular 指令中属性的值的获取方式以及函数的使用。

用 Electron 和 Angular.js 写一个桌面应用

Auth0 出的优质教程，教你如何用 Angular.js 开发一个基于 Electron 的桌面应用

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.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.

彻底弄懂 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：factory，service 与 provider 的区别

作者带领大家一起来认识 factory，service 与 provider 的区别。

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 多项目共享子项目实践之路

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 。