不得不知的小程序基本知识

1.小程序的基本架构：

每个小程序的结构都是由两个主要部分构成：主体部分 + 各个页面。

1）主体部分主要由3个文件构成

app.js：小程序逻辑，初始化APP；

app.json ：小程序配置，比如导航、窗口、页面http请求跳转等；

app.wxss：公共样式配置。

2）页面由4个文件构成

js：javascript 逻辑代码区；

wxml：类类似HTML布局区；

wxss：CSS样式区；

json：页面配置区。

配置在最外层的app.json声明，app.json中第一行就是主页面。

2、小程序的尺寸单位--rpx

1）rpx单位是微信小程序的尺寸单位，可根据屏幕宽度自适应。

设备	rpx换算成px(屏幕宽度/750)	px换算rpx(屏幕宽度/750)
iPhone5	1rpx = 0.42px	1px = 2.34rpx
iPhone6	1rpx = 0.5px	1px = 2rpx
iPhone6s	1rpx = 0.552px	1px = 1.81rpx

注：其实只需要根据750的设计稿写代码即可，不必担心它在各个平台的适配情况

2）使用rpx

index.wxml 是页面的结构文件：

index.wxss 是页面的结构文件：

以下分别是模拟iPhone5、iPhone6得出的调试效果图，可以很明显看出rpx能自适应屏幕宽度。

建议：开发微信小程序时设计师可以用iPhone6作为视觉稿的标准。

转载于:https://www.cnblogs.com/taojiejun/p/8820177.html

不得不知的小程序基本知识相关推荐

微信小程序在线知识答题有奖多开版源码
介绍: 微信小程序在线知识答题有奖源码是一款搭建在微擎上使用的主要功能答题有奖红包,可配合流量主推广,广告变现,后台含有区间余额区间奖励配置,自定义金额提现配置: 题库后台自己输入就可以了 .开 ...
云音乐小程序开发知识小记（上）
云音乐小程序开发知识小记(上) 在云音乐小程序开发中学到的分上中下,因为本人也是在学习中,请多指教本次的**云音乐小程序开发知识小记(上)**主要涉及四个方面: 轮播图数字格式化处理自定义组件 ...
前端程序员需要了解的原生微信小程序-基础知识
前言:该学原生小程序啦文档: 微信开放文档工具下载: 稳定版 Stable Build | 微信开放文档 HBuilderX-高效极客技巧你要是uniapp开发的就这个HB编译器打开项目运行 ...
当微信小程序邂逅知识问答，订单就按耐不住了！
做了小程序没有用户?一定是打开的姿势不对!那么正确获取用户的姿势是什么呢? 微趋道,小程序的正确打开姿势道爷在之前的文章中反复强调过,我们普通商家和企业做小程序一定要站在我们用户的角度考虑究竟哪些东 ...
追格小程序（知识付费与圈子社区小程序）框架正式开源
项目介绍追格小程序是一个积木式小程序搭建框架,基于Uniapp+WordPress开发,代码免费开源不加密且支持二开,安装追格相应扩展模块,简单配置即可快速搭建不限于圈子社区.知识付费.活动报名.资 ...
【微信小程序】知识付费小程序梦想贩卖机v2-1.0.88-带4插件
源码介绍梦想贩卖机绝对不是简简单单的知识付费或者资源变现微信小程序源码,2021年不可错过的赚钱神器,已支持IOS模式,全面支持个人主体用户. 1.资源社群:付费或者获取资源后方可进群. 未来是知识 ...
你可能不知道的小程序
为了让大家更好的理解小程序的一些限制和做一些优化,下面从小程序的基础架构讲起,如有不对的地方,望指正,请轻喷 ? 一. 页面栈限制最多10层首先,我们看看下图,小程序的架构如下: 我们可以看到,一个 ...
【微信小程序】微信小程序基础知识篇
开发文档小程序简介 | 微信开放文档 1.微信小程序的环境准备 1.1注册账号 1.2获取APPID 是开发者唯一的身份认证,应用要发布要上线必须提供APPID 1.3开发工具由于微信小程序自带开 ...
小程序基础知识整理（组件篇）
组件复用性强创建组件项目根目录下,新建components components---->新建文件夹 mycom--->myCom文件夹右击新建component 输入组件的名称回 ...

不得不知的小程序基本知识

不得不知的小程序基本知识相关推荐

最新文章

热门文章