前端轮回

网上有个段子：一天，小孩问父母，既然手机的电池这么不经用，为什么不发明一种「可插拔、可充电」的手机电池，这样外出游玩的时候就可以多带几块增加续航时间呢？

可不是吗？最早的手机电池就是这么设计的呢！

为什么我会想到这个段子呢？因为我发现前端也在或多或少地经历着这样的轮回。

比如，TailwindCSS 的用户说，给 div 想 className 太麻烦了，为什么不用 Tailwind 这种把样式直接写在 HTML 标签上的写法呢？这样一来，我们就可以把 <div class="sidebar"> 改写成：

<div class="fixed top-0 bottom-0 left-0 z-20 h-full w-16 flex flex-col 
bg-gradient-to-b from-gray-100 to-white transition-all duration-300 
overflow-hidden lg:sticky lg:w-80 lg:flex-shrink-0 lg:flex lg:justify-end 
lg:items-end 2xl:max-w-lg 2xl:w-full">

你看，这样多简洁，多直观。

可不是吗？最早的 style 属性就是这么用的呢！

再比如，很多前端觉得用媒体查询@media 写响应式样式好麻烦啊，要是 HTML 和 CSS 自己本身就是响应式的多好啊？

可不是吗？你只需要给 body 加个 max-width: 1000px，然后给 img 加个 max-width: 100\%，你的页面就可以适配任何屏幕呢！

再再比如，很多前端发现 webpack 打包好慢，要是 JS 不用打包直接就能运行在浏览器上多好呀。

可不是吗？JS 以前就是这么用的呢！

再再再比如，很多前端发现用 AJAX 加载动态内容好慢啊，要是内容一开始就嵌入页面里，这样就能节省好多请求和响应时间。

可不是吗？最开始的网页开发就是这么干的……

再再再再比如，用惯了动态加载信息流的用户发现，一旦点开某个信息，再回退时，就要重新滑动滚动条才能定位到刚才的位置，好麻烦啊！就不能自动记住上次浏览的位置吗？

可不是吗？以前的静态网页是可以被浏览器记住位置的呢……

没想到前端忙活了十几年，开发体验和用户体验竟然还在原地打转儿。

无意批判什么，就是吐吐槽。

拜拜。

饥人谷一直致力于培养有灵魂的编程者，打造专业有爱的国内前端技术圈子。如造梦师一般帮助近千名不甘寂寞的追梦人把编程梦变为现实，他们以饥人谷为起点，足迹遍布包括facebook、阿里巴巴、百度、网易、京东、今日头条、大众美团、饿了么、ofo在内的国内外大小企业。 了解培训课程：加微信 xiedaimala03，官网:https://jirengu.com