学 H5，那玩意儿实际上就是把手机屏幕当 PC 看，只要手机能装就行。别跟我扯啥 H5 是 Web 里的屎山，那是给老油条看的。咱们直接说，学 H5 就是个练手，练手不练手，手机能刷就行。 我当时就是抱着“随意玩玩”的心态上手的。
那时候公司刚出个活动，页面特别丑，全是红色和黑色块，我一看这玩意儿，心想这玩意儿不就是个 Canvas 裹着个 div 吗？居然还能搞出花来？便乎，我先把手机浏览器打开，故意弄点乱码，然后点右键开启开发者工具。 那时候我就想，这玩意儿不就是把 HTML 塞进 div 里，CSS 用 flex 排版，JS 画个图好吗？我直接拿记事本写代码，CSS 局部我就学着用 flex 布局，让图片在中间，文字上下浮动，有时候真整出点花来，认定挺有意思的。结局啊，你就发现这玩意儿实际上挺分散。 HTML 是骨架，CSS 是皮肤，JS 是灵魂。你不懂，玩半天就忘了。 记得那次做个人主页，我本来想用原来的框架，结局发现框架忒重了，再转过来，才发现得先把 base 重置一遍，再引入公共组件库，最终再写个个人类的 css。我那时候简直崩溃，心想这玩意儿到底如何如此复杂？后来索性就这样了。我直接新建一个 html 文件，里面塞几个 div，然后写个好办的脚本，能不能动？能不能变色？能不能做个好办的背景动画？能就行。 实际上做 H5 最大的益处就是成本低，门槛低。
不像那会儿做网页，你得懂啥 schema，啥 SEO，啥埋点，啥后台接口对接。目前学 H5，你只需求学会如何让屏幕动起来。
比如做个签到页，你只需求个 input 框，加上个定时器，每秒变一下颜色，让人点一下就行。做个倒计时也行，几个数字减减减。 数据这东西在 H5 里真挺有意思的。
比如我之前做过一个“猜数字”的小游戏，我直接想在页面里嵌个 canvas 画个盘，把 1 到 100 的数字画出来。结局啊，我就用个纯色的 div 圈个框，写着 1 到 100。别看丑了点，但挺直观的。
然后我只需求写个好办的逻辑，用户点选一个，页面就变色，告诉你猜得对不对。
后来我想得细了，是不是得存到数据库里？还是得统计用户选了哪个？最终想了想，还是先搞个 demo 吧。 要是你真打算学，建议找个现成的框架参考一下，比如早期的 uniapp，要么目前的各种低代码工具。别全靠自己从零写，那样累死了，心还累。你只需求熟悉一下 base reset，再熟悉一下如何布局，再熟悉一下如何动。 我有个哥们儿，就是他纯粹学 H5 的。他啥数据库都没碰过，啥后端也没管过。他就是一个一个 demo 加个 demo。结局那段工夫，他脑子里全是如何去把一个大图分割成多个图，如何给这些图加个 nice 的圆角和阴影。
哪怕最终做出来的东西没啥用，他也挺快乐的。 实际上学 H5 最关键的是心态。别总想着要做一个完美的、复杂的、能上线的 APP。H5 就是那个随时能跑、随时能删、随时能换的临时战场。它能让你快速验证个想法，能帮你把个点子落地。 你想想，赶明儿大家都把手机当 PC 用了，网页做得再好也没用，要不就它能跑到手机上。H5 就是那个最接近 Web 原生体验的容器。它不纠结于浏览器，不纠结于渲染引擎，它只在乎能不能让手机上的用户快乐。 故此，学 H5 不难。就是拿手机当电脑，用浏览器当 IDE，用 HTML 写文档，用 CSS 改排版，用 JS 动个图。
这玩意儿实际上就是个视觉特效和交互的展示屏。 你要是真感兴趣，那就赶紧上手吧。
哪怕做的就是个好办的点赞按钮，哪怕它长得丑一点，只要能动，你就成功了。H5 就是这样，不玩，你就不知道它有多好玩。玩了，你就知道它有多好用。 总而言之，学 H5，就是学如何在手机上给东西加点灵魂。别忒纠结技术细节，先做个 Demo，再慢慢优化。
