Angular.js

拓拔浩阔
2023-12-01

强推! 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....

 类似资料: