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】函数库,持续更新的更多相关文章

  1. php常用函数(持续更新)

    每一种编程语言在用的过程中都会发现有时候要一种特定需求的功能函数,结果没有内置这样的函数,这个时候就需要自己根据已有函数编写尽可能简单的函数,下面是我在做php相关工作时积累下的函数,会持续更新,您要 ...

  2. C++的一些小操作、常用库及函数(持续更新)

    1. 强制保留n位小数(位数不足则强制补零) 头文件: #include <iomanip> 在输出前: cout<<setprecision(n); 也有不用头文件的方式,在 ...

  3. Oracle 截取、查找字符函数(持续更新)

    整理一些常用的截取.查找字符函数: 1.查找某一个字符串中某一个字符(串)出现的次数 SELECT LENGTH(REGEXP_REPLACE(REPLACE('anne<br>lily& ...

  4. MySQL常用SQL/函数汇总(持续更新)

    自动生成ROWNUN SELECT (@rowNO := @rowNo+1) AS rowno,a.uuid FROM (SELECT * FROM h_log_proc) a,(SELECT @ro ...

  5. JavaScript中常用函数(入门级)(持续更新)

    本文中枫竹梦介绍一些JavaScript中入门级的常用函数,对于已经过了入门的童鞋可选择略过,都是一些非常实用的函数.如果发现什么问题,欢迎讨论. 问题列表 Q1: 设计一个函数repeatIt(st ...

  6. JavaScript中的运动数学函数(持续更新)

    经常需要实现JS的动画效果,就会用到如下的一些数学的东西. 二次方运动,从0开始加速: var f=function(t,orgvalue,changevalue,runtime){ var t=t/ ...

  7. Matlab近期用到的函数(持续更新)

    最近任务用到matlab较多,第一版的代码大部分对于矩阵类的计算都是用for循环来完成的,主要是思维还没有适应matlab.看了同事的一份代码后,现在遇到需要循环的地方第一反应就是如何能够用矩阵的直接 ...

  8. Excel函数(不定期持续更新)

    1.COUNTIF函数 COUNTIF函数用来计算单元格区域内符合条件的单元格个数. COUNTIF函数只有两个参数 COUNTIF(单元格区域,计算的条件) 例如:计算上海市的数量

  9. MFC/Windows API 使用过的函数(持续更新)

    /*******************使用默认画笔对象**************************** // //绘制矩形 pDC->MoveTo(50, 50); //返回值是一个指 ...

  10. Js 常用函数【持续更新】

    Js Math对象方法介绍:http://www.w3school.com.cn/jsref/jsref_obj_math.asp 1. 算数函数(Math) 1)Js小数取整 常用于:分页算法 js ...

随机推荐

  1. 深度解密Go语言之反射

    目录 什么是反射 为什么要用反射 反射是如何实现的 types 和 interface 反射的基本函数 反射的三大定律 反射相关函数的使用 代码样例 未导出成员 反射的实际应用 json 序列化 De ...

  2. 夯实Java基础系列18:深入理解Java内部类及其实现原理

    本系列文章将整理到我在GitHub上的<Java面试指南>仓库,更多精彩内容请到我的仓库里查看 https://github.com/h2pl/Java-Tutorial 喜欢的话麻烦点下 ...

  3. vue解决刷新时闪烁

    原文地址:原文地址 1.在vue容器的div里面加上 v-cloak <div id="app" v-cloak> 2.样式文件中加上 <style type=& ...

  4. Scala 异常处理

    Scala 异常处理: parseURL("www.baidu.com") 会返回一个 Success[URL] ,包含了解析后的网址, 反之 parseULR("www ...

  5. Scala 多继承顺序

    Trait多继承顺序: 准则: 如果有超类,则先调用超类的函数. 如果混入的trait有父trait,它会按照继承层次先调用父trait的构造函数. 如果有多个父trait,则按顺序从左到右执行. 所 ...

  6. Redis分片机制

    文章原创于公众号:程序猿周先森.本平台不定时更新,喜欢我的文章,欢迎关注我的微信公众号. 前两篇文章对Redis主从复制和主从切换的知识点进行了介绍,但是也很明显的有一点小弊端: 需要定时进行主从复制 ...

  7. linux无法安装应用

    需安装flex 和bison 一般需要更新软件源 root权限 下 apt-get update apt-get upgrade 如果出现以下问题,先查看网络是否畅通: ping 192.168.0. ...

  8. spring源码分析系列4:ApplicationContext研究

    ApplicationContext接口 首先看一下一个最基本的上下文应该是什么样子 ApplicationContext接口的注释里写的很清楚: 一个基本applicationContext应该提供 ...

  9. gorilla/mux类库解析

    golang自带的http.SeverMux路由实现简单,本质是一个map[string]Handler,是请求路径与该路径对应的处理函数的映射关系.实现简单功能也比较单一: 不支持正则路由, 这个是 ...

  10. [动态规划]高数Umaru系列(9)——哈士奇(背包问题)

    高数Umaru系列(9)——哈士奇 http://acm.sdut.edu.cn/onlinejudge2/index.php/Home/Index/problemdetail/pid/3358.ht ...