yilishan

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

进入状态 logo 上移滚动状态 开始展开状态 绝大部分内容展开状态 全部展开状态 动画需求综合分析 核心：页面滚动触发动画 页面滚动 钉钉 logo + description 发生 位置/大小/透

在日常编程过程中，经常能碰到非常复杂的流程问题。我们可以在JavaScript中实现Rust的match语法，来优化流程简化代码逻辑。

就是想告诉大家🤫 ：不要造轮子、不要造轮子、不要造轮子，怎么简单怎么来。把精力放在有价值的事情上，支撑域和通用域尽量外包，它们可能比你想象的要专业。不管是商业的SaaS ，还是开源方案我们都有很多选

作为前端工程师，无论是开发还是线上环境，浏览器或是 node，移动端或者 PC 端，经常会遇到一些 bug，那么如何快速定位和解决问题呢，笔者准备了一份前端调试指南供大家参考。

在前端性能优化树上有很多值得展开的话题，从输入 URL 到页面加载完成发生了什么 这一道经典的面试题就涉及到很多内容，但前端主要关注的部分还是 浏览器解析响应的内容并渲染展示给用户 这一步，本文将会详细分析这一步的具体过程并在分析的过程中理解该如何做性能优化。 浏览器从磁盘或网…

如何中使首屏加载更快？怎么让刷新或关闭浏览器之后数据依然不被清空？缓存对于前端来说都是非常重要的领域

总结起来，大体优化思路就是：缓存/预加载/并行，缓存一切网络请求，尽量在用户打开之前就加载好所有内容，能并行做的事不串行做。这里有些优化手段需要做好一整套工具和流程支持，需要跟开发效率权衡，视实际需求优化。

最近看到了好几篇与微前端相关的文章，对于微前端的架构基本都提到了 iframe 方式，但最终也没看到那篇文章最后选择了 iframe 架构。既然如此，那我就来试试看用 iframe 实现微前端怎么样。 项目可以分为两部分，一部分是统一的登陆注册入口，一分部是主要的管理内容区。 …