在开发过程中，uni-app遇到了不少让开发者感到烦恼的问题。比如，在设置区域图片背景时，用css操作，本地静态图片在H5环境下能正常显示，但在app和微信小程序中就无法实现，这让许多开发者感到不解。
.text {
font-family: 'DINAlternateBold';
}
图片使用规则
uni.setStorageSync('COOKIES', res.header['Set-Cookie'])
这种对图片使用的限制，对整体开发进度造成了影响。比如，有些项目要求风格一致，在H5开发中常用的图片模式，到了app和小程序阶段，就得调整方法。此外，开发过程中，可能还需要在不同设备上保持界面视觉的一致性，这就迫使开发者寻找替代方案。为此，开发者需要研究如何获取和嵌入其他类型的图片资源，比如网络图片。同时，各个平台对图片背景的设置规则各不相同，这也给开发者带来了不少麻烦。
习惯了常规图片应用的开发者，面临这种变化，需要承担更大的学习负担。他们必须重新考虑如何保证视觉效果在各种设备上保持统一，尤其是在时间紧迫、任务繁重的项目里。
不支持的插件类型
不支持使用node插件以及那些涉及DOM操作的插件，这无疑是一项艰巨的任务。因为像某些操作DOM的方法，在非H5环境下是无法实现的。以某些特定需求的项目为例，开发者若想通过DOM操作来达到某些交互效果，往往会遇到障碍。即便是那些熟悉浏览器自带的window、document等对象的开发者，也无法使用这些对象。在众多场景中，开发者通常习惯于使用这些对象的属性和方法，但在此情况下，他们不得不重新思考逻辑。
然而，那些依赖浏览器组件的框架无法使用，这使得许多现成的代码和框架不能直接被利用。过去，有经验的开发者可以借助这些框架快速开发功能，但在uni-app中，他们必须放弃这些框架，转而寻找新的、合适的开发途径。
CSS样式相关
在CSS样式处理上，APP.vue文件中的page标签负责定义全局页面风格。若需在特定页面调整或取代这一通用样式，可以创建一个新的style标签，并引用page标签来实现覆盖。在具体的项目实践中，不同部门对页面风格的需求各不相同。以某些页面为例，它们可能需要个性化的视觉效果，这时开发人员便需精确运用上述技巧。
使用upx进行转换有特定的要求，且操作较为繁琐。在动态绑定样式时，不能直接应用upx单位，必须按照官方提供的方法将其转换为px单位。这种情况在屏幕适配要求较高的项目中容易引发问题，比如在开发那些需要在多种设备上保持最佳视觉效果的app时，开发者必须牢记这一转换规则，否则画面可能会出现变形。
Vue.js支持度
Vue.js在uni-app中的应用范围在App和小程序方面存在限制。而在H5版本中，这种限制相对较少。举例来说，某些功能在非H5平台上无法正常使用。这给开发者带来了不少不确定性。对于习惯用Vue.js常规方法开发uni-app的开发者而言，若未留意这一点，在测试时很可能会遇到大量错误。
不过，uni-app不仅支持Vue的生命周期实例，还涵盖了其他应用的启动等特殊生命周期功能。然而，开发者仍需细致区分不同平台间的差异，以确保开发工作的准确性。
组件数据绑定
在组件数据绑定上，部分组件可通过:value=””实现数据的双向关联，但并非所有组件都具备这一功能。若不支持，便需通过调用函数来获取数据。比如，在表单设计时，某些输入框组件对双向绑定的处理手法各异。对于需要精确数据输入的表单，这种不一致性可能会引发数据精确度的问题。
使用相关部件时，可通过@blur等手段在元素失去光标时获取数据。开发者需频繁查阅官方指南，以确保每个部件的使用方法无误，这无疑增加了他们的工作负担。
import Vue from 'vue'
import pageHead from './components/page-head.vue'
Vue.component('page-head',pageHead)
全局组件注册与高德地图API
uni-app允许对全局组件进行设置，一旦在main.js中完成注册，便能在各个页面中通用。这样的做法提升了开发速度，特别是在那些拥有众多可复用组件的大型项目中，全局注册能快速搭建起界面结构。
使用高德地图API时，务必正确设置微信小程序的安全域名，同时确保参数类型的准确性。曾有一团队在开发阶段因参数类型错误导致问题，微信开发者工具未提示错误，真机调试时才暴露出来，这导致他们花费了大量人力和时间进行故障排查。谈到这里，开发过程中确实有很多细节需要关注，不知道各位开发者是否有独特的应对方法可以分享？欢迎点赞和转发这篇文章。
