分类:Javascript /Jquery / Bootstrap / Web

JavaScript 日期处理类库: Moment.js 写法示例(详解)

主页:http://momentjs.cn/ 文档:http://momentjs.cn/docs/ 项目地址:https://github.com/moment/moment/ 下载:moment-develop 引用: http://sources.ikeepstudying.com/js/moment-2.10.6.js  (未压缩) http://sources.ikeepstudying.com/js/moment.min-2.18.1.js (压缩版) http://sources.ikeepstudying.com/js/moment-with-locales-2.10.6.js (支持多语言) 1. 安装 bower install moment --save # bower npm… Read More

Javascript: JS函数节流与防抖 throttle,debounce

throttle 与 debounce 都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,出现延迟,假死或卡顿的现象。 概念 throttle:连续的时间间隔(每隔一定时间间隔执行callback)。 debounce:空闲的时间间隔(callback执行完,过一定空闲时间间隔再执行callback)。 电梯超时 想象每天上班大厦底下的电梯。把电梯完成一次运送,类比为一次函数的执行和响应。假设电梯有两种运行策略 throttle 和 debounce ,超时设定为15秒,不考虑容量限制。 throttle 策略的电梯。保证如果电梯第一个人进来后,15秒后准时运送一次,不等待。如果没有人,则待机。 debounce 策略的电梯。如果电梯里有人进来,等待15秒。如果又人进来,15秒等待重新计时,直到15秒超时,开始运送。 <div id="switcher"> <div… Read More

jQuery:sumoselect 插件实现select下拉复选框

主页:http://hemantnegi.github.io/jquery.sumoselect/ 项目:https://github.com/HemantNegi/jquery.sumoselect 下载:jquery.sumoselect-master DEMO: http://hemantnegi.github.io/jquery.sumoselect/sumoselect_demo.html 简单介绍 jquery.sumoselect是一款跨设备、跨浏览器的jQuery下拉列表框插件。该jQuery下拉列表框插件可以单选,也可以多选。它的样式可以通过CSS文件来自定义。它的最大特点是可以跨设备使用,所有设备上功能都是一致的。 该jQuery下拉列表框插件的特点有: 可以进行单选,也可以进行多选。 可以通过CSS文件来自定义样式。 支持绝大多数的设备。 根据设备智能渲染。 在Android、IOS、Windows和其它设备上会自动渲染出该设备原生样式的下拉列表框。 可以自定义提交数据的格式(多选可以通过 csv 或默认形式来提交)。 支持Selected、Disabled和占位文本。 易扩展,开发者可以很容易的创建新的组件。 使用基本方法间隙管理如添加选项、删除选项、禁用、选择等。 该jQuery下拉列表框插件需要使用jQuery… Read More

基于localStorage开发的前端缓存jquery插件,jquery.cache.js

什么是localStorage? 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同 localStorage的优势 1、localStorage拓展了cookie的4K限制 2、localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于cookie可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的 localStorage的局限 1、浏览器的大小不统一,并且在IE8以上的IE版本才支持localStorage这个属性 2、目前所有的浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换 3、localStorage在浏览器的隐私模式下面是不可读取的 4、localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡 5、localStorage不能被爬虫抓取到 localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对会被清空   jquery.cache.js 主要代码如下: ;(function(window, undefined) { var config… Read More

jQuery插件:强大的下拉框插件-Select2

主页:https://select2.github.io/ 项目:https://github.com/select2/select2 实例:https://select2.github.io/examples.html 下载:select2-4.0.3 select2是一个可以给你定制支持搜索、标签、远程数据集,无限滚动,以及其他常用功能的一个下拉框美化插件。总之,功能很强大。 配置 <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script> 基本使用 <script type="text/javascript"> $('select').select2(); </script> 单选框 <script type="text/javascript">… Read More

jQuery:Remodal对话框 jQuery Modal Dialog Boxes

主页:http://vodkabears.github.io/remodal/ 项目地址:https://github.com/VodkaBears/Remodal 下载:Remodal-master 用法: 载入css和js文件 <link rel="stylesheet" href="../dist/remodal.css"> <link rel="stylesheet" href="../dist/remodal-default-theme.css"> <script src="../dist/jquery.min.js"></script> <script src="../dist/remodal.min.js"></script> modal框html代码 <div class="remodal" data-remodal-id="modal"> <button… Read More

JAVA: Google Sheet API V4 入门二 :基本写入

利用 Sheets API,您可以向单元格、范围、范围集以及整个工作表写入值和公式。 本页面上的示例说明了如何使用此 API 的 spreadsheets.values 集合实现一些常用的写入操作。 请注意,也可以使用 spreadsheet.batchUpdate 方法写入单元格值,如果您希望同步更新单元格格式设置或 spreadsheets.values 集合不会影响的其他属性,此方法将非常实用。不过,对于简单的值写入操作,使用 spreadsheets.values.update 或 spreadsheets.values.batchUpdate 更简单。 在这些示例中,占位符 spreadsheetId 用于表示您需要提供电子表格… Read More

JAVA: Google Sheet API V4 入门一 :基本读取

利用 Sheets API,您可以读取单元格、范围、范围集以及整个工作表中的值。 本页面上的示例说明了如何使用此 API 的 spreadsheets.values 集合实现一些常用的读取操作。您也可以使用 spreadsheets.get 方法读取单元格值,不过在大多数情况下,使用 spreadsheets.values.get 或 spreadsheets.values.batchGet 更加简单。 在这些示例中,占位符 spreadsheetId 用于表示您需要提供电子表格 ID 的位置,可以从电子表格网址中找到此 ID。要读取的范围在请求网址中使用… Read More