微信小程序> 小程序的注册及页面的编写-小程序注册后如何使用-小程序开通流程

小程序的注册及页面的编写-小程序注册后如何使用-小程序开通流程

浏览量:1954 时间: 来源:前端的小恬儿妹
编写小程序小程序文件类型与目录结构注册小程序页面,View、Image、Text等基本组件的用法Flex弹性盒子模型(在C3中已存在,但在小程序布局中会大量使用弹性盒子技术,本章节不会涉及,后续会详细讲解)移动端分辨率及小程序自适应单位RPX

(注:以上四点是学习中的主要内容,当然后续的学习中还会有零散的小知识)

注册:

小程序注册地址:https://mp.weixin.qq.com/cgi-bin/wx下载web开发工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

注册完成后获取小程序的openid

打开web开发者工具本地小程序,添加项目,没有openid可以选择无(无ID对后期的上线发布会有影响,导致无法上线)

进入项目:

view标签就是div标签navigator标签当成a标签text标签页当当成div标签只不过里面是打文字的也可以设置背景注意上面块状要自己加display:block

项目结构:

小程序包含一个描述整体程序的app和多个描述各自页面的page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:app.js小程序逻辑app.json小程序公共设置app.wxss小程序公共样式表

一个小程序页面由四个文件组成,分别是:

js页面逻辑wxml页面结构wxss页面样式表json否页面配置注意:为了方便开发者减少配置项,我们规定描述页面的这四个文件必须具有相同的路径与文件名。移动设备的分辨率与RPXpt也称为逻辑分辨率pt的大小和屏幕尺寸有关系,简单可以理解为长度和视觉单位px指物理分辨率,和屏幕尺寸没有关系。就比如:点能有大小吗?如何做不同分辨率设备的自适应?以ip6的物理像素750*1334为视觉稿进行设计,而在小程序中使用rpx为单位ip6下1px=1rpx=0.5pt使用rpx,小程序会在不同的分辨率下进行转换,而使用px为单位不会

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎