获得徽章 1
- Day 15
今天阅读了阅读材料《为什么说 90% 的前端不会调试 Ant Design 源码?》,从中了解到antd 是 react 主流组件库,我们经常使用它但可能并没有调试过它的源码。我们可以在 renderWithHooks 里调用函数组件的地方打个条件断点,在调用想调试的组件时断住,这样我们就可以 step into 到该组件定义的地方。展开评论点赞 - Day 14今天阅读了阅读材料《使用fabric.js 快速开发一个图片编辑器》,了解了fabric.js的功能很强大,可以很轻松的开发出一个简版的图片编辑器,自定义素材、模板、字体文件;还可以结合数据接口拼接模板生成图片,很轻松的实现定制模板 + 生成图片的功能。评论点赞
- Day 13
今天阅读了阅读材料《还在用 JS 做节流吗?CSS 也可以防止按钮重复点击》,作者通过 CSS 的思路实现了类似“节流”的功能,相比 JS 实现而言,实现更精简、使用更简单,没有框架限制;不过,这种实现方式还是比较有局限的,仅限于点击行为,像很多时候,节流可能会用在滚动事件或者键盘事件上,像这些场景就用传统方式实现就行了。展开评论点赞 - Day 12今天阅读了阅读材料《面试官:请设计一个不能操作DOM和调接口的环境》,作者通过解决面试官提出的问题,介绍了沙箱的基本概念、应用场景,以及如何去实现符合要求的沙箱,发现防止沙箱逃逸是一件挺有趣的事情。评论点赞
- Day 11今天阅读了阅读材料《Vite项目屏幕适配的两种方案,超详细!》,作者给我们介绍了两种方案——1.基于rem的适配方案,适用不固定宽高比的Web应用,适用于绝大部分业务场景;2.基于scale的适配方案,适用固定宽高比的Web应用,如大屏或者固定窗口业务应用。评论点赞
- Day 10
今天阅读了阅读材料《 细数那些惊艳一时的 CSS 属性》,作者给我们介绍了 position: sticky、:empty 选择器、gap、background-clip: text、user-select、:invalid 伪类、:focus-within 伪类、mix-blend-mode:difference等css属性,让我了解了更多的css用法。展开评论点赞 - Day 9
今天阅读了阅读材料《图片不压缩,前端要背锅》,作者给我们讲述了页面图片过大前端开发人员一定要记得做压缩处理,介绍了图片压缩工具TinyPng以及命令行辅助工具。评论点赞 - Day 8
今天阅读了阅读材料《前端构建新世代,Esbuild 原来还能这么玩!》,作者给我们带来了带来 Esbuild 相关的介绍和实践,通过对架构优势以及与SWC对比的阐述,以及落地场景的介绍,让我对Esbuild有了初步认识。评论点赞