官网提供的按需引入方法为全量按需引入，在打包分离中，仍旧存在使用不到的图表被打包进去。
例如：组件A使用了折线图、柱状图，组件B只用到了折线图，但是打包组件B的时候，柱状图也会被打包进去。
本文提供一种动态按需引入的思路，使得只用到折线图的组件B，打包的时候只打包折线图，不会将组件A用到[……]
React 18 自定义 Hook 获取 useState 最新值
原理：通过同步更新 useRef 来获取最新值
|
1 2 3 4 5 6 7 8 9 10 11 |
// util.ts export const useRefState = (init: any = null) => { const [state, setState] = useState(init); const stateRef = useRef(init); const setProxy = (newVal: any) => { stateRef.current = newVal; setState(newVal); }; const getState = () => stateRef.current; return [state, setProxy, getState]; }; |
使用：
|
1 2 3 4 5 6 7 |
import { useRefState } from "util" const [state, setState, getState] = useRefState(0) state // state 值，变动后更新DOM setState // setState，变动 state getState() // 获取最新值 |
处理报错 ResizeObserver loop completed with undelivered notifications.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
// 处理报错 ResizeObserver loop completed with undelivered notifications. export const handlerResizeObserverError = () => { const debounce = (callback: (...args: any[]) => void, delay: number) => { let tid: any; return function (...args: any[]) { const ctx = self; tid && clearTimeout(tid); tid = setTimeout(() => { callback.apply(ctx, args) }, delay) } } const _ = (window as any).ResizeObserver; (window as any).ResizeObserver = class ResizeObserver extends _ { constructor(callback: (...args: any[]) => void) { callback = debounce(callback, 20) super(callback) } } } |
Mac版Sublime Text 4152 激活
- Sublime Text下载地址：Download – Sublime Text
- 破解工具“Hex Fiend”下载地址：Hex Fiend, a fast and clever hex editor for macOS
- 打开Hex Fiend -> File ->[……]
JS获取浏览器宽高的兼容写法
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var h = window.innerHeight || document.documentElemen[……]
ios滚动列表白屏问题
移动端分页列表，在ios上滚动加载分页时候，使用scrollTop，会引起白屏问题。
看不少文章说是使用了-webkit-overflow-scrolling: touch;引起的硬件加速问题。亲测删除问题仍然存在。
|
1 2 3 4 5 |
this.$nextTick(() => { window.scrollTo(0, 1); window.scrollTo(0, 0); }) |
[cr[……]
处理一直显示npm WARN using –force Recommended protections disabled.的问题
使用 npm config set force false 可以消除。
兼容ios11的正则匹配
ios11不支持正则零宽断言，以字符串 $哈哈哈(sh039488)$ 为例：
不兼容写法：/\$(?<=\$).*?(?=\)\$)\)\$/g
兼容写法：/\$(.*?)\)\$/g
js正则匹配以$开头和结尾的内容，并改变颜色
|
1 2 3 4 5 |
let res = "$你好你好$" res = res.replace(/\$(?<=\$).*?(?=\$)\$/g, `<span onclick="((params)=>{ console.log(params) })('$&')" style="color: dodgerblue;padding: 0 5px;">$&</span>`) |
Windows中Powershell中的 rm -rf 等效命令
Remove-Item -Recurse -Force <要删除的目录>
可以简写为：
rm -r -fo <要删除目录>