微信小程序

102 阅读1分钟

1、项目结构

image.png

2、配置文件app.json

image.png

3、配置文件project.config.json

本地设置的体现 image.png

4、配置文件sitemap.json

action:allow/disallow image.png

sitemap的索引提示是默认开启的,如需要关闭sitemap的索引提示,可在小程序项目配置文件project.config.json的setting中配置字段checkSiteMap为false 5、配置文件页面的.json文件

image.png

6、新建页面

app.json=>pages 第一位为页面首页

7、wxml和html的区别

image.png

8、wxss和css的区别

image.png

9、小程序中的.js文件

image.png

10、小程序中的组件

image.png

11、常用的视图容器类组件

image.png

12、swiper的常用属性

image.png

13、基础内容组件

image.png

14、其他组件

image.png

15、三大类API

image.png

14、小程序中的常用事件

image.png

15、事件对象的属性

image.png target是触发事件的源头组件,currentTarget是当前事件绑定的组件

this.setData({})改变数据

16、事件传参

自定义属性data-*
例:data-info="{{2}}"
通过event.target.dataset.info获取具体参数的值

17、条件渲染

wx:if
wx:elif
wx:else
一次性控制多个组件的显示与隐藏:结合<block>
使用hidden=“{{}}”

18、列表渲染

wx:for="{{array}}"
wx:for-index=""
wx:for-item=""

19、wxss和css的不同

1)rpx:把屏幕宽度分成750份 2)@import样式导入 3)app.wxss全局样式

20、全局配置文件及常用的配置项 app.json是全局配置文件 1)pages