Skip to main content

10月16日内容汇总

· 3 min read
加菲猫

📒 开发小技巧总结

如何优雅删除数组中的元素:

const [imageList, setImageList] = useState([]);

const handleRemoveImage = (idx) => {
// 第一种:mutable 方式
// 由于 `splice` 方法直接修改原数组,所以数组指针实际上没有变化
// 当 setState 的时候,React 内部使用 `Object.is` 严格相等比较
// 由于指针没有改变,不会触发 React 调度更新
// 这里需要手动浅拷贝,创建一个新数组
imageList.splice(idx, 1);
setImageList([...imageList]);

// 第二种:immutable 方式
// 用 `filter` 返回一个新数组,简单直接
setImageList(l => l.filter((_, index) => index !== idx));
}

📒 如何优雅地编写一个高逼格的JS插件

📒 React 渲染的未来

📒 不破不立 —— 挥别 less-loader,Ant Design 5.0 Alpha 发布

📒 Vue3组件库打包指南,一次生成esm、esm-bundle、commonjs、umd四种格式

📒 Three.js 进阶之旅:模型光源结合生成明暗变化的创意页面-光与影之诗 💡

📒 Three.js 进阶之旅:基础入门(下)

📒 Three.js 进阶之旅:基础入门(上)

📒 使用 Vite 插件自动化实现骨架屏

📒 刚插上网线,电脑怎么知道自己的IP是什么

⭐️ Redis 实现分布式锁的 7 种方案

📒 Koa的洋葱中间件,Redux的中间件,Axios的拦截器让你迷惑吗?实现一个精简版的就彻底搞懂了

📒 学习 Babel 插件,把 Vue2 语法自动转成 Vue3!

📒 如何编写神奇的「插件机制」,优化基于 Antd Table 封装表格的混乱代码

📒 从龟速 11s 到闪电 1s,详解前端性能优化之首屏加载

📒 前端框架:性能与灵活性的取舍

⭐️ 【面试高频题】难度 1.5/5,多解法经典面试题

📒 React 中常见的 8 个错误,如何避免

⭐️ 在撸 Vue 的 ⌘+K 唤起菜单库时,我学到了很多

📒 Go 实战技巧:避免内存分配的小技巧