首页 » SEO优化 » php移动端开辟框架技巧_移动端开拓框架选择及实践

php移动端开辟框架技巧_移动端开拓框架选择及实践

duote123 2024-11-09 0

扫一扫用手机浏览

文章目录 [+]

一、移动端框架选型1、原生or 稠浊 or web

选型问题实在我并没有考虑,由于根据我们实际情形,最适宜的还是稠浊开拓。
这里大概阐述一下原生、稠浊、web的差异。

原生开拓没什么可说的,体验肯定是最好的,但是需android、ios两批人,小程序还要加人,人力成本相对较高。

php移动端开辟框架技巧_移动端开拓框架选择及实践

这里所说的web是指用webview包装,紧张问题是体验不太好,开拓本钱最低。

php移动端开辟框架技巧_移动端开拓框架选择及实践
(图片来自网络侵删)

而稠浊开拓则结合两者的上风,即可感想熏染原生的体验,也可享受热更新。
原生通过js调用android及ios的API(iOS是jscore,Android是v8)。
特殊是首页,列表等页面达到近似于原生的性能,也可以通过webview达到热更新的便利。

这里选型紧张考虑人力情形、开拓本钱情形、人才的知识构造等。
见下图:

2、三大框架

不谈论。
根据职员知识构造决定了选择vue。

3、flutter or uniapp

这里特殊说下flutter,由于它是google的产品,性能高。
但它也只是个界面库。
渲染性能排序:flutter>js调用原生渲染(react native/weex/uni-app)>webview渲染。
但是flutter的写法很有可奇葩,不适应web开拓者;其余三方接口调用方面能力弱。
虽然flutter的发展势头不错,但对我们团队来说,本钱还是太高。

二、uniapp框架选择

其实在写文章之前已经决定采取uniapp了,并不是它有多好,而是它适宜我们目前的小团队。
由于之前我们已经用uniapp来开拓app,但由于库太旧,对nvue的支持弱,就决定升级原框架及页面,但并不想从头开始布局,于是选择得当的根本通用框架。

1、uni-starter

dcloud官方供应的快速框架,官方描述:uni-starter是一个集成了大量商用项目常见功能的,云端一体运用快速开拓基本项目模版。
APP有很多通用的功能,比如登录注册、头像、设置、banner、... uni-starter将这些功能都已经集成好。

实在已经基本知足一个通用框架的基本条件,本来准备采取它,但是它后台基于uniCloud,而且“不能将后台改成php、java等其他后台,这将违反利用容许协议“,由于我们后台有自己的框架,以是只能放弃了。

2、uni-xiaofan

终极我们采取的根本框架。

缘故原由有三:

(1) 跟旧框架一脉相承,升级本钱低。

(2) 采取uview2,支持nvue。

(3) Mit协议,且目前作者在掩护。

3、ruoyi-uniapp

基于ruoyi的根本框架,目前只实现部分功能,界面可借鉴。

终极我们采取uni-xiaofan框架,并借鉴uni-starter及ruoyi-uniapp的部分功能。

三、uniapp实践1、实践目标

(1)平台必须支持app(android和Ios),微信小程序、Chrome。

(2)app只管即便采取nvue,特殊是首页和列表部分。

(3)只管即便采取flex布局,布局不该用百分比、没有媒体查询。

(4)基本框架支持vue3,只管即便同时支持vue3。

(5)部分功能用uni-cloud实践,如版本升级及问题反馈功能。

2、UI库

本项目UI库紧张采取uni-app自带的,再结合第三方库。
第三方根本库紧张采取uview2.0。

优先级:内置组件>uni-ui扩展组件>uview2.0组件>…

可通过uni_modules来安装扩展组件,不须要引用、注册,并可以通过右键快速更新组件。

3、布局

支持跨平台,框架利用 Flex 布局。

4、CSS

※只管即便不该用百分比布局,如width:100%

※class 进行绑定时只支持数组语法。

※不支持媒体查询。

※不能在 style 中引入字体文件。

※不支持在css里写背景图background-image,但可以利用image组件和层级来实现类似web中的背景效果。
由于原生开拓本身也没有web这种背景图观点。

※设置background-color。

※笔墨内容,必须只能在text组件下,text组件不能换行写内容,否则会涌现无法去除的周边空缺。

※只有text标签可以设置字体大小,字体颜色。

其余只管即便不该用uview2.0中的内置样式。

5、国际化

目前框架已支持国际化。
利用时{{$t('mine.notLoggedInfo')}}or$t('mine.feedback')调用即可。

6、支持uniCloud

虽然我们不完备采取uniCloud,但是部分功能可通过unicloud实现,如版本升级及问题反馈等,实现更便捷。

四、uniapp页面1、我的

2、

3、通讯录

4、事情台

标签:

相关文章

今日头条算法岗三面算法工程师的面试之路

大数据和人工智能技术逐渐成为各行各业的热门话题。今日头条作为中国领先的资讯平台,其算法岗位一直是求职者争相竞逐的焦点。本文将针对今...

SEO优化 2025-01-31 阅读1 评论0

今日头条算法如何打造个化内容推荐

在移动互联网时代,信息爆炸已成为常态。如何在海量信息中找到自己感兴趣的内容,成为了一个亟待解决的问题。今日头条作为一款备受瞩目的新...

SEO优化 2025-01-31 阅读1 评论0

今日头条算法推荐其弊端与反思

算法推荐已经成为各大平台的核心竞争力。今日头条作为国内领先的资讯平台,凭借其强大的算法推荐系统,吸引了大量用户。在享受算法带来的便...

SEO优化 2025-01-31 阅读1 评论0

今日头条算法思维导图信息推荐的奥秘

信息传播速度越来越快,用户对信息的需求也越来越多样化。今日头条作为一款备受关注的新闻资讯平台,其背后的算法推荐机制一直是业界关注的...

SEO优化 2025-01-31 阅读0 评论0