常用前端解决方案

CSS 去除两个span之间的默认间距

去除两个span之间的默认间距：（两步解决）
1、将两个span的父级元素 font-size 设置为0。
2、然后再分别设置两个span的font-size即可解决。

js获取当前时间

getNowTime: function () {
	let dateTime
	let yy = new Date().getFullYear()
	let mm = new Date().getMonth() + 1
	let dd = new Date().getDate()
	let hh = new Date().getHours()
	let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
	:
	new Date().getMinutes()
	let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
	:
	new Date().getSeconds()
	dateTime = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss
	return dateTime
},

nodejs获取ini文件配置信息

var fs = require("fs")
var ini = require("ini")
// 读取ini文件并返回对应json数据
ParseInIFileToJson(strIniFilePath){
    if (fs.statSync(strIniFilePath)) {
      let strFileAllValue =fs.readFileSync(strIniFilePath,  "utf-8")
      console.log("strFileAllValue:",strFileAllValue.toString())
      let JsonValue = ini.parse(strFileAllValue)
      return JsonValue;  //返回Json对象
    } else {
      console.log("no conf")
      return 60
    }
}

nodejs字符串占位符，尤其适合既有单引号，又有双引号的字符串

const util = require('util'); 
let command = "ls"
util.format("gnome-terminal -e 'bash -c \"%s; exec bash\"'",command)

js 对纯json处理

json格式如下

{
	"test":{
		"test1":"test1"
	},
	"test2":{
		"test2":"test2"
	}
}

// 获取json数据的长度
let length = Object.keys(response.data.devices).length
let jsonData = JSON.parse(JSON.stringify(json_data))
Object.keys(json_data).forEach((item, index) => {
  // json数据的key
  console.log("key:", item)
  // json数据对应的值
  console.log("jsonData:",json_data[item])
})

node statSync使用注意

try {
  path = "test"
  // 当存在对应路径时
  fs.statSync(path)
} catch(e) {
  // 不存在路径采用抛异常
  console.log("error")
  return false
}

node 获取当前nodejs 进程目录

process.cwd()

node 获取当前文件目录

__dirname

滚动条样式对应css

.how::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.show::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 4px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #FF781A;
}
.show::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background   : #ededed;
}

前端模拟点击按钮

单个点击

document.getElementsByClassName("className").click()

连续点击

length为需要点击的次数，注意的是，每次点击完对应按钮后，整体dom对象会发生改变，从而导致对应元素索引发生改变，全部采用，每次点击索引为0的即可

let length = 3
_this.$nextTick(()=>{
	setTimeout(()=> {
	  let className = document.getElementsByClassName("className")
	  console.log("className:",className)
	  let num = 1
	  let i = 0
	  let clickInterval = setInterval(()=>{
	    console.log("i:",i)
	    console.log("inner className:",className)
	    className[0].click()
	    i = i + 1
	    if (i == length) {
	      clearInterval(clickInterval)
	    }
}, 800)