1. 重庆云诚科技 > 数码百科 >

〈uniapp开发网站〉Uniapp开发

导读uniapp和vue有什么区别?贡献用户名:【我笑他人看不穿丶】 ,现在由重庆云诚科技小编为你分析与【uniapp开发网站】的相关内容!最佳回答vue和uni-app的区别如下:1、uni-app可以通过打包...

今天重庆云诚科技就给我们广大朋友来聊聊uniapp开发网站,以下2个关于Uniapp开发的观点希望能帮助到您找到想要的答案。

uniapp和vue有什么区别?

贡献用户名:【我笑他人看不穿丶】 ,现在由重庆云诚科技小编为你分析与【uniapp开发网站】的相关内容!

最佳回答vue和uni-app的区别如下:

1、uni-app可以通过打包实现一套代码多端运行,而vue不行。

2、uni-app有自动的框架预载,加载页面的更快,vue没有。

3、uniapp使用小程序的标签,vue使用web端的标签。

4、uni不支持vue-router,使用自带的路由。

uni-app的优点

优点一:

uni-app是一套可以适用多端的开源框架,一套代码可以同时生成ios,Android,H5,微信小程序,支付宝小程序,百度小程序等。

优点二:

uni-app对前端开发人员比较友好,学习成本比较低,首先uni-app是基于vue.js的。其次封装的组件和微信小程序的组件一样。

优点三:

uni-app使用HBX进行开发,HBX对于vue语法等支持可以说是比较完备了。

以上就是重庆云诚科技小编分享贡献者:(我笑他人看不穿丶)解答的关于“uniapp和vue有什么区别?”的问题了,不知是否已经解决你的问题?如果没有,下一篇内容可能是你想要的答案,下面继续阐述下文用户【三生三世】分析的“uni-app 入门到精通 (二)”的一些相关疑点做出分析与解答,如果能找到你的答案,可以关注本站。

uniapp和vue有什么区别?

uni-app 入门到精通 (二)

贡献用户名:【三生三世】 ,现在由重庆云诚科技小编为你详解与【uniapp开发网站】的相关内容!

最佳回答18 年时候有幸接触到 uniapp , 写了一篇 《uni-app 入门到精通》 ,由于一些原因,该方案并没有执行,该项目一系列文章也就没有再写下去,所以遭受到了许多人评论的吐槽,到如今公司项目的需求又要根据 uniapp 写 H5 嵌入到 app 中,所以想根据项目实际开发分享一下,有兴趣的伙伴可以参考和吐槽。

这一篇文章主要分享一下内容

uniapp 模板项目有两种初始化方式

由于无法舍弃 VSCode ,我们采用 vue-cli 来初始化项目, HBuilderX 大家可以参照官方文档

这种方式是可以通过 vue 脚手架命令指定模板,这个是 dcloudio 的官方提供模板

我们选择默认模板即可,

成功后我们执行

打开浏览器地址,直接运行即可。

一般刚接触前端的小伙伴可能会对 postcss 不太了解,这里简单介绍一下,

当然 PostCSS 具体使用是需要引入一些插件的,例如常用的是 autoprefixer postcss-preset-env 等, 具体如何使用大家可以自行参考资料,毕竟这块知识还是挺多的就不具体展开解释了。

通常我们在写移动端时候需要做的是页面适配方案的确定, uni-app 支持的通用 css 单位包括 px、rpx , 之前的 upx 方案已经被废弃掉,官方解释是目前市面上已经基本上支持了微信的 rpx 方案,所以 upx 中转方案已经意义不大了,不过还可以继续使用,不过已经不再推荐。

rpx 之初是由微信小程序提出一种方案,即根据宽度来进行适配以 750 宽屏幕为基准, 750rpx 恰好为屏幕宽度, uni-app 规定屏幕基准宽度 750rpx 。所以说如果你们的UI 设计以 750*1334 iphone 6/6s 为基准设计的话,你只需要将屏幕上 px 写为 rpx 即可,不用做任何换算,如果不是的话,你就需要做如下换算:

uniapp 有自己一套路由管理机制,而未采用 vue-route 方案,个人认为这套方案还是比较成熟和好用的,以及可以满足我们日常的需求:

保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。

2.uni.redirectTo(OBJECT)

关闭当前页面,跳转到应用内的某个页面。

3.uni.reLaunch(OBJECT)

关闭所有页面,打开到应用内的某个页面。

注意: 如果调用了 uni.preloadPage(OBJECT)) 不会关闭,仅触发生命周期 onHide

4.uni.switchTab(OBJECT)

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

注意: 如果调用了 uni.preloadPage(OBJECT)不会关闭,仅触发生命周期 onHide

5.uni.navigateBack(OBJECT)

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。

5.uni.preloadPage(OBJECT)

预加载页面,是一种性能优化技术。被预载的页面,在打开时更快。

路由API 已经满足我们的需求,当然进行路由跳转的前提是我们需要在 pages.json 进行路由配置, 包括路由和具体的样式配置

而进行具体路由跳转我们需要如下,需要多加一个 /

需要特别注意的一点是, 利用浏览器 在 进行 移动H5页面调试时候,会出现页面刷新之后页面栈会消失,此时navigateBack不能返回,如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。

uniapp 提供网络请求的 api 是 uni.request ,具体支持的请求方法可以参考官网 method 有效值

不过我们通常不会直接使用,而是进过一系列的封装以方便我们的使用,具体封装接口使用会在随根据页面数据请求一并展示。

今天的内容先分享到这里了,读完本文《〈uniapp开发网站〉Uniapp开发》之后,是否是您想找的答案呢?想要了解更多,敬请关注www.cqycseo.com,您的关注是给小编最大的鼓励。

推荐文章:

  • 管家婆一句赢钱料图
  • 两肖两码准
  • 今期香港挂挂牌生肖表
  • 小鱼儿特马站
  • 平心静气打一生肖数字
  • 马会传真2019特马
  • 管家婆三十码
  • 管家婆登陆官网
  • u7金牛版
  • 平特一尾什么意思
  • 本文由网上采集发布,不代表我们立场,转载联系作者并注明出处:https://www.cqycseo.com/kangadmin/makehtml_archives_action.php?endid=0&startid=-1&typeid=15&totalnum=6115&startdd=700&pagesize=20&seltime=0&sstime=1679321406&stime=&etime=&uptype=&mkvalue=0&isremote=0&serviterm=

    联系我们

    在线咨询:点击这里给我发消息

    微信号:

    工作日:9:30-18:30,节假日休息