WEB开发 14 Jan 2022 ZRender中Group重复添加同一个显示元素，是否有额外性能开销？ 二维绘图引擎ZRender中Group是一个容器，可以插入子显示元素。Group重复添加同一个子元素，不会有额外性能开销。满足三个条件，ZRender才会真正执行添加（add）操作。 阅读原文
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 如果不考虑性能… 阅读原文
