WEB开发 26 Dec 2021 yarn 升级/降低/安装最新依赖包的方法总结 默认情况下，yarn安装抓取的是最新版本。有时候并不想用最新版本，比如包里面的一些功能太新，用到了还未普及的特性，需要临时降低版本，方法同安装指定版本一样，自动覆盖已安装的高版本。 阅读原文
WEB开发 10 Dec 2021 React使用browserHistory路由，常见服务器配置汇总 React新版本中使用browserHistory的方法： import React, { Component, Suspense, lazy } from 'react'; import { Route, HashRouter, Switch, Router } from '… 阅读原文
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… 阅读原文
