JS

本次分享含有很多小技巧，灵活使用能够提升技术水平和工作效率，具体包括以下知识点： 知识点1：:before :after伪元素的使用 知识点2：line-height: 0的妙用 知识点3：trans

由于做项目的需要，把一个线性[数组](https://so.csdn.net/so/search?q=%E6%95%B0%E7%BB%84&spm=1001.2101.3001.7020)转成树形数组

JS实现无限层级的树状的算法 以下是待转化的数组(以权限作为例子，parent_id代表其父节点Id)： 代码如下： 执行以下上述的getTrees方法即可获得树：

下载地址 csdn下载地址 服务端数据存储 当有多级菜单或者多级部门这样的场景的时候，传统的结构化数据设计都会用类似parentId来标识其父级，以达到多级树形结构存储于数据库中 服务端提供接口 服务

url模块和querystring模块 url模块：能够解析req.url的模块 url.parse语法：url.parse(‘解析的URL字符串’，‘query属性是否解析为对象’); 第一个参数：

```js (function () { const styleNode = document.createElement("style"); const w = document.clientWid

fillDateTime(type) { var endTime, temp, startTime, xlist, dayLen; var nowTime = new Date(); if (

```js //* 排序 _sortByKey(array, key, order) { return array.sort(function(a, b) { var x = a[key]; var

js正则表达式校验正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$...............

offsetTop：元素到offsetParent顶部的距离 offsetParent：距离元素最近的一个具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合条件，of

这里是javascript中制作滚动代码的常用属性 页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页

前言：偏移量，很多动画效果的实现都是通过去改变偏移量的改变来实现的，但是你真的完全了解offsetLeft，offsetTop吗？ 一、第一个小例子 ①第一个例子中，三个div的上一级的定位元素都是b

```js 限制到小数点后两位 const validate = /^(\-|\+)?\d+(\.\d)?\d{0,1}$/ validate.test(value) ```

一、顺序排序 1、按字符编码排序:sort() 2、将数组元素倒序排：reverse() 3、在sort()里面加个比较函数（从小到大排） 4、快速排序 效率相比上面的方法最高。 看不懂下面代码的话可

```js function setMask(){//设置遮罩层 var mask = document.createElement('div'); mask.style.width = window

```js 1.匹配正整数: ^[1-9]\d*$ 2.匹配负整数: ^-[1-9]\d*$ 3.匹配整数: ^-?[1-9]\d*$ 4.匹配非负整数（正整数 + 0）: ^[1-9]\d*|0$

marquee标签在HTML5 中已经不再受支持 但是我们很多时候会用到滚动字幕的样式，所以就采用了实时动态改变元素位置的方式来实现此功能，在实现的时候用过HTML DOM setInterval()

javascript获取最近一周时间范围 获取最近一个月的时间范围 获取最近三个月的时间范围

//* 原数组用reduce处理为table可用数据let resultTable = bugMarkList.reduce((preArr, item) => { let findObj = p

JavaScript 监听元素是否进入/移出可视区域 常规操作 防抖节流 IntersectionObserver 兼容的代码 常规操作   通常的做法是，监听srcoll事件，根据元素的offset