用户4955575447946
获得徽章 10
5月1日 day30：
qiankun 一共有 3 种沙箱：
1. SnapshotSandbox：记录 window 对象，每次 unmount 都要和微应用的环境进行 Diff。
2. LegacySandbox：在微应用修改 window.xxx 时直接记录 Diff，将其用于环境恢复。
3. ProxySandbox：为每个微应用分配一个 fakeWindow，当微应用操作 window 时，其实是在 fakeWindow 上操作。
qiankun 一共有 3 种沙箱：
1. SnapshotSandbox：记录 window 对象，每次 unmount 都要和微应用的环境进行 Diff。
2. LegacySandbox：在微应用修改 window.xxx 时直接记录 Diff，将其用于环境恢复。
3. ProxySandbox：为每个微应用分配一个 fakeWindow，当微应用操作 window 时，其实是在 fakeWindow 上操作。
展开
评论
点赞
4月29日 day29：
package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时会自动帮我们初始化好 package.json。
package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时会自动帮我们初始化好 package.json。
评论
点赞
4月28日 day28：
Tapable 是一个类似于 Node.js 中的 EventEmitter 的库，但更专注于自定义事件的触发和处理。通过 Tapable 可以注册自定义事件，然后在适当的时机去执行自定义事件。
Tapable 是一个类似于 Node.js 中的 EventEmitter 的库，但更专注于自定义事件的触发和处理。通过 Tapable 可以注册自定义事件，然后在适当的时机去执行自定义事件。
评论
点赞
4月27日 day27：
在 JavaScript 中，什么时候使用 Map 或胜过 Object：
1. Map 比 Object 快，除非有小的整数、数组索引的键，并且它更节省内存。
2. 如果需要一个频繁更新的 hash map，使用 Map；如果想要一个固定的键值集合（即记录），使用 Object，并注意原型继承带来的陷阱。
在 JavaScript 中，什么时候使用 Map 或胜过 Object：
1. Map 比 Object 快，除非有小的整数、数组索引的键，并且它更节省内存。
2. 如果需要一个频繁更新的 hash map，使用 Map；如果想要一个固定的键值集合（即记录），使用 Object，并注意原型继承带来的陷阱。
展开
评论
点赞
4月26日 day26：
Islands 架构在今年比较火，目前社区一些比较知名的新框架如 Fresh、Astro 都是 Islands 架构的典型代表。文章介绍了 Islands 架构诞生的来龙去脉，分析它相比于 Next.js、Gatsby 等传统方案的优势，并剖析社区相关框架的实现原理。
Islands 架构在今年比较火，目前社区一些比较知名的新框架如 Fresh、Astro 都是 Islands 架构的典型代表。文章介绍了 Islands 架构诞生的来龙去脉，分析它相比于 Next.js、Gatsby 等传统方案的优势，并剖析社区相关框架的实现原理。
评论
点赞
4月25日 day25：
docker 使应用部署更加轻量，可移植，可扩展，更好的环境隔离也更大程度地避免了生产环境与测试环境不一致的巨大尴尬。 docker 轻便可移植的特点也极大促进了 CI/CD 的发展。
docker 使应用部署更加轻量，可移植，可扩展，更好的环境隔离也更大程度地避免了生产环境与测试环境不一致的巨大尴尬。 docker 轻便可移植的特点也极大促进了 CI/CD 的发展。
评论
点赞
4月24日 day24：
可视化数据大屏适配方案：
1. 如果想简单，客户能同意留白，选用 scale 即可。
2. 如果需要兼容不同比例的大屏，并且想在不同比例中都有比较好的效果，图表占满屏幕，类似于移动端的响应式，可以采用 vw vh 的方案。
3. 至于 rem，作者认为是 scale 和 vw vh 的综合，最终的效果跟 scale 差不多。
可视化数据大屏适配方案：
1. 如果想简单，客户能同意留白，选用 scale 即可。
2. 如果需要兼容不同比例的大屏，并且想在不同比例中都有比较好的效果，图表占满屏幕，类似于移动端的响应式，可以采用 vw vh 的方案。
3. 至于 rem，作者认为是 scale 和 vw vh 的综合，最终的效果跟 scale 差不多。
展开
评论
点赞
4月23日 day23：
低代码是基于可视化和模型驱动理念，并结合云原生与多端体验技术实现的。它能够在多数业务场景下实现大幅度的提效降本，为专业开发者提供了一种全新的高生产力开发范式。
低代码是基于可视化和模型驱动理念，并结合云原生与多端体验技术实现的。它能够在多数业务场景下实现大幅度的提效降本，为专业开发者提供了一种全新的高生产力开发范式。
评论
点赞
4月22日 day22：
将树状结构扁平化后的数据处理就不容易出错了，具有以下优点：
1. 结构清晰，可以很轻易的对数据进行处理。
2. 特别是在特别大数据量的情况下，这种形式可以极大的提高性能，减去需要遍历的性能消耗。
3. 以前各种在数组对象出现的弊端都消失了。
将树状结构扁平化后的数据处理就不容易出错了，具有以下优点：
1. 结构清晰，可以很轻易的对数据进行处理。
2. 特别是在特别大数据量的情况下，这种形式可以极大的提高性能，减去需要遍历的性能消耗。
3. 以前各种在数组对象出现的弊端都消失了。
评论
点赞
4月21日 day21：
pnpm 是一个相比 npm/yarn 更优的方案。pnpm 是由 npm/yarn 衍生而来的，解决了 npm/yarn 内部潜在的 bug，并极大了地优化了性能，扩展了使用场景。
pnpm 是一个相比 npm/yarn 更优的方案。pnpm 是由 npm/yarn 衍生而来的，解决了 npm/yarn 内部潜在的 bug，并极大了地优化了性能，扩展了使用场景。
评论
1
4月20日 day20：
文章实现了一个纯前端的羊了个羊，依次实现了地图模拟、地图生成，卡片渲染、覆盖关系、填充数据、点击交互。
文章实现了一个纯前端的羊了个羊，依次实现了地图模拟、地图生成，卡片渲染、覆盖关系、填充数据、点击交互。
评论
点赞
4月19日 day19：
只会 console.log 是不够的，在面对页面渲染问题，网络问题，代码编译问题，依赖包问题，脚手架问题时，还可能需要打印输出、普通断点、条件断点、DOM 断点、VS code 断点等调式方式。
只会 console.log 是不够的，在面对页面渲染问题，网络问题，代码编译问题，依赖包问题，脚手架问题时，还可能需要打印输出、普通断点、条件断点、DOM 断点、VS code 断点等调式方式。
评论
点赞
4月18日 day18：
css的几个使用函数：Clamp(), Max(), 和 Min() 函数，可以用来高效实现以下功能:
1. 流体的尺寸和定位
2. 装饰性元素
3. 流体高度
4. Loading Bar
5. 动态分割器
6. 动态 border Radius
7. 间距
css的几个使用函数：Clamp(), Max(), 和 Min() 函数，可以用来高效实现以下功能:
1. 流体的尺寸和定位
2. 装饰性元素
3. 流体高度
4. Loading Bar
5. 动态分割器
6. 动态 border Radius
7. 间距
展开
评论
点赞
4月17日 day17:
相比定时器而言，CSS 在控制定时器的开启和暂停上更有优势。以下是定时器的几个替代方案：
1. :hover 配合 transition 延时、transitionend 监听可以实现鼠标经过延时触发效果。
2. :active 配合 transition 延时、transitionend 监听可以实现长按触发效果。
3. CSS 动画设置 infinite 后配合 animationiteration 监听可以实现周期性触发效果。
4. 直接通过 :hover 来控制台动画的暂停和播放。
相比定时器而言，CSS 在控制定时器的开启和暂停上更有优势。以下是定时器的几个替代方案：
1. :hover 配合 transition 延时、transitionend 监听可以实现鼠标经过延时触发效果。
2. :active 配合 transition 延时、transitionend 监听可以实现长按触发效果。
3. CSS 动画设置 infinite 后配合 animationiteration 监听可以实现周期性触发效果。
4. 直接通过 :hover 来控制台动画的暂停和播放。
展开
评论
点赞