![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
文章平均质量分 50
普通网友
这个作者很懒,什么都没留下…
展开
-
浅谈前端测试
前端测试或许被好多人误解,也许大家更加倾向于编写面向后端的测试,逻辑性强,测试方便等聊到这导致了好多前端从来不写测试(测试全靠手点~~~)其实没必要达到测试驱动开发的程度,只要写完代码可以补测试,并且补出高效的测试,前端或许真的不需要手点大前端时代不谈环境不成方圆,本文从下面几个环境一一分析下如何敏捷测试node 环境vue 环境nuxt 服务端渲染环境react 环境next 服务端渲染环境an...原创 2018-06-30 21:12:36 · 1042 阅读 · 0 评论 -
Jfinal plugin,angular jfinal-angular-icedog
jfinal-angular-icedog 详细介绍一个Jfinal+angular的框架实现,属于jfinal-dreampie的一个demo,在线访问:http://icedog.jd-app.com/ 欢迎收藏使用jfinal框架开源工具包jfinal-dreampie,http://search.maven.org/ 输入jfianl-draempie 搜索并提供akka异步执行...原创 2018-07-16 20:21:06 · 162 阅读 · 0 评论 -
Angular 滚动条 angular-nice-bar
angular-nice-bar 详细介绍一个轻量级的Angular scrollbar.Installbower install angular-nice-bar --saveUsage<link rel="stylesheet" href="bower_components/angular-nice-bar/dist/css/angular-nice-bar.cs...原创 2018-07-16 20:21:32 · 1063 阅读 · 0 评论 -
Angular 的 UEditor 插件 Angular-UEditor
Angular-UEditor 详细介绍Angualr 作为最近前端大热的一款框架,越来越多国人开始使用并且不断有成功的项目。UEditor作为百度前端团队的一款神器,在国内多个项目也在使用。所以小编抽了个时间把angular和UEditor整合起来作为一款angular的插件。angular-ueditorangular-ueditor 是一款整合了 angular 和 UEdito...原创 2018-07-16 20:22:00 · 1118 阅读 · 2 评论 -
angular-auto-validate
angular-auto-validate 详细介绍angular-auto-validate 是 AngularJS 的自动校验的模块,支持动态元素修改来消除多余的HTML,并且给用户校验错误的提示。 jonsamwell / angular-auto-validateWatch16 Star351 Fork89An automatic validation module...原创 2018-07-17 08:27:53 · 452 阅读 · 0 评论 -
angular-semantic-ui
angular-semantic-ui 详细介绍angular-semantic-ui 是 AngularJS 为 Semantic UI 设计的原生指令集。指令 accordion checkbox dimmer dropdown modal popup rating sidebar 构建获取 rep...原创 2018-07-17 08:28:12 · 603 阅读 · 0 评论 -
angular-async-loader
angular-async-loader 详细介绍支持异步加载 angular 1.x application 的模块和组件: Support use dynamic angular module:app.useModule(name)Support use origin methods to dynamic register angular components:app.c...原创 2018-07-17 08:28:36 · 207 阅读 · 0 评论 -
AngularJS 的国际化和本地化模块 angular-translate
angular-translate 详细介绍angular-translate 是一个 AngularJS 的模块,用于简化 i18n 和 l10n 应用的便携,实现了延迟加载和多元化。原创 2018-07-17 20:50:11 · 131 阅读 · 0 评论 -
基于 angularjs 的 UI 组件 WebUI4Angular
WebUI4Angular 详细介绍WebUI4Angular 是基于 angularjs 实现的一套 UI 组件,组件需要使用 angularjs1.3 以上版本。参照了 UI Bootstrap 等组件的写法,主要对指令进行了自己的封装,我们希望通过 angular 的指令编写一套类似 flex 的声明式UI组件,使得页面代码可读性更强。主要组件有 Datagrid,tree,dial...原创 2018-07-17 20:50:34 · 1420 阅读 · 0 评论 -
angularjs 简单封装百度地图 angular-BMap
angular-BMap 详细介绍angular-BMap angularjs 简单封装百度地图; 在app.js中引用angularMap模块,如:angular.module('bMapApp', ['angularMap']); 所有方法均返回promise对象 ...原创 2018-07-17 20:51:16 · 737 阅读 · 0 评论 -
angular-atomic-notify
angular-atomic-notify 详细介绍angular-atomic-notify 是显示消息的 Angular 模块。demo: Online demo原创 2018-07-17 20:51:39 · 138 阅读 · 0 评论 -
AngularJS 的 Semantic-UI 扩展 angular-semantic
angular-semantic 详细介绍angular-semantic 是 AngularJS 支持 Semantic UI 模块的指令,是 AngularJS 的 Semantic UI 扩展。依赖 Semantic-UI AngularJS Global DevDependencies grunt-cli 构建$ npm install --de...原创 2018-07-17 20:51:58 · 364 阅读 · 0 评论 -
angular-data
angular-data 详细介绍angular-data 是 AngularJS 的一个扩展,实现了数据存储和缓存的功能。示例代码:var app = angular.module('myApp', ['angular-data.DS']);app.factory('User', function (DS) { // Simplest resource definition...原创 2018-07-17 20:54:26 · 944 阅读 · 0 评论 -
AngularJS指令集 Semantic-UI-Angular
Semantic-UI-Angular 详细介绍Semantic-UI-Angular是一个纯粹的Semantic-UI组件的AngularJS1.x指令集。我们正在考虑未来Angular 2支持。我们决定使用Angular 2友好环境的TypeScript作为步骤。状态工作正在进行我们正在努力建设适当的环境,贡献指导方针和其它所有的一切只为一个更舒适的社会。 一旦我们发布第一a...原创 2018-07-17 20:54:50 · 292 阅读 · 0 评论 -
2018 前端趋势:更一致,更简单
2017 是一个前端 Web 开发年。像 React 和 Angular 这样的框架,继续在社区中享有大规模的支持,但是,新的候选者 Vue ,人气也很旺。Webpack 依旧是构建的首选工具,NPM 仍旧是系统选择包的工具。WebAssembly 以前所未有的速度向 Web 开放了众多新的和令人兴奋的案例。像 GraphQL 等技术,革新了书写和在 web 应用中使用 API 的方式。于此同时,...原创 2018-07-11 22:49:13 · 290 阅读 · 0 评论 -
Angular-bind-hash
Angular-bind-hash 详细介绍在页面加载时绑定哈希到元素的值上,用于 AngularJS 应用中的 URL 复制。示例代码:angular.module('app', ['honey.hashBind']) .config(['hashBindProvider', function(provider){ eventMap = { 'SELECT'...原创 2018-07-18 08:42:41 · 119 阅读 · 0 评论 -
angular_node_bind.dart
angular_node_bind.dart 详细介绍angular_node_bind.dart 是一个允许程序使用 Node.bind() 的工具。也就是可以绑定自定义元素,包括 Polymer 元素。绑定表达式声明如下:<input value="[[ name ]]">...原创 2018-07-18 08:43:16 · 131 阅读 · 0 评论 -
Angular 的 Material Design 风格框架 Angular Material
Angular Material 详细介绍Material Design for Angular 是 Angular 官方团队开发的基于最新版本 Angular 的 Material Design 风格的框架,可和 Nest.js 搭配使用做全栈开发。针对 Angular 1 版本的实现 https://www.oschina.net/p/material-design-for-ang...原创 2018-07-18 08:43:42 · 2109 阅读 · 0 评论 -
功能强大的 Angular 版前端搜索组件 Angular InstantSearch
Angular InstantSearch 详细介绍Angular InstantSearch 是 Algolia 发布的 Angular 专用版搜索组件。核心特性 兼容Angular 4 和 5,不兼容Angular 1 和2 20个开箱即用的组件 <Declarative /> API 支持自定义API 极佳的SPA 支持 ...原创 2018-07-18 08:44:05 · 915 阅读 · 0 评论 -
angular-foundation
angular-foundation 详细介绍foundation 的 angularjs 版本原创 2018-07-18 08:46:29 · 306 阅读 · 0 评论 -
AngularJS 按钮 v-button
v-button 详细介绍v-button 是 AngularJS 可按按钮,并有繁忙的指示器。使用示例:angular.module('myApp', ['vButton']).controller('MyCtrl', function ($scope) { $scope.isBusy = false; $scope.buttonClick = function () {...原创 2018-07-23 21:22:54 · 2016 阅读 · 0 评论 -
网易开源SPA路由库 stateman
stateman 详细介绍用于构建复杂单页应用的路由库,独立无依赖, 这里有结合regularjs的单页应用的例子。目前已经用于部分网易的产品中. 兼容 IE6+Stateman: A tiny foundation that providing nested state-based routing for complex web application.stateman is h...原创 2018-07-23 21:23:38 · 459 阅读 · 0 评论 -
ng-view 的替代品 overmind.js
overmind.js 详细介绍overmind 是 AngularJS 的简单模块隔离和延迟加载应用。 Overmind 可以替代 ng-view。当用户导航到一个路由,overmind 检测路由属于哪个应用,加载应用的脚本和模板。 在线示例开始更新 HTML<div id="overmind"> <overmind></ove...原创 2018-07-23 21:24:05 · 322 阅读 · 0 评论 -
web 应用工具 lineman
lineman 详细介绍Lineman 是一个命令行实用工具,主要是帮 web 开发人员建立优秀的 JavaScript 的 web 应用程序。Lineman 提供一个封装包,里面有大量的建造客户端的工具(主要是 Express, Grunt 和 Testem)。如果你想要做一个特定的客户端框架(比如: Backbone, Ember 或者 Angular),我们也提供一些浮动的框架模板来帮助...原创 2018-07-23 21:24:22 · 142 阅读 · 0 评论 -
AngularJS 对话框 v-modal
v-modal 详细介绍v-modal 是简单、灵活并且漂亮的 AngularJS 对话框模块。使用示例:angular.module('myApp', ['vModal']).factory('myModal', function (vModal) { return vModal({ controller: 'MyModalController', contr...原创 2018-07-23 21:24:42 · 426 阅读 · 0 评论 -
gc-http-factory
gc-http-factory 详细介绍gc-http-factory 是一个 AngularJS 的扩展,提供更便利的 API 写法,例如常规我们定义一个 Service 的方法如下:angular.app('app', []).factory('UsersService', function($http) { function findOne(id) { return $...原创 2018-07-24 08:10:05 · 174 阅读 · 0 评论 -
规范代码生成器 Swagger-codegen
Swagger-codegen 详细介绍OpenAPI (f.k.a Swagger) 规范代码生成器,支持 API clients, API servers 和 API documention: API 客户端:ActionScript, Bash, C# (.net 2.0, 4.0 or later), C++ (cpprest, Qt5, Tizen), Clojure, Dar...原创 2018-07-24 08:10:49 · 1853 阅读 · 0 评论 -
reserveLoad.js
reserveLoad.js 详细介绍最特色的功能:可以对JS脚本设置多个备用加载地址!目前用于AngularJS中文社区:jQuery.js和angular.js默认从Google CDN获取,如果连接失败,则切换到本地服务器获取。reserveLoad.js 功能说明:1.备用多网址加载JS;2.按顺序同步加载JS;3.同时异步加载JS/CSS;4.所有JS加载完成后运行回调函...原创 2018-07-24 08:11:31 · 168 阅读 · 0 评论 -
AngularJS 的UI增强指令集 AngularUI
AngularUI 详细介绍Angular UI 顾名思义,AngularJS 的UI增强指令集,提供了IE、jQuery 兼容,以及一些常用 UI 组件。包含的模块有: UI-Utils UI-Modules UI-Alias UI-Bootstrap NG-Grid U...原创 2018-07-24 08:11:47 · 619 阅读 · 0 评论 -
Node.js MVC 框架 Paloma
Paloma 详细介绍Paloma 是一个类 Angular 的 Node.js MVC 框架。特性: 依赖注入 基于 koa@2 例子:'use strict';const Paloma = require('paloma');const app = new Paloma();app.controller('indexCtrl', function (...原创 2018-07-24 08:12:03 · 346 阅读 · 0 评论 -
基于 Electron 和 Angular 的抽奖软件 MyLottery
MyLottery 详细介绍MyLottery是一个基于Electron 和 angular做的抽奖软件,可以编译运行到各种桌面系统。具有以下特性 动画效果炫酷 可以选择xlsx格式数据初始化成员和奖项名单 data目录为数据文件格式样例,使用时直接选择到目录即可 每次抽奖的结果会自动保存到数据目录的res.txt 使用技术: electron...原创 2018-07-18 18:02:15 · 649 阅读 · 0 评论 -
Angular 集成 Bootstrap ng2-bootstrap
ng2-bootstrap 详细介绍ng2-bootstrap 是 Angular 2 的扩展指令,实现了对 Bootstrap 框架的集成。示例代码:// RECOMMENDED (doesn't work with system.js)import { AccordionModule } from 'ng2-bootstrap/accordion';// orimport ...原创 2018-07-18 18:02:59 · 395 阅读 · 0 评论 -
angular 扩展指令 lazytube
lazytube 详细介绍angular-lazytube 是轻量级,响应式,可轻松加载 YouTube 视频并分解。这个 AngularJS 指令 可替代任何笨重的 iframes 或者有图片预览、仅点击才会加载的链接。它对注重性能和页面大小,或者是嵌入很多 youtube 视频的网站尤其有用。以一个有 10个视频的页面为例,lazytube 可以减少 7 倍的加载时间,减少内存使用...原创 2018-07-18 18:03:23 · 126 阅读 · 0 评论 -
Angular 版 WeUI 组件 ngx-weui
ngx-weui 详细介绍WeUI Components build with Angular.在线示例以及API文档。原创 2018-07-18 18:03:57 · 884 阅读 · 0 评论 -
HTML5 移动端 UI 框架 Mobile Angular UI
Mobile Angular UI 详细介绍Mobile Angular UI 是个 HTML5 移动端 UI 框架,允许使用 Angular JS 和 Bootstrap 3 来开发移动端应用。Mobile Angular UI 集成了: Angular 1.2+ Bootstrap 3 Angular 的 Bootstrap 3 指令集 一系列重要的...原创 2018-07-18 18:04:32 · 1263 阅读 · 2 评论 -
基于Angular的窗体编程框架 ocDialog
ocDialog 详细介绍介绍基于Angular (>=1.3.9)开发的用于在浏览器上实现窗体化编程(可以理解为WEB上的MFC)的开发框架。支持窗体拖拽、自动窗体阻塞、最大化和还原、预制窗体开关指令、文件打开窗体、警告窗体、多种常用的复杂控件(包括类似Excel的ocGrid控件、列表控件、tab控件等)、用于全局UI缩放的2D栅格系统emGrid和窗体路由规则等。详细的情况请看...原创 2018-07-19 08:19:45 · 386 阅读 · 0 评论 -
angular.js 的页码组件 ng-pagination
ng-pagination 详细介绍ng-pagination 是 angular.js的页码组件,基于 directive 实现,样式使用的 bootstrap。直接在 html代码中加入 以下代码 即可调用:<page-pagination page-id="pageId" page-record="recordCount" page-url-tem...原创 2018-07-19 08:20:01 · 540 阅读 · 0 评论 -
在 Angular 中使用 React 组件的开源库 NgReact
NgReact 详细介绍React.js库可以用作Web应用程序中的视图组件。 ngReact 让你可以在 AngularJS 应用程序中使用 React 组件。作用: 您需要比 Angular 更高的性能,而由于虚拟 DOM 和其他优化,React通常性能更好 React提供了一种更简单的方法来思考您的UI的状态; 相比于以双向数据绑定在控制器和视图之间传输数据的两种方式...原创 2018-07-19 08:20:21 · 2260 阅读 · 1 评论 -
Angular 2 的 i18n 库 ng2-translate
ng2-translate 详细介绍ng2-translate 是 Angular 2 的 i18n 库。简单示例:https://github.com/ocombe/ng2-play/tree/ng2-translate-test原创 2018-07-19 08:20:41 · 359 阅读 · 0 评论 -
Angular2 整合插件合集 CodeBe
CodeBe 详细介绍CodeBe (码B) 是一个是使用 Angular2 整合各种插件的项目,包括(layer、bootstrap-table、markdown编辑器、highcharts、ckeditor、高德地图、fullcalendar 等等)。如果你有什么想要集成的插件,请告诉我,我来加进去。ng2 版本在 ng2 的分支中,后面就不往里面加东西了,主要在 ng4 中加。安装&...原创 2018-07-19 08:21:00 · 478 阅读 · 0 评论