fusheng啊
前端摸鱼大师
获得徽章 1
- 1. background-clip 实现，background-clip 用于设置元素的背景，是否延伸到边框、内边距盒子、内容盒子下面
2. mix-blend-mode 实现赞过 评论1 - 1. docx 的实现需要使用 docx-preview 插件
2. pdf 的预览需要使用 pdfjs 这个插件,通过将文件流解析写到 canvas 上实现预览效果评论点赞 - 1. 使用 ESLint 的 React Hooks 插件
2. 以正确的顺序创建函数组件
3. 掌握 useEffect 异步用法
4. 尽力避免使用 useLayoutEffect
5. 使用 useContext 避免 prop-drilling
6. 善用 useMemo、useCallback、惰性初始化函数提升性能、自定义 Hooks 捆绑封装逻辑与相关 state
7. 自定义 Hooks 增加单元测试展开评论点赞 - antd 是 react 主流组件库。
可以在 renderWithHooks 中调用函数组件的地方打上一个条件断点，在调用想调试的组件时断住，这样就能 step into 到该组件定义的地方。评论点赞 - fabric.js 功能强大，可以轻松的开发出一个简易版的图片编辑器，自定义素材、模板、字体文件；
还可以结合数据接口拼接模板生成图片，实现定制模板 + 生成图片的功能评论点赞 - 1. 函数节流是一个常见的优化方式，可以有效避免函数的频繁执行
2. CSS 的实现思路和 JS 不同，重点在于在于找到该场景相关联的属性
3. CSS 实现“节流”是一个动画的精准控制，如果有一个动画控制按钮从禁用->可点击的变化，每次点击时让这个动画重新执行一遍，在执行的过程中，一直处于禁用状态，这样就达到了“节流”的效果
4 通过 transition 的回调函数动态设置按钮禁用展开评论点赞 - 1. 利用 iframe 创建沙箱，取出其中的原生浏览器的全局对象作为沙箱的全局对象
2. 设置黑名单，若访问黑名单中的变量，直接报错，以此实现阻止\隔离
3. 在黑名单中添加 document 字段，来实现禁止开发者操作 DOM
4. 黑名单添加 XMLHttpRequest、fetch、WebSocket 字段，实现禁用原生的方式调用接口
5. 若访问当前全局对象中不存在的变量，直接报错，实现禁用三方库调接口
6. 拦截对 window 对象的访问，防止通过 window.document 来操作 DOM，避免沙箱逃逸展开评论点赞 - 1. 基于 rem 的适配，适用场景为：不固定宽高比的 Web 应用，适用于绝大部分业务场景
2. 基于 scale 的适配，适用场景为：固定宽高比的Web应用，如大屏或者固定窗口业务应用，但对有地图交互的业务不是很友好评论点赞 - position: sticky 吸顶
：empty 选择器
gap 属性适用于 grid布局、flex布局以及多列布局
background-clip: text 用来做背景文字
user-select 禁用光标选中评论点赞 - TinyPNG使用智能的 有损压缩技术 来减少WEBP、JPEG和PNG文件的文件大小。通过选择性减少图像中的颜色数量 ，使用更少的字节来存储数据。评论点赞