技术 7 Sep 2021 最新Google Adsense广告固定宽高尺寸的使用方法 现在Google Adsense主推自适应广告,便利性极强,是一个省心省力的不错选择。 然而,弊端也很明显。对于结构复杂的网页,自适应机制较难快速找到合适位置插入广告,旧网站兼容性更差。 好在Google Adsense仍保留固定尺寸广告的选项,使用方法十分简单。 推荐使用官方的生成器获得代码段,参… 阅读原文
WEB开发 23 Jul 2021 javascript中使用多行字符串 ECMAScript 6.0 中,新增了模板字面量Template literals (Template strings)。 let test = `hello world`; console.log(test); ECMAScript 5.0中,用反斜杠换行。 let test = "h… 阅读原文
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(&… 阅读原文