前后端分离并不是什么新鲜事，到处都是前后端分离的实践。然而一些历史项目在从一体化 Web 设计转向前后端分离的架构时，仍然不可避免的会遇到各种各样的问题。由于层出不穷的问题，甚至会有团队质疑，一体化好好的，为什么要前后端分离？ 比为什么要前后端分离更现实的问题是什么时候需要前后…

内容contain，静态定位, margin-top值为header的高度，margin-left的值为aside的宽度，是router-view的出口。分为两部分： js的scrollIntoView方法，优点是不需要锚点定位，代码简单。缺点也是浏览器兼容性问题，不支持saf…

更新：我提交了一个 PR 到 React 官方文档，为其添加了 Render props。 更新2：添加一部分内容来说明 “children 作为一个函数” 也是相同的概念，只是 prop 名称不同罢了。 我认为，高阶组件模式 作为一个在许多基于 React 的代码中流行的代码…

在编程时，用一个你喜欢的字体可以大大提高效率，越看越舒服。这篇文章就推荐 5 个在 GitHub 上优秀的字体供大家选择吧！ 1. Iosevka Iosevka 是一款由 be5invis 大佬开发的开源字体。它支持了 15 种不同的样式（可前往 GitHub 仓库中预览），…

今年开始厚着脸皮写一些技术文章，大概平均两周能写出一篇。产量不高，一是因为平时上班还是挺忙的，二是不想为了写而写，如果自己都不觉得有意思的东西，是很难写下去的。 俗话说的好评论装逼末尾要加后缀，文章牛逼标题要加前缀，所以一直也想写个什么系列，可以给文章标题加个前缀。但是像什么闭…

性能优化是前端一个经久不衰的话题，我们都希望能给用户带来性能更好、更快的体验。优化页面的性能有非常多的手段，本文主要介绍 Alibaba.com 使用 ServiceWorker 优化性能的实践经验。 在谈性能优化之前我们，我们需要了解一下页面的性能该如何定义。其实性能有非常多…

看起来是不是还可以，如果你知道如何使用，相信你会更觉得我不是一个标题党。 这里是我很想说的，我还没有自负到或者说贪心到有能力去实现一个完美的合理的antd动态换肤方案。比如开源社区里的antd-theme-webpack-plugin和antd-theme-generator就…

Toast 不需要同页面一起被渲染，而是根据需要被随时调用。 Toast 是一个轻量级的提示组件，它的提示不会打断用户操作，并且会在提示的一段时间后自动关闭。 Toast 需要提供几种不同的消息类型以适应不同的使用场景。 Toast 的方法必须足够简洁，以避免不必要的代码冗余。…

当你的网页使用了最新的流行技术（比如 React、CSS3, ES6/7 等）却被要求兼容 IE 浏览器的时候你的内心其实是崩溃的，但毕竟 IE 存在了这么久要指望它一下子消失是不太现实的，所以作为一个有 (mei) 追 (ban) 求 (fa) 的前端我们还是来看看如何兼容