Angular.js

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

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


Angular.js 指令中的属性

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

前端

掌握 Angular2 的依赖注入

Master Angular2 Series

vue

Angular 1.x 和 ES6 的结合

Angular 1.x 和 ES6 的结合

java

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

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

node

用 Docker 搭建 Angular 前端应用

最佳 Docker 实践

react

Using Angular 1.x With ES6 and Webpack

new workflow for Angular 1.x with ES6.

jquery

使用 angularjs 建立一个 CRUD 应用 - SegmentFault

大量的单页应用都有 CRUD 操做。若是你使用 angularjs 建立一个 CRUD 操做,那么你能够利用 $resource 服务的优点。创建在 $http 服务之上,angularjs 的 $resource 是一个 factory , 这样使先后端使用 RESTful 标准进行交互变得简单。因此,咱们一块儿探索一下 $resource, 而且在 angular 中实现 CRUD 的操做。

webpack

angular+node 模拟 cookie 校验帐户登陆

文章主要介绍在 node 模拟的服务下,angular 项目使用 cookie 登陆会遇到的问题及解决

程序员

Angular.js 按需加载 Controller

angular 中级系列,须要有必定 angular 项目经验,附带 demo,诚意之做

angularjs

如何在 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....

相关文章
相关标签/搜索