微信小程序入门基础学习

1.小程序项目目录介绍

微信小程序的文件结构：

基本项目目录：

2.配置介绍

最基本的两种配置文件：

全局配置文件：

全局配置：

tabBar:

tabBar的属性:

tabBar中list的注意事项:

页面配置：

3.视图层

概念：

数据绑定：
普通写法：

组件属性：

代码图解：
wxml中的代码：

js中的代码：

最终样式图：

4.运算

算数运算：

三元运算：

逻辑判断：

字符串拼接运算：

注意事项：

5.列表渲染

wx:for


wx:key的作用
可以提高代码的使用效率。
代码详解图：
wxml中的代码：

js中的代码：

最终样式图：

6.WXSS

特性：

尺寸单位:

7.内容样式设置

全局样式和局部样式的区别：

样式导入：

内联样式：

选择器：

8.基本组件

view:


text:


image图片标签:

image中的mode有效值:

swiper轮播图:

代码图解：

导航组件navigator:

open-type的有效值:

open-type的有效值的代码图解:

视频组件video:

wxml中的代码图：

自定义组件：
创建：

声明：

编辑：

注册：

使用：

自定义组件代码图：
组件代码图：
wxml：

json:

js:

wxss:

引用页面中:
wxml:

json:

ps:每个组件的更多的属性或使用准则可到官网文档进行查阅