uniapp-day-one-day

基于为了一个项目而学习unipp的后端学生,讲句实话前端真的是爱了又爱,恨了又恨的,学了一下,过段时间就给忘了,vue3真的后端不怎么动手,就给它忘记了,可以步入正题吧。

配置

我是直接用的hbuiderX来学习,接通微信开发者小程序,大家可以选择用自己喜欢的hbuider制作公司的工具。

官网地址:uni-app官网 (dcloud.net.cn)

uniapp结构介绍

这个的我因为我刚开始学所以只能先把自己了解到的给大家讲,后面最后再进行填坑,还有就是有错误的话,请您一定要指出喔!

首先创建出来的项目就是这个样子的了,其中pages是放页面的,我们生成页面的时候可以选择创建同名目录和在pages.json中注册

static则是存储静态文件或者图片这些的

页面结构介绍

分为主要三个包子,第一个包子是template也就是我们用来画页面的,第二个包子则是script,在我浅显的前端知识面认知中是用来写前端逻辑的,数据这些;第三个则是style我则是用的sass来写css。

template中的·view其实就是我们认知中的div,但如果你用的是vue.js来编译的话那只能写一个view标签,姐同时如果你要将此项目转换成小程序,那不能把view直接写成div,否则他会发生转换错误。

pages.json文件分析

globalStyle是全局的,你看我那个uni学习进程没有其实它是优先性是低于局部的也就是上面的pages各个页面的title,同时局部的优先性是有序的,也就是最前面的最先编译

看上面这个就是index页面编译的优先性高于list页面再高于全局的title

页面的各个style标签uniapp官网也是又给介绍的

好了今天我就学到这里了,好像10点半对于程序员来讲太早了吧,我可不管就是下咯,打游戏咯。

拜了个拜!那年没实现的梦啊,总有一天。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值