03 2016 档案

angularjs中比较实用的multipleselect选择框
摘要：一. HTML HTML中比较多逻辑代码，修改的时候要注意修改很多绑值的地方。 <div class="form-group"> <label class="col-lg-3 control-label">组织权限</label> <div ng-init="enablePids = [];disa 阅读全文
posted @ 2016-03-11 18:35 小骚木 阅读(8980) 评论(0) 推荐(0)
Angularjs中比较实用的DateFormat库
摘要：angular.module('newApp') .factory('dateUtil', function() { var symbolMap = { 'MM': function(date) { if (typeof(date) === 'string') { var d = new Date( 阅读全文
posted @ 2016-03-11 17:15 小骚木 阅读(1621) 评论(0) 推荐(0)
Angularjs中添加ckEditor插件
摘要：使用方法看注释。主要解决帮上ngModel的问题 angular.module('newApp') .directive('ckeEditor', function() { return { /* For Example: <textarea id="..." name="..." class="f 阅读全文
posted @ 2016-03-11 17:13 小骚木 阅读(638) 评论(0) 推荐(0)
Angularjs中添加HighCharts
摘要：一. 添加基本配置 1. 添加指令 angular.module('newApp') .directive('dpHighchart', ['$rootScope', function($rootScope){ return { restrict: 'E', scope: { chartConfig 阅读全文
posted @ 2016-03-11 17:08 小骚木 阅读(2067) 评论(0) 推荐(0)
ngTbale真分页实现排序、搜索等功能
摘要：一. 真分页表格基础 1. 需求：分页，排序，搜索都是需要发API到服务端。 2. JS实现代码： getStorage是localStorage一个工具方法，可以自己写这个方法。 API参数如下： { limit: initItemCountPerPage, index: options1.pag 阅读全文
posted @ 2016-03-11 16:44 小骚木 阅读(399) 评论(0) 推荐(0)
移动端小功能杂记（三）
摘要：一. CSS有趣的样式 1. 去掉html5 <input type="search">的默认删除btn input::-webkit-search-cancel-button { display: none; } input[type=search]::-ms-clear { display: n 阅读全文
posted @ 2016-03-10 16:09 小骚木 阅读(257) 评论(0) 推荐(0)
Html5 history Api简介
摘要：一. Html4的History API back() 后退，跟按下“后退”键是等效的。 forward() 前进，跟按下“前进”键是等效的。 go() 用法：history.go(x)；在历史的范围内去到指定的一个地址。如果 x < 0，则后退 x 个地址，如果 x > 0，则前进 x 个地址，如 阅读全文
posted @ 2016-03-10 15:04 小骚木 阅读(288) 评论(0) 推荐(0)
移动端流程页处理
摘要：一. 流程页 像用户的注册页面，用户填一些信息的表单提交页面。 对于用户来说，从A（入口页）->B（流程页）->C（结果页），通常来说，用户完成信息到C页面后点击返回键（特别是Android的物理back键），通常返回B页面，但用户希望返回到A页面。 二. 处理方法 1. webView 通常使客户 阅读全文
posted @ 2016-03-10 14:52 小骚木 阅读(288) 评论(0) 推荐(0)
Html5离线缓存简介
摘要：一. 什么是manifest 首先manifest是一个后缀名为minifest的文件，在文件中定义那些需要缓存的文件，支持manifest的浏览器，会将按照manifest文件的规则，像文件保存在本地，从而在没有网络链接的情况下，也能访问页面。 当我们第一次正确配置app cache后，当我们再次 阅读全文
posted @ 2016-03-10 14:36 小骚木 阅读(360) 评论(0) 推荐(0)
多Tabs的横向滚动插件（支持Zepto和jQuery）
摘要：一. 效果图 二. 功能介绍 1. 支持横向移动 2. 支持点击Tab后该Tab居中 3. 拉到最左边和最右边后依然可以拉动，只是tabs的移动距离变小。 三. 使用说明 1. 在你的html中添加Tabs相关的代码。 <div class="analysis-tabs-title"> <ul> < 阅读全文
posted @ 2016-03-10 11:50 小骚木 阅读(2438) 评论(0) 推荐(0)
移动端轮播图插件（支持Zepto和jQuery）
摘要：一. 效果图 二. 功能介绍 1. 支持图片自动轮播和非自动轮播 2. 支持点击和滑动。 三. 简单介绍 代码都有注释，逻辑简单，不做更多赘述。 1. 在你的html中添加一行。 <section class="slider-wrap" style="height:160px" id="banner 阅读全文
posted @ 2016-03-10 11:35 小骚木 阅读(16534) 评论(2) 推荐(2)
移动端日历选择控件（支持Zepto和JQuery）
摘要：一. 效果图 二. 功能说明 1. 支持切换年份，月份。 2. 支持点击选中日期，也可以点击确定选择日期。 三. 使用方法 1. 添加Input 在你的页面中添加Input输入框。可以再html里，也可以JS动态加载。 我这里使用的时Input-group形式的输入框，是JS加载的。 一般使用的话， 阅读全文
posted @ 2016-03-10 11:03 小骚木 阅读(26277) 评论(15) 推荐(3)
移动端类似IOS的滚动年月控件（需要jQuery和iScroll）
摘要：一. 效果图 二. 功能介绍 支持滚动和点击选择年月。（目前只支持设置年月的最大最小值，不支持整体的最大最小值） 三. 代码 1. 在你的html中添加如下代码： 直接加载<body>里面，这里是插件渲染html的地方。 <div id="datePlugin"></div> 2. 在你的html中 阅读全文
posted @ 2016-03-10 10:46 小骚木 阅读(1989) 评论(0) 推荐(0)
移动端小功能杂记（二）
摘要：一. 获取Url中searchParams getQueryParamsMap: function(searchUrlWithoutQuestionMark) { var result = {}; var array = searchUrlWithoutQuestionMark.split('&') 阅读全文
posted @ 2016-03-09 16:44 小骚木 阅读(282) 评论(0) 推荐(0)
移动端小功能杂记（一）
摘要：一. IOS webView的修改Title Hack 一般来说，js修改网页的title可以随意修改。 但是存在一种特例，比如：用户点击某个btn后修改网页title。此时大部分情况也是没问题的，只有IOS webView修改title不成功。 针对于IOS webView，原因：title在网页 阅读全文
posted @ 2016-03-09 16:08 小骚木 阅读(426) 评论(0) 推荐(0)
移动端翻页插件dropload.js（支持Zepto和jQuery）
摘要：一. 声明 代码来源：github上的dropload项目。 二. 问题 dropload.js提供了最基本的上拉翻页，下拉刷新功能。对于由服务端一次返回所有数据的情况基本通用。 但是，需求往往不是服务端一次性返回所有数据，往往还要支持服务端分页，搜索，排序，多条件筛选等功能。（比较类似美团美食的界 阅读全文
posted @ 2016-03-09 14:15 小骚木 阅读(41636) 评论(2) 推荐(0)
chart.js接口开发：X轴步长和Labels旋转角
摘要：一. 当初为什么选择chart.js 当初项目使用库是Zepto，Zepto能支持的chart处理库太少。也是为了使得项目比较轻量化，所以选择了chart.js。 但是最后的显示结果实在太差，放弃了char.js，还是使用jquery+highstock来完成chart需求。 总而言之，项目的cha 阅读全文
posted @ 2016-03-09 11:35 小骚木 阅读(5689) 评论(0) 推荐(0)
gulp安装和使用简介
摘要：一. gulp和grunt对比 grunt目前的工作流程：读文件、修改文件、写文件——读文件、修改文件、写文件——... gulp目前的工作流程：读取文件——修改文件——修改文件...——写文件 二. grunt存在问题 1、插件职能不够单一 2、插件完成了本不该由插件完成的事情（这个我有点迷糊，为 阅读全文
posted @ 2016-03-09 10:53 小骚木 阅读(2462) 评论(0) 推荐(0)