混合开发这个词，很多人第一次接触是在招聘要求里：会 H5、懂 WebView、能和原生互相调用。真到动手时才发现，难点不在「写页面」，而在页面和原生之间那层桥怎么搭、状态怎么同步、返回键怎么处理、白屏了怎么查。这门课拿京东 APP 作为实战对象，切入的正是这些具体问题。

先确认自己缺的是哪一块

如果你已经能独立写 Vue 或 React 页面，但没做过移动端容器里的适配，缺的是 WebView 生命周期、路由接管、原生能力调用这部分。如果你写惯了 Android 或 iOS 原生，缺的可能是前端工程化那一套：构建、热更新、静态资源加载顺序。还有一种情况更常见——两边都懂一点，但没完整跑通过一个「看起来像真的 App」的项目，遇到闪退、白屏、返回逻辑错乱时不知道从哪一层排查。

这门课的定位偏向前两种缺口的补齐。它以京东 APP 这类电商场景为主线，意味着你会碰到真实项目里才会出现的问题：首页多 tab 切换、商品列表下拉加载、详情页与原生导航栏的配合、登录态在 H5 与原生之间的传递。这些不是练习题式的知识点，而是必须做出来的功能。

混合开发真正的门槛在哪

很多人以为混合开发就是「套个壳」，写完页面扔进 WebView 就完事。实际卡人的地方通常有三个。第一是通信：JS 调原生、原生调 JS，两边参数怎么序列化、回调怎么保证不丢、异步情况下页面已经销毁了怎么办。第二是性能观感：WebView 首屏慢、滚动卡顿、页面切换有白屏，这些问题在纯 Web 里不明显，在 App 里用户一眼就能看出来。第三是调试链路：真机上的问题没法像浏览器那样打开控制台，需要借助远程调试、日志桥接等手段。

课程围绕京东 APP 展开，等于把这三个问题放在一个具体业务里解决。你会看到页面不是孤立存在的，它要和原生导航、原生登录、原生支付串起来，任何一个环节的定义不清楚，整个流程就走不通。

配套练习该怎么做才有效

看这类实战课最容易犯的错，是跟着视频敲一遍就以为会了。更有效的做法是：每看完一个模块，先把这一部分的代码关掉，自己从零搭一遍骨架，只保留最核心的通信和页面跳转，确认自己能独立复现，再往回填细节。遇到讲原生侧代码的段落，如果你只做前端，至少要把调用参数和返回值搞清楚，不然联调时说不清楚问题出在哪一侧。

另外建议准备一台真机。模拟器上跑得顺不代表真机没问题，尤其是 WebView 版本差异、软键盘遮挡、返回键行为这几类。

看完应该能回答的问题

JS 和原生之间的通信，同步和异步各自适合什么场景，回调丢失一般怎么产生？
混合页面在什么时机加载最合适，首屏白屏能从哪几个方向压缩？
原生导航栏和 H5 页面内的返回按钮，怎样保证行为一致、不出现返回两次？
登录态、用户信息这类数据放在哪一侧维护，怎么保证两边不打架？
真机上页面出问题时，排查路径是什么，先看哪一层？

如果这些问题你现在答不上来，或者答得含糊，这门课值得按模块过一遍。如果你的项目已经在用混合方案、只是某一块不熟，也可以直接跳到对应章节，不必从头看。