adgjl3331-CSDN博客

转载 Kickstart Options

autopart (optional)Automatically create partitions — 1 GB or more root (/) partition, a swap partition, and an appropriate boot partition for the architecture. One or more of the default partiti...

2018-09-14 13:43:00 313

转载 ui-router uiOnParamsChanged 项目优化

angularjs 组件化（component）开发模式下，使用ui-router 作为切换路由，当路由切换时组件模板会重新渲染加载，页面出现跳动，并且每次都得重新渲染模板，这样着实影响项目性能。在官网查到uiOnParamsChanged 这个方法可以有效解决模板每次渲染的问题，它可以监控url 上参数的变化来重新请求数据再替换到界面，而不用重新加载一遍组件，效率提升，并界面不会出现抖...

2018-09-12 09:55:00 176

转载 ng-table dataset 模式渐进式渲染

有大批量的数据需要在列表中单页显示，如果数据全部加载完毕后一次性渲染到界面会出现页面一直空白或者状态切换响应半天，这不是一个好的用户体验；正因为如此，采用渐进式渲染的思想，设置数据以一定的粒度进行渲染，会看到页面上的数据在瀑布式的加载，不至于让用户看着白屏或者一直等待跳转响应，从感官上告诉用户数据量比较大并且正在加载中；因为是单页显示所有的数据，只需要请求后台一次，使用NgTable 的...

2018-09-12 09:11:00 176

转载 ng-table 是否启用分页/排序/搜索

ng-table 设置applyFilter/applyPaging/applySort 为false 只是功能上的禁用，样式仍旧存在（如：排序按钮，分页按钮）ng-table 不使用分页只需要设置dataOptions:{applyPaging:false} 即可，设置后发现数据是全部加载到一页了，但是底下的分页按钮仍然显示；通过阅读ng-table 源码发现，要使按钮同步消...

2018-09-11 16:38:00 475

转载 ng-table getData & dataset 模式 remove()

ng-table getData 模式 remove()ng-table 使用getData 分页获取数据模式下如何更好的删除一条或者多条数据？1. 请求后台删除数据，成功回调中reload 当前状态；这样页面会跳动，交互不友好2.请求后台删除数据，成功回调中先删除tableParams.data 中对应的条目，NgTable 自动监测会去除页面上的dom；再以当前状态请...

2018-09-06 19:10:00 160

转载 JavaScript & jQuery 操作 Array & JSON

JavaScript 数组操作1. 创建var arrayObj = new Array();　//创建一个数组var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);　//...

2018-09-06 10:49:00 168

转载 ng-table params & settings

默认参数：ngTableDefaults.params.count = 5; // 单页显示5 条数据，numberngTableDefaults.params.filter = {name:'a'}; // [name: string]: anyngTableDefaults.params.group = ; // string | Groupi...

2018-09-06 10:48:00 324

转载 angularjs 错误集锦

1. 问题：错误信息：// IE10 及以上TypeError: 无法获取未定义或 null 引用的属性“pager” at Anonymous function (http://localhost:9090/AngularProject/1/resources/files/list/component.js?bust=1535512101027:19:5) ...

2018-08-29 11:16:00 326

转载 angularjs 弹窗（ui-bootstrap+directive+ocLazyLoad）

由于angularjs 项目中频繁使用弹窗，完全自行编写耗时耗力，所以结合ui-boostrap 中的modal 模块来实现功能创建一个公共弹窗服务，在使用的组件中依赖注入后调用弹窗方法在最外层组件（其余组件的父组件）注入弹窗服务，并定义调用弹窗的方法；其余组件require 此父组件，调用父组件中的方法自定义一个弹窗指令，设置仅属性调用（restrict: 'A'），在...

2018-08-16 19:46:00 218

转载 angularjs 表单自定义验证指令

密码一致性验证Demo1：在第一个密码框添加Id 属性，通过Id 获取其value 值，并与第二个密码框的value 值做实时对比Demo2：通过第二个密码框的scope 拿到传入第一个密码框的值，并实时比较两个密码框的值html 代码：<div class="form-group"> <label class="control-lab...

2018-08-16 19:23:00 130

转载 angularjs 表单内置验证指令

此表单示例结合先前的自定义指令弹窗使用，使用场景为新建，修改；主要使用表单验证的内置指令，如果有验证不通过，表单将不会提交。demo：html 代码：使用anguljs 表单验证的内置指令<form name="userGroupForm" ng-submit="$ctrl.submit($event,userGroupForm)" novalidate>...

2018-08-16 19:18:00 110

转载 Web前端资源快速定位

jquery官网：http://jquery.com/下载：bootstrap官网：http://www.bootcss.com/下载：angularjs官网：https://angularjs.org/下载：https://code.angularjs.org/ui-router官网：https://ui-router.github.io/下...

2018-08-13 14:56:00 205

转载 drag 插件分析整合

jquery.event.drag文档参考地址：http://threedubmedia.com/code/event/dragdemo：$('.modal-content').drag(function(ev,dd){ $(this).css({ top: dd.offsetY, left: dd.offsetX ...

2018-08-13 14:10:00 89

转载 angularjs 组件化项目基本框架

　　angularjs 单页面项目使用组件化开发模式，降低模块之间的耦合性，便于协同开发；使用ui-router 作为项目的路由切换，并结合ocLazyLoad 按需加载组件（component）、服务（service）。后续结合requirejs 动态加载js 文件，解决index 页面加载大量js 文件，可能导致js 阻塞的问题。项目结构：index.htmlap...

2018-08-13 10:49:00 151

adgjl3331的博客