前端小白如何用Uniapp全栈开发？

作为一名即将大二的野路子前端，我决定写下这篇文章，把我这18天里的所有经验教训分享出来。虽然项目基于Uniapp X，但我认为不管使用哪个技术栈进行开发，这篇文章dou会对你有所启示。

我的答案是：整整18天，并且每天肝将近16个小时。你可Neng会问，Zuo一个简单的APP，是否真的需要18天？我的初衷非常简单，放眼国内市场，移动端的开发需求依旧旺盛。作为一名 Vue 技术栈的开发者，Uniapp 那句 “一端编译，多端运行” 的口号深深吸引了我。

在评估一个框架时请优先列出你的核心需求，然后去验证这个框架是否会因为功Neng限制而阻碍这些需求的实现。选择一个框架，我们不Neng只kan它“有什么”，geng要kan它 “没什么” 。Uniapp X 为了实现代码到原生的编译，舍弃了大量在 Web 端常见但在原生端难以兼容的特性。

比如 CSS 中的 视口宽高、阴影、3D 变换、径向渐变、伪元素、伪类选择器……这些在 Web 开发中信手拈来的工具，在 Hbuilder 编辑器里dou变成了刺眼的黄色波浪：“不支持”。许多酷炫的想法，在诞生的那一刻就因为框架的限制而被迫放弃。

实际上，这种折磨的根源，来自于三种想法的冲突，而我把它们为开发中的不可Neng三角：实现速度快，用户体验好，以及技术上的完美实现。这三种思想虽然大多数时候相辅相成，但是一旦发生冲突就极其难以取舍。

为了解决这个问题，我尝试了定类型、写接口、转语法等各种方案，均以失败告终。Zui后我只Neng采取“隐瞒编译器”的方法：将整个 event 对象强制转换为字符串，然后通过关键词匹配和字符串切割来“提取”我需要的信息。

前面dou是在讲方法，也许你在Zui终Zuo完项目后对这些方法会有geng深层的理解与kan法，Neng出geng适合自己的方法论，但接下来讲的，却是一套套方法所无法解决的问题——心态问题。在开发初期，我被 webview 的加载问题卡住了。我Neng成功加载官方示例中的单文件 HTML，却无法加载我自己用 Vue CLI 打包的多文件网页应用。

不断出现的闪烁、黑块与卡顿，甚至没有规律可循：有的问题出现在旗舰机而非性Neng差得多的中端机，所以你甚至没办法推理出它们是因为什么出现；而安卓模拟器哪怕限制它只使用1核CPU与1GB内存，dou比那些高性Neng的手机geng稳定，完全无法复现问题。

九天前的APP，和现在的APP，从表面kan几乎没什么差别。这种原地踏步的感觉，真的hen容易让人气馁，甚至怀疑自己这些天是不是在浪费时间。但请你相信，这些努力恰恰是区分一个玩具Demo和一个可靠产品的关键。

我理解了后端当我kan到uniCloud那有限的免费读写次数时我瞬间明白了为什么后端要那么“抠门”，为什么他们要对数据进行严格的校验和限制。因为服务器的每一个资源，dou是真金白银的成本，每一次不必要的数据库查询，dou是在烧钱。

选型思考一： 在评估一个框架时请优先列出你的核心需求，然后去验证这个框架是否会因为功Neng限制而阻碍这些需求的实现。 选型思考二： 参考自身情况，你是否愿意为探索一门新技术投入大量的时间和精力？ 选型思考三： Ru果在开发中遇到棘手问题，社区里是否Neng快速找到答案？是否有现成的、可靠的“轮子”Neng帮你节省时间？

,里面既有简单的完善代码质量任务，也有作者完全搞不定的各式难题，无论你是单纯想熟悉一下PR流程，还是愿意帮助作者完善项目，亦或是kan完文章之后想了解一下实现方式，这里dou欢迎你的到来！Ru果你是经验丰富的前端大佬