前言 日常开发中,面对各种不同的需求,我们经常会用到以前开发过的一些工具函数,把这些工具函数收集起来,将大大提高我们的开发效率. 1.校验数据类型 export const typeOf = function(obj) {  return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase()} 示例: typeOf('树哥')  // stringtypeOf([])  // arraytypeOf(new Date()) …
1.时间戳转为格式化时间 /** * 时间戳转为格式化时间 * @Author chenjun * @DateTime 2017-11-10 * @param {[date]} timestamp [时间戳] * @param {[string]} formats [时间格式] */ function formatDate(timestamp, formats) { /* formats格式包括 1. Y-M-D 2. Y-M-D h:m:s 3. Y年M月D日 4. Y年M月D日 h时m分 5…
一个项目中JS也不可避免会出现重用,所以可以像Java一样抽成工具类,下面总结了几个常用的函数: 1.日期处理函数 将日期返回按指定格式处理过的字符串: function Format(now,mask) { var d = now; var zeroize = function (value, length) { if (!length) length = 2; value = String(value); for (var i = 0, zeros = ''; i < (length - v…
JS选取DOM元素的方法注意:原生JS选取DOM元素比使用jQuery类库选取要快很多1.通过ID选取元素document.getElementById('myid');2.通过CLASS选取元素document.getElementsByClassName('myclass')[0];3.通过标签选取元素document.getElementsByTagName('mydiv')[0];4.通过NAME属性选取元素(常用于表单)document.getElementsByName('mynam…
1 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String' } isNumber (o) { //是否数字 return Object.prototype.toString.call(o).slice(8, -1) === 'Number' } isBoolean (o) { //是否boolean return Object.prototype.toString…
1.弹出提示框: function prompt(msg){ $("<div>" + msg + "</div>").css({ "width": "200px", "padding": "15px", "line-height": "1.5em", "text-align": "center&…
检测数据是不是除了symbol外的原始数据 function isStatic(value) { return ( typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof value === 'undefined' || value === null ) } 检查数据是否为有效的类数组长度 function isLength(value) { return ( t…
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 我们经常要使用脚本处理各种业务逻辑, 最常见的就是数组和对象的操作. jQuery工具函数为我们操作对象和数组提供了便利条件. 二.前言 大部分人仅仅使用jQuery的选择器选择对象, 或者实现页面动画效果. 在处理业务逻辑时常常自己编写很多算法. 本文提醒各位jQuery也能提高我们操作对象和数组的效率. 并且可以将一些常用算法扩充到jQuer…
前言 以下代码来自:自己写的.工作项目框架上用到的.其他框架源码上的.网上看到的. 主要是作为工具函数,服务于框架业务,自身不依赖于其他框架类库,部分使用到es6/es7的语法使用时要注意转码 虽然尽量在函数中做了错误情况的处理,仍有可能出现报错的情况(不定期完善) 1. 获取url上的参数 /** *获取url上的参数 * @return {object} * @example * getRequest() getRequest().paramA */ function getRequest(…
随着前端JavaScript代码越来越重,如何组织JavaScript代码变得非常重要,好的组织方式,可以让别人和自己很好的理解代码,也便于维护和测试.模块化是一种非常好的代码组织方式,本文试着对JavaScript模块化开发的一些基础知识和具体使用做一些阐释. 何为模块化开发? “模块是为完成某一功能所需的一段程序或子程序.模块是任何robust(健壮.强壮)的应用架构不可缺少的一部分,是系统中职责单一且可替换的部分.” 简单理解:模块就是实现特定功能的一组方法,用用来实现代码的封装.增强代码…