uniapp_004_核心知识点概览


image-20240818125403847

开发规范

页面文件规范 - vue

image-20240818125533103

image-20240818125421840

template语言块

image-20240818125440352

整个页面template只能够有一个


script脚本块

image-20240818125501370


style样式块

style可以有多个

image-20240818125515087


组件标签规范 - 微信

image-20240818125547832

image-20240818125552318

div变成view

img变成image

span变成text

接口规范 - 靠近js api规范

image-20240818125626067

image-20240818125630521

数据绑定和事件处理

image-20240818125743324

布局

image-20240818132637783

web当中我们使用flex布局是考虑浏览器兼容的问题。

uniapp当中不用考虑这个问题,我们可以直接丢给框架来搞。

uniapp特色

条件编译

image-20240818132721203

image-20240818132808483

这样我们编译之后,我们只会把对应代码编译到对应的平台当中的;

Nvue的开发

image-20240818132852704

提供原生体验

week渲染引擎,提供原生渲染能力,使用week的组件api,也可以使用uniapp的组件和api

nvue等于是为weekx提供了大量的uniapp的组件和api;

这样我们在使用过程当中是更加快。

html5+

image-20240818133001483

html5+引擎,帮助我们,直接调用原生插件。

复杂功能,纯前端难做到,使用原生的android和ios插件。

内置了几十万api方法,方便快速实现原生能力。

==nvue和html5+是只能够在app端使用的;==小程序和浏览器是不会有的;

uniapp知识点

image-20240818215740851

全局都是一个组件化开发的思维;

网络状态,网络请求都是可以通过API来获取的。

image-20240818215828093

uniapp当中是没有vue-router的概念的,我们讲解的路由更类似于小程序当中的页面切换

image-20240818215907639

页面的隐藏显示,应用切换前后台,这些都是跟生命周期有关的

image-20240818215944614

语法包括

  • 数据绑定
  • 条件判断
  • 列表渲染
  • 事件

image-20240818220013046

布局样式

  • 样式的引用
  • 如何使用样式的预定义器:sass、less
  • 全局样式和局部样式
  • 字体图标
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值