WEB开发 23 Jul 2021 js实现睡眠函数sleep()的最佳实践 睡眠函数是web开发过程中经常遇到的功能，javascript与时俱进，实现方法也在不断变化，目前最佳实践如下： // value 睡眠时间（毫秒） function sleep(value) { return new Promise(resolve => setTimeout(resolve… 阅读原文
WEB开发 22 Jul 2021 js判断对象object是否为数组array类型 在最新的各大现代浏览器中，能够直接使用isArray。 let demo1 = ; Array.isArray(demo1); // true let demo2 = {a: 1}; Array.isArray(demo2); // false 如果执行环境不支持isArray，参考下面方法扩展。 … 阅读原文
WEB开发 22 Jul 2021 js检测空对象{}的常用方式 新版本ECMAScript 5+： let checkEmptyObj = v => { return v && Object.keys(v).length === 0 && v.constructor === Object; }; checkEmptyObj({}); // true 低于E… 阅读原文
WEB开发 22 Jul 2021 原生js复制内容至剪切板，无需任何插件 获取html输入标签内容，聚焦，然后执行copy命令：document.execCommand('copy')。 示例完整代码： <!doctype html> <html lang="en"> <head> <meta charset=… 阅读原文
WEB开发 22 Jul 2021 JavaScript替换出现的所有子字符串方法汇总 最新现代浏览器中直接使用replaceAll。 let test = "mn aa ld aa 1k".replaceAll("aa", "cc"); console.log(test); // mn cc ld cc 1k 如果不考虑性能… 阅读原文
WEB开发 22 Jul 2021 CSS给文本或图像添加透明背景 主要有两种方式： 使用有透明通道的PNG或SVG图片作为背景css控制背景色 <style type="text/css"> p { margin: 30px 10%; } .test { background-color: rgba(0, 255, 0, 0.5);… 阅读原文
WEB开发 21 Jul 2021 Node.js项目命令行传递参数 Node.js命令行内容存储在process.argv。 第一个位置是node。 第二个位置是要执行的脚本文件。 后面其他位置为额外参数。 示例完整输出命令行内容。 // index.js process.argv.forEach((value, index, array) => { cons… 阅读原文
WEB开发 21 Jul 2021 js检测移动设备的代码段 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { console.log('移动设备'); } else { console.log(&… 阅读原文
WEB开发 21 Jul 2021 js在上传图像之前进行预览 上传图像选择input的file类型，根据图像信息，解析出预览image标签的src值。 <div> <img id="show" src="#" /> <input accept="image/*" type… 阅读原文
WEB开发 21 Jul 2021 jQuery刷新当前页面的方法 jQuery通过location.reload方法刷新页面，有一个可选参数，选择是否从缓存中加载页面，默认为false。 // 一些触发方法，这里是提交表单后刷新页面 $("form").submit(function(e){ location.reload(); // 使用缓存… 阅读原文
