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(); // 使用缓存… 阅读原文
WEB开发 21 Jul 2021 jquery检测元素外部的点击 分两个部分，监听全局和目标元素自身的点击事件。 // 监听全局点击事件 $(window).click(function() { // 触发行为，比如隐藏一些元素 }); // 监听目标元素点击事件 $('#item').click(function(e){ e.stopPropag… 阅读原文
WEB开发 21 Jul 2021 JavaScript数组Array根据索引值添加新元素 JavaScript中Array的splice方法通过删除或替换现有元素或在适当位置添加新元素来更改数组的内容。 多数情况下，大家主要用splice删除元素，其实也可以添加元素。 splice的参数如下。 start：起始索引值deleteCount（可选）：删除数量item1, item2, …（… 阅读原文
