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 Webpacknew 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 按需加载 Controllerangular 中级系列，需要有一定 angular 项目经验，附带 demo，诚意之作 如何在 Angular 中使用动画Demo 略叼，话题略高 十个由浅入深的 Angular.js 面试问题虽然只有 10 个问题，但是覆盖了 angular 开发中的各个方面，有基本的知识点，也有在开发过程中遇见的问题，同时也有较为开放性的问题去辨别面试者的基础水准和项目经验。 AngularJS 的服务在 AngularJS 中有许多内置的标准化服务组件，同时我们也可以自定义服务组件。在 AngularJS 中所有 Service 服务组件都是通过依赖注入进行管理的。 angular应用如何实现按需加载我们有个系统是用angular开发的，是一个单页面应用，随着系统的迭代，首屏代码已经过于庞大，所以对系统进行改造。 ES6 Angular WebpackEssential materials on WebPack,React,WebComponents and Angular 1 / 2. and advanced architecture. angular 过滤器解析这个前端要搞事，angular 过滤器解析 彻底弄懂 AngularJS 中的 transclusionAngularJS 中指令的重要性是不言而喻的，指令让我们可以创建自己的 HTML 标记，它将自定义元素变成了一个一个的模块，极大的体现了前端开发中的模块化模式，并提高了代码的易读性和重用性。AngularJS 中的指令也是学习 AngularJS 中的一个难点所在，其中的许多属性，需要反复学习，认真体会，方能领悟其中的精妙之处。 单页面应用后台渲染的三次实践或许这是一个好的主题，又或许这不是一个好的主题。但是至少我可以 Share 一下我的经验： 基于 Mustache 模板引擎的前后台渲染。 基于 PreRender 方式的 Angular.js 应用的后台渲染 服务端渲染的 React 开始之前，我希望即使你们需要后台渲染，你们也应该前后端分离！ 高效快速地加载 AngularJS 视图当 AngularJS 应用程序变大时，很多问题就开始显现出来了，比如多层级视图的加载问题，如果在子视图显示之前没有预加载，则可能在需要展示时，发生视觉闪烁的情况。这种问题在网络缓慢，或者服务器使用较慢的 https 连接时更容易出现。 angular-webpack-cookbookThe 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） 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-styleguideAngular (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.... （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |