小程序篇-小程序

参考地址：https://developers.weixin.qq.com/miniprogram/dev/api/

年份：2018

日期：6-1

小程序调用utils中的方法

1 js引入

2 方法调用

utils中方法展示：

日期：5-17

一个js 引用其他js

建议：层级控制在5层之内

日期：5-16

预览：

当写好js后，可以通过预览功能在手机上面扫码查看效果

input的获取

1 wxml绑定事件

2js接受

说明：

1 存储input输入的值

存储变量:keyWords

1在js定义

2在wxml中绑定使用

3searchKeyWords事件代码

说明：请保持一致,严格区分大小写

日期：5-15

加载页面时显示loading

wx.showLoading({ 

title: 'XXXXXXXX',

})

页面加载结束隐藏loading

wx.hideLoading()

日期：5-11

知识点:跳转

1

wxml使用标签

<navigator></navigator>

2 

绑定事件

2.1

2.2

备注：关于跳转首页

知识点:var let const的区别

var->全局声明变量。

let->局部变量。

const->常量

日期：5-19

自定义属性：

使用：data-*

*表示：自定义属性名称

注意：* 需要全部小写

示例：

1 设值：

2 取值

3结果

日期：5-9

循环：

1定义：

js:

arrcy:[

{

属性：属性值,

属性：属性值

}

]

备注:以逗号分隔

2 循环:[wx:for/wx:for-item]

备注：

wx:for: 循环对象

wx:for-item:用于定义循环别名

3 取值

 .属性

日期：5-8
1 结构
功能级别：-功能(文件夹)[一定要包含]
.js-逻辑交互
.json-
.wxml-类似jsp 页面
.wxss-类似css 页面样式控制
项目级别：
app.js
app.json->pages--管理页面
app.wxss->样式
project.config.json -
2
组件
基础组件：
视图容器/基础内容/表单/导航/多媒体/地图/画布
<view></view>-类似于div
包含jsp常见的组件:button,radio,checkbox,
富文本：<rich-text></rich-text>等等
2.1
属性类型
Boolean/Number/String/Array/Object/EventHandler/Any
2.2
共同属性类型
id/class/style/hidden/data-*/bind* / catch*