【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 ...
随机推荐
- springboot启动后自动退出
有时新建的springboot启动后自动退出运行,如图所示: 此种情况大都数是因为pom文件加入了tomcat的依赖,与springboot内嵌的tomcat冲突导致,所以只需将pom文件中的tomc ...
- 玩转 SpringBoot 2 之整合 JWT 上篇
前言 该文主要带你了解什么是 JWT,以及JWT 定义和先关概念的介绍,并通过简单Demo 带你了解如何使用 SpringBoot 2 整合 JWT. 介绍前在这里我们来探讨一下如何学习一门新的技术, ...
- 链表常见的题型(java实现)
链表是面试中最常见的一种题型,因为他的每个题的代码短,短短的几行代码就可以体现出应聘者的编码能力,所以它也就成为了面试的重点. 链表常见的操作有1.打印链表的公共部分,2.删除链表的倒数第K个节点,3 ...
- ieTESTER浏览器使用ie6崩溃问题
打开浏览器在选项--internet属性--连接--局域网设置--将自动检测设置的对勾勾掉就可以 重启下浏览器
- App Crawler
Google官方出了一款App遍历工具App Crawler. 文档:https://developer.android.google.cn/training/testing/crawler App ...
- golang grpc 详解
https://segmentfault.com/a/1190000007880647
- F#周报2019年第41期
新闻 .NET架构指南 美妙的WebSharper:学术刊物 .NET Core 3.0中Blazor Server的方案与性能 Mono 6.4.0发布说明 CapitolFSharp召集发言人 视 ...
- ElasticSearch Cardinality Aggregation聚合计算的误差
使用ES不久,今天发现生产环境数据异常,其使用的ES版本是2.1.2,其它版本也类似.通过使用ES的HTTP API进行查询,发现得到的数据跟javaClient API 查询得到的数据不一致,于是对 ...
- Vue核心知识——computed和watch的细节全面分析
computed和watch的区别 computed特性 1.是计算值,2.应用:就是简化tempalte里面{{}}计算和处理props或$emit的传值,computed(数据联动).3.具有缓存 ...
- drf框架中分页组件
drf框架中分页组件 普通分页(最常用) 自定制分页类 pagination.py from rest_framework.pagination import PageNumberPagination ...