FrankKai.github.io
FrankKai.github.io copied to clipboard
FrankKai
FE blog
- 为什么我选择用mermaid绘图 - 最简demo - 排序 - 线段 - 活动期 - 备注 - 循环 - 注释 ### 为什么我选择用mermaid绘图 有尝试过一些绘图软件，例如draw.io，processon等等，这些绘图软件虽然强大，但都有一个通病：需要手动拖拽元素、连接线条、调整繁琐。对于绘制一些简单的时序图或者流程图而言，mermaid是一个非常好的选择。 优点如下： - 无需关注线条链接，粗细等等UI细节 - 可以在markdown中用mermaid绘图，就好比用md写文档和用word写文档做对比 - 语法简单，结构清晰，便于维护和更新
原文链接：https://developers.google.com/web/fundamentals/performance/rendering/stick-to-compositor-only-properties-and-manage-layer-count - 从哪些方面对Composite做性能优化？ - 对animation使用transform和opacity - 提升你想要动画化的元素 - 管理layer并且避免layer爆发 - 使用Chrome DevTools理解我们的应用上的layer Compositing指的是将页面上全部的painted部分放在一起在屏幕上展示。 这个区域有两个很关键的影响页面性能的因素：1.compositor layer的数量需要被管理。2.用于动画的属性也是。 ### 从哪些方面对Composite做性能优化？ - 为animation坚持使用transform和opacity - 通过will-change和translateZ提升移动的元素 - 避免过度使用提升规则；layer需要内存和管理 ### 对animation使用transform和opacity 性能最好的pixel pipeline版本就是避免layout和paint的版本，仅仅触发compositing改变：  为了达到这个目的，你需要坚持使用只单独触发compositor改变的属性。目前只有两个属性可以做到：`transform`和`opacity`。 ...
做前端中台业务一年多的时间，有一些心得体会，和大家分享分享。 - 中台是什么 - 中台业务的价值是什么 - 做了哪些前端中台业务 - 如何设计前端中台业务 - 未来展望 ### 中台是什么 百度百科的解释比较言简意赅：“中台，互联网术语，一般应用于大型企业。一般是指搭建一个灵活快速应对变化的架构，快速实现前端提的需求，避免重复建设，达到提高工作效率目的。” 当公司发展到一定规模，就需要建设中台团队来提高工作效率。 在前后端分离的协作模式下，会分为后端中台、前端中台。 对于前端中台来讲，常见的有BFF中台、业务中台等等。 我今天要分享的，主要是业务中台的一些经验。 ### 中台业务的价值是什么 中台业务的大背景，诞生于“降本增效”的大号角下。 无论公司大小，无论业绩如何，“降本增效”一直都是一个不变的、可以挖掘的话题。 企业需要盈利，除去增加利润之外，经营成本也是需要考虑的重要部分。而人力成本或者说协作成本作为经营成本的重要组成，投入一定的时间和经历，产出服务或者工具，从而降低成本 ### 做了哪些前端中台业务 大致列举一下。 - 低代码加载器（xxx官网接低代码平台前端技术方案） - 统一登录页（xxx账号统一过渡页业务线对接）...