微信小程序主页面排版

本文介绍了微信小程序的开发基础知识,包括小程序的主要文件类型及其作用,以及Flex布局和适配方案。理解事件机制、组件化和数据绑定是小程序开发的基础。Flex布局提供了强大的页面布局能力,而小程序的适配方案基于物理像素和rpx单位。通过创建页面并调整样式,可以实现简单的界面设计。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

开发小程序的话 首先要了解里面的每个文件的作用

  1. 小程序没有DOM对象,一切基于组件化
  2. 小程序的四个重要的文件
    1. *.js
    2. *.wxml ---> view结构 ----> html
    3. *.wxss ---> view样式 -----> css
    4. *. json ----> view 数据 -----> json文件
  3. 储备知识
    1. 理解事件机制
    2. 理解组件化
    3. 理解数据绑定
    4. Flex布局
    5. 移动端适配方案
  4. 贴心小建议

学习vue后开发小程序的感觉会爽到飞起

1 什么是flex布局?

1) Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。

2) 任何一个容器都可以指定为Flex布局。

3) display: ‘flex’

2 flex属性

1) flex-direction:

row(默认值):主轴为水平方向࿰

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值