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