【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 ...
随机推荐
- linux 的vi/vim消除查找到的高亮字符串
方法如下: 在Vi里面如果要搜索某个关键字,只要键入/xxx就可以了,比如,要搜索一个函数,就键入/snprintf 然后回车,一个文件中,所有出现这个字样的地方都会被高亮显示.按n键,就可以自动把光 ...
- java中的IO流和多线程
1.如何用file操作目录和文件? java对待目录和文件统一使用file来表示,在创建file对象时,使用isDictionary和isFile方法进行判断 package test; import ...
- CSS 换行
默认情况下,元素的属性是 white-space:normal:自动换行:(不把单词截断,会把单词看作一个整体) -----但是但是但是但是..当元素中的内容是一对没有空格的字符/数字时,超过容器宽度 ...
- 微信小程序项目-你是什么垃圾?
垃圾分类特别火也不知道北京什么时候也开始执行,看见之前上海市民被灵魂拷问了以后垃圾真的不知道如何丢了,作为程序员就做一个小程序造福人类吧. 效果图: 一.全局的app.json和app.wxss加入了 ...
- ES(Elastic Search)update操作设置无 docment时进行insert
最近使用一套数据加工中间工具,查看es操作中的update操作.其中方法命名为updateOrInsert.但是没发现代码中有ES的insert方法调用.于是仔细分析了代码逻辑. 经过一路追溯,直至E ...
- 02-18 scikit-learn库之k近邻算法
目录 scikit-learn库之k近邻算法 一.KNeighborsClassifier 1.1 使用场景 1.2 代码 1.3 参数详解 1.4 方法 1.4.1 kneighbors([X, n ...
- Chrome常见黑客插件及用法
目录 0x00 Web Developer(网页开发者) 0x01 Firebug Lite for Google Chrome (Firebug精简版) 0x02 d3coder (decod ...
- JS中的事件委托/事件代理详解
起因: 1.这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的: 2.其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考: 概述: 那什么叫事件委托呢?它 ...
- Netty - 粘包和半包(上)
在网络传输中,粘包和半包应该是最常出现的问题,作为 Java 中最常使用的 NIO 网络框架 Netty,它又是如何解决的呢?今天就让我们来看看. 定义 TCP 传输中,客户端发送数据,实际是把数据写 ...
- 为程序员节日献礼--2019中国.NET开发者峰会主题内容发布
2019年10月24日,组委会正式发布了China .NET Conf 2019中国 .NET 开发者峰会的主题内容. 2014年微软组织并成立.NET基金会,微软在成为主要的开源参与者的道路上又前进 ...