微信小程序
微信小程序应用开发简介(大腿勿喷）
微信小程序其实挺简单的，项目大多功能官方api都提供了，下边简单介绍一下常用的一些api吧。
标配目录结构
当你新建一个项目的时候会有一个提示，让你打对勾。意思就是系统默目录结构（可选可不选）
pages下的文件夹是你的项目的每一个页面，其中这每一个页面下包括四个文件：
logs.json 后缀的 JSON 配置文件（当前页的配置文件，配置一些title等）
logs.wxml 后缀的 WXML 模板文件(就是html)
logs.wxss 后缀的 WXSS 样式文件（就是css）
logs.js 后缀的 JS 脚本逻辑文件（就是js）
utils中是用来存放一些通用的js文件
const formatTime = date => {
...
}
module.exports = {
formatTime: formatTime
}
调用的写法：
var util = require('../utils/util.js')
util.formatTime()
app.json就是你整个项目的配置文件啦
pages：就是你的每一个页面，你只要创建一个页面，就要到这里注册一下，不然报错的（pages下最后一个文件路径不能有逗号）
window下有几个常用配置：
backgroundTextStyle（ 背景文本风格 ）
navigationBarBackgroundColor（顶部背景色）
navigationBarTitleText（顶部的title）
navigationBarTextStyle（顶部title字体颜色）
.....(还有很多，根据需要去 api 查找 )
tabBar：底部的菜单栏，一些常用的配置项：
color（底部字体颜色）
selectedColor（选中之后的背景颜色）
tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。
list：[
{
pagePath (路径)
text（名称）
iconPath（为选中时背景图片）
selectedIconPath（选中时背景图片）
}
]
app.js和app.css就不过多介绍了，就是一些全局的js和css
特别注意一点。在微信小程序里单位不是用的px而是用的rpx，rpx类似于rem，根据屏幕宽度自适应
其中 1rpx 在 iPhone5 下 等同于 0.42px 、在iPhone6下等同于0.5px、在iPhone6 Plus等同于0.552px
建议以iPhone6为标准出设计稿。这样能好算一些 。
下面介绍一下wxml的组件（标签）
其实wxml的组件与html的标签都差不多，官方介绍的特别详细（api）
根据功能把组件分为9个部分：
视图容器、基础容器、表单组件、导航、媒体组件、地图、画布、开放功能、客服会话。
视图容器：view、scroll-view、swiper、movable-view、cover-view
view：与div相同，可以包裹任何标签
scroll-view：可以提供滚动的容器，可配置很多参数
scroll-y="true"（纵向滚动）
scroll-x="true"（横向滚动)
scroll-top(竖向滚动条位置)
scroll-left(横向滚动条位置)
bindscroll（滚动时触发 ）
bindscrolltoupper（滚动到顶部/左边，会触发 scrolltoupper 事件）
bindscrolltolower（滚动到底部/右边，会触发 scrolltolower 事件）
等等。。。。。。。
swiper：轮播图（这个就不多说了，跟html的轮播图差不多，只是一些参数吗不一样）
其中swiper-item为每张轮播的标签，只能放在<swiper/>中
基础组件：icon、text、rich-text、progress
icon：图标 有三个参数 type（类型）、size（大小）、color（颜色）
text:文本就像html中的span
表单组件：
导航：
媒体组件：
地图：
画布：
开放能力：
客服会话：
我想了想。。。。标签我就不一一介绍了，太多啦，这个也简单，用到那个还是看看api吧
网友评论