微信小程序开发

1.安装完开发者工具

2.如何设置外观和代理

1）进入开发者工具后，找到下图按钮

点击按钮后，可以讲主题和编辑器改成浅色，方便看。

最好把代理改成下图

 2.小程序代码的构成---项目结构

1）了解项目的基本组成结构

①pages用来存放所有小程序的页面

②utils用来存放工具性质的模块（例如：格式化时间的自定义模块）

③app.js小程序项目的入口文件

④app.json小程序项目的全局配置文件

⑤app.wxss小程序项目的全局样式文件

⑥project.condig.json项目的配置文件

⑦sitemap.json用来配置小程序及其页面是否允许被微信索引

如何新建小程序页面？

在app.json->pages中新增页面的存放路径，小程序开发者工具会自动帮我们创建对应的页面文件。

如何修改项目首页？

只需要调整app.json->pages数组中页面路径的前后顺序。

3、什么是WXML

WXML是小程序框架设计的一套标签语言，用来构建小程序页面的结构，其作用类似于HTML。

4、WXML和HTML的区别

①标签名称不同

HTML(div,span,img,a)

WXML(view,text,image,navigator)

②属性节点不同

<a href="#">超链接</a>

<navigator url="/pages/home/home"></navigator>

③提供了类似与Vue中的模板语法

数据绑定、列表渲染、条件渲染

5、什么是WXSS

WXSS是一套样式语言，用于描述WXML的组件样式，类似于网页开发中的CSS。

6、WXSS和CSS的区别

①新增了rpx尺寸单位

CSS中需要手动进行像素单位换算，例如rem

WXSS在底层支持新的尺寸单位rpx，在不同大小的屏幕上小城区会自动换算。

②提供了全局的样式和局部样式

项目根目录中的app.wxss会作用于所有小程序页面

局部页面.wxss样式仅对当前页面生效

③WXSS仅支持部分CSS选择器

.class和#id、element、并集选择器、后代选择器、伪类选择器