【xinsir】函数库,持续更新
1.遍历文件-node
// 递归遍历目录下的文件
function readDirSync (path) {
var pa = fs.readdirSync(path);
pa.forEach(function (ele, index) {
var info = fs.statSync(path + '/' + ele);
if (info.isDirectory()) {
readDirSync(path + '/' + ele);
} else {
files.push(ele);
}
});
}
2.自制单选框(基于jq,兼容ie8)
/*
* 单选框事件
* @param currImg 当前选中图片节点
* @param flagClass 选中标志样式名
* @param checkedImgSrc 选中图片地址
* @param uncheckImgSrc 未选中图片地址
*/
function radioFn (currImg, flagClass, checkedImgSrc, uncheckImgSrc) {
// 去除以前选中状态
var checkedImg = $('.' + flagClass);
if (checkedImg[0]) {
checkedImg[0].setAttribute('src',uncheckImgSrc);
checkedImg.removeClass(flagClass);
}
// 添加选中状态
currImg[0].setAttribute('src',checkedImgSrc);
currImg.addClass(flagClass);
}
3.自制多选框(基于jq,兼容ie8)
/*
* 复选框事件
* @param currImg 当前选中图片节点
* @param flagClass 选中标志样式名
* @param checkedImgSrc 选中图片地址
* @param uncheckImgSrc 未选中图片地址
*/
function checkboxFn (currImg, flagClass, checkedImgSrc, uncheckImgSrc) {
if (currImg.hasClass(flagClass)) {
// 去除选中样式
currImg[0].setAttribute('src', checkedImgSrc);
} else {
// 添加选中样式
currImg[0].setAttribute('src', uncheckImgSrc);
}
currImg.toggleClass(flagClass);
}
4.上拉加载+滑动吸顶
window.onscroll = function () {
var scrollH = document.documentElement.scrollHeight;
var scrollT = document.documentElement.scrollTop || document.body.scrollTop; // 滚动条的垂直偏移
var screenH = window.screen.height;
// 滚动吸顶
if (scrollT > 239) {
// 增加吸顶样式
} else if (scrollT < 239 && scrollT > 0) {
// 去除吸顶样式
}
// 上拉加载
if (scrollH - scrollT - screenH < 150 && _this.requestFlag) {
// 上拉加载获取数据行为
}
};
5.同一个数组中,对相同的id项进行归类
let obj = {};
arr.forEach(item => {
if (!obj[item.id]) {
obj[item.id] = [];
}
obj[item.id].push(item);
});
【xinsir】函数库,持续更新的更多相关文章
- php常用函数(持续更新)
每一种编程语言在用的过程中都会发现有时候要一种特定需求的功能函数,结果没有内置这样的函数,这个时候就需要自己根据已有函数编写尽可能简单的函数,下面是我在做php相关工作时积累下的函数,会持续更新,您要 ...
- C++的一些小操作、常用库及函数(持续更新)
1. 强制保留n位小数(位数不足则强制补零) 头文件: #include <iomanip> 在输出前: cout<<setprecision(n); 也有不用头文件的方式,在 ...
- Oracle 截取、查找字符函数(持续更新)
整理一些常用的截取.查找字符函数: 1.查找某一个字符串中某一个字符(串)出现的次数 SELECT LENGTH(REGEXP_REPLACE(REPLACE('anne<br>lily& ...
- MySQL常用SQL/函数汇总(持续更新)
自动生成ROWNUN SELECT (@rowNO := @rowNo+1) AS rowno,a.uuid FROM (SELECT * FROM h_log_proc) a,(SELECT @ro ...
- JavaScript中常用函数(入门级)(持续更新)
本文中枫竹梦介绍一些JavaScript中入门级的常用函数,对于已经过了入门的童鞋可选择略过,都是一些非常实用的函数.如果发现什么问题,欢迎讨论. 问题列表 Q1: 设计一个函数repeatIt(st ...
- JavaScript中的运动数学函数(持续更新)
经常需要实现JS的动画效果,就会用到如下的一些数学的东西. 二次方运动,从0开始加速: var f=function(t,orgvalue,changevalue,runtime){ var t=t/ ...
- Matlab近期用到的函数(持续更新)
最近任务用到matlab较多,第一版的代码大部分对于矩阵类的计算都是用for循环来完成的,主要是思维还没有适应matlab.看了同事的一份代码后,现在遇到需要循环的地方第一反应就是如何能够用矩阵的直接 ...
- Excel函数(不定期持续更新)
1.COUNTIF函数 COUNTIF函数用来计算单元格区域内符合条件的单元格个数. COUNTIF函数只有两个参数 COUNTIF(单元格区域,计算的条件) 例如:计算上海市的数量
- MFC/Windows API 使用过的函数(持续更新)
/*******************使用默认画笔对象**************************** // //绘制矩形 pDC->MoveTo(50, 50); //返回值是一个指 ...
- Js 常用函数【持续更新】
Js Math对象方法介绍:http://www.w3school.com.cn/jsref/jsref_obj_math.asp 1. 算数函数(Math) 1)Js小数取整 常用于:分页算法 js ...
随机推荐
- Google资深工程师深度讲解Go语言★
课程目录 第1章 课程介绍 第2章 基础语法 第3章 内建容器 第4章 面向“对象” 第5章 面向接口 第6章 函数式编程 第7章 错误处理和资源管理 第8章 测试与性能调优 第9章 Goroutin ...
- 数据库系统概论——SQL
[toc] 一.SQL查询语言概览 视图 从一个或几个基本表导出的表 数据库中只存放视图的定义而不存放视图对应的数据 视图是一个虚表 用户可以在视图上再定义视图 基本表 本身独立存在的表 SQL中一个 ...
- CentOS7下mongodb忘记密码后重置密码
新装mongodb后,结果一段时间没有用,密码给忘记了,只能重置密码了. 步骤如下: 1.找到mongodb的配置文件 通过ps -ef|grep mongod找到mongodb的配置文件mongod ...
- App Crawler
Google官方出了一款App遍历工具App Crawler. 文档:https://developer.android.google.cn/training/testing/crawler App ...
- sql中的 where 、group by 和 having 用法解析
--sql中的 where .group by 和 having 用法解析 --如果要用到group by 一般用到的就是“每这个字” 例如说明现在有一个这样的表:每个部门有多少人 就要用到分组的技术 ...
- 基于.Net core3.0 开发的斗图小程序后端+斗图小程序
为啥要写这么一个小程序? 作为互联网的原住民. 90后程序员的我,从高中开始发QQ小表情. 到之后的熊猫头,蘑菇头. 可以说表情包陪伴我从学校到社会,从青少年到中年.. 而且因为斗图厉害,还找到一个女 ...
- windows服务器多端口Redis安装步骤
1.从官网获取最新稳定版redis文件.按端口号复制多个文件,比如6379和6380端口的文件包, 修改各自Conf文件的port号,分别为6379和6380.然后重命名为redis6379.conf ...
- COGS 2089. 平凡的测试数据
[题目描述] 树链剖分可以干什么? “可以支持在树中快速修改一个点信息,快速询问一条链信息” LCT可以干什么? “可以支持树链剖分支持的特性,并且支持快速链接两个棵树,或者断开某条边” 那我现在要出 ...
- PHP array_udiff_assoc
1.函数的参数:返回数组的差集,比较时包括键值. 2.函数的参数: @params array $array @params array $array1 @params array $array2 . ...
- css 动画animation基本属性(干货)
/* 动画名称 */ animation-name: cloud; /* 属性定义动画完成一个周期所需要的时间,以秒或毫秒计 */ animation-duration:1s; /* 属性定义动画何时 ...