1.小程序基础:
2天的基础课程 4天的项目制作
1.1 注册小程序原因
公司已经注册完毕了(公司内部人员注册完毕) 给appId
不注册小程序账号:1.小程序是本地的 不能发布 2.功能部分没有权限
优点:体积小 方便-随用随走 开发成本低
缺点:功能少 基本上是用来引流的 必须依托微信平台
1.2 目录结构
小程序包含一个描述整体程序的 app 和多个描述各自页面的 page
(指南---目录结构)
pages 小程序页面
index 页面文件夹名称
index.js 逻辑 (一个小程序页面-由4个文件组成 名字一致)
index.json 配置
index.wxml 页面标签
index.wxss 页面样式
logs 日志页面
xxx 4个文件
utils js文件夹
日期格式化的js 模块
app.js 应用的逻辑文件 (必须)
app.wxss 全局的样式
app.json 全局配置文件 (必须)
project.json文件 项目配置文件
1.3 app.json
小程序根目录下的 app.json
文件用来对微信小程序进行全局配置,决定页面文件的路径、
窗口表现、设置网络超时时间、设置多 tab 等
1.4 小程序里面wxss样式区别
1.单位尺寸
rpx px 750设计稿=750rpx 100%=750rpx
2.样式导入
语法:@import‘相对路径’;wxss里面
备注:
样式是导入样式文件里面wxss---》wxss
页面wxml导入:Template
js文件之前导入-模块:module.exports=‘’ require()
1.5小程序常用组件
表单组件:
input form button
视图组件:
view swiper swiper-item scroll-view
导航:--重点
navigator 属性:url=‘’ open-type=‘跳转类型’
open-type=''
1.navigate 默认 保留当前的页面 跳转到应用内的某个页面,非tabbar
2.redirect 关闭当前的页面 跳转到应用内的某个页面,非tabbar
3.switchTab 跳转到tabBar页面,关闭非Tabbar
4.reLaunch 跳转到页面,关闭所有
5.navigateBack 返回