aizhen0916-优快云博客

转载 angularjs中比较实用的multipleselect选择框

一. HTML　　HTML中比较多逻辑代码，修改的时候要注意修改很多绑值的地方。<div class="form-group"> <label class="col-lg-3 control-label">组织权限</label> <div ng-init="enablePids = [];disablePids = []...

2016-03-11 18:35:00 800

转载 Angularjs中比较实用的DateFormat库

angular.module('newApp') .factory('dateUtil', function() { var symbolMap = { 'MM': function(date) { if (typeof(date) === 'string') { var d = new Date(date);...

2016-03-11 17:15:00 281

转载 Angularjs中添加ckEditor插件

　　使用方法看注释。主要解决帮上ngModel的问题angular.module('newApp') .directive('ckeEditor', function() { return { /* For Example: <textarea id="..." name="..." class="form-...

2016-03-11 17:13:00 384

转载 Angularjs中添加HighCharts

一. 添加基本配置　　1. 添加指令angular.module('newApp') .directive('dpHighchart', ['$rootScope', function($rootScope){ return { restrict: 'E', scope: { chartConfig: "=" ...

2016-03-11 17:08:00 171

转载 ngTbale真分页实现排序、搜索等功能

一. 真分页表格基础　　1. 需求：分页，排序，搜索都是需要发API到服务端。　　2. JS实现代码：　　　　getStorage是localStorage一个工具方法，可以自己写这个方法。　　　　API参数如下：　　　　{　　　　　　limit: initItemCountPerPage,　　　　　　index: options1.page,　　　　　　...

2016-03-11 16:44:00 154

转载移动端小功能杂记（三）

一. CSS有趣的样式　　1. 去掉html5 <input type="search">的默认删除btninput::-webkit-search-cancel-button { display: none;}input[type=search]::-ms-clear { display: none;}　　2.去掉html5...

2016-03-10 16:09:00 112

转载 Html5 history Api简介

一. Html4的History APIback() 后退，跟按下“后退”键是等效的。forward() 前进，跟按下“前进”键是等效的。go() 用法：history.go(x)；在历史的范围内去到指定的一个地址。如果 x < 0，则后退 x 个地址，如果 x > 0，则前进 x 个地址，如果 x == 0，则刷新现在打开的网页。history.go(0) ...

2016-03-10 15:04:00 140

转载移动端流程页处理

一. 流程页　　像用户的注册页面，用户填一些信息的表单提交页面。　　对于用户来说，从A（入口页）->B（流程页）->C（结果页），通常来说，用户完成信息到C页面后点击返回键（特别是Android的物理back键），通常返回B页面，但用户希望返回到A页面。二. 处理方法　　1. webView　　　　通常使客户端同学提供exitWebView的方法。...

2016-03-10 14:52:00 122

转载 Html5离线缓存简介

一. 什么是manifest首先manifest是一个后缀名为minifest的文件，在文件中定义那些需要缓存的文件，支持manifest的浏览器，会将按照manifest文件的规则，像文件保存在本地，从而在没有网络链接的情况下，也能访问页面。当我们第一次正确配置app cache后，当我们再次访问该应用时，浏览器会首先检查manifest文件是否有变动，如果有变动就会把相应的变...

2016-03-10 14:36:00 116

转载多Tabs的横向滚动插件（支持Zepto和jQuery）

一. 效果图二. 功能介绍　　1. 支持横向移动　　2. 支持点击Tab后该Tab居中　　3. 拉到最左边和最右边后依然可以拉动，只是tabs的移动距离变小。三. 使用说明　　1. 在你的html中添加Tabs相关的代码。<div class="analysis-tabs-title"> <ul> &...

2016-03-10 11:50:00 287

转载移动端轮播图插件（支持Zepto和jQuery）

一. 效果图二. 功能介绍　　1. 支持图片自动轮播和非自动轮播　　2. 支持点击和滑动。三. 简单介绍　　代码都有注释，逻辑简单，不做更多赘述。　　1. 在你的html中添加一行。<section class="slider-wrap" style="height:160px" id="banner"></section...

2016-03-10 11:35:00 241

转载移动端日历选择控件（支持Zepto和JQuery）

一. 效果图二. 功能说明　　1. 支持切换年份，月份。　　2. 支持点击选中日期，也可以点击确定选择日期。三. 使用方法　　1. 添加Input　　　　在你的页面中添加Input输入框。可以再html里，也可以JS动态加载。　　　　我这里使用的时Input-group形式的输入框，是JS加载的。　　　　一般使用的话，直接写个input输入...

2016-03-10 11:03:00 337

转载移动端类似IOS的滚动年月控件（需要jQuery和iScroll）

一. 效果图二. 功能介绍　　支持滚动和点击选择年月。（目前只支持设置年月的最大最小值，不支持整体的最大最小值）三. 代码　　1. 在你的html中添加如下代码：　　　　直接加载<body>里面，这里是插件渲染html的地方。<div id="datePlugin"></div>　　2. 在你的htm...

2016-03-10 10:46:00 216

转载移动端小功能杂记（二）

一. 获取Url中searchParamsgetQueryParamsMap: function(searchUrlWithoutQuestionMark) { var result = {}; var array = searchUrlWithoutQuestionMark.split('&'); for (var i in array) { ...

2016-03-09 16:44:00 97

转载移动端小功能杂记（一）

一. IOS webView的修改Title Hack　　一般来说，js修改网页的title可以随意修改。　　但是存在一种特例，比如：用户点击某个btn后修改网页title。此时大部分情况也是没问题的，只有IOS webView修改title不成功。　　针对于IOS webView，原因：title在网页加载后就定下来，要想用户点击btn后修改网页title，必须加载html...

2016-03-09 16:08:00 146

转载移动端翻页插件dropload.js（支持Zepto和jQuery）

一. 声明　　代码来源：github上的dropload项目。二. 问题　　dropload.js提供了最基本的上拉翻页，下拉刷新功能。对于由服务端一次返回所有数据的情况基本通用。　　但是，需求往往不是服务端一次性返回所有数据，往往还要支持服务端分页，搜索，排序，多条件筛选等功能。（比较类似美团美食的界面）三. 解决方案。　　改进1：由于有分页，搜索，...

2016-03-09 14:15:00 257

转载 chart.js接口开发：X轴步长和Labels旋转角

一. 当初为什么选择chart.js　　当初项目使用库是Zepto，Zepto能支持的chart处理库太少。也是为了使得项目比较轻量化，所以选择了chart.js。　　但是最后的显示结果实在太差，放弃了char.js，还是使用jquery+highstock来完成chart需求。　　总而言之，项目的chart需求较低，项目要求较轻量，可以使用chart.js。　　但...

2016-03-09 11:35:00 495

转载 gulp安装和使用简介

一. gulp和grunt对比　　grunt目前的工作流程：读文件、修改文件、写文件——读文件、修改文件、写文件——...　　gulp目前的工作流程：读取文件——修改文件——修改文件...——写文件　　二. grunt存在问题　　1、插件职能不够单一　　2、插件完成了本不该由插件完成的事情（这个我有点迷糊，为什么说是 things don't need to be...

2016-03-09 10:53:00 107

转载 ngTbale假分页实现排序、搜索、导出CSV等功能

一.ngTable功能简化　　使用ngTable经常有分页，排序，过滤等功能，实现诸多功能较为麻烦。为了方便开发过程，可以抽取一些table共同点写一个公有方法。　　注意：　　　　1.由于很多特别的需求，可能表格不一定适用于自己的项目，部分地方需要自己调试到适合自己的项目。　　　　2. 部分功能没有使用ngTable自带的功能，只因为PM需求与之不符合　　代码如...

2015-10-28 14:25:00 255