201711671233实训第二天

实训第二天

内容：开发环境、知识点、作业

 

一、开发环境

微信web开发者工具

 

二、知识点

1、网页长时间响应不了的原因：网页开发渲染线程和脚本线程是互斥的。

2、project.config.json文件：保留用户习惯、配置情况、配置开发者工具。不用删。

3、wxss相当于css，是样式文件，内容和css有不同的。wxml与html同理。

4、骰子布局，即Flex布局，所有浏览器支持。

5、app.json文件是全局配置文件，整个小程序公用，可以配置顶部、底部的导航条。

app.json →pages：设置页面路径。小程序所有页面都需要在app.json中的pages配置路径。

6、app.js即JavaScript，里面的钩子是必须的。是小程序打开时执行的，用来获取权限的定位。

7、小程序打开首先执行全局钩子（即app.js中的），再执行首页里的脚本。

8、utils（工具文件夹）→util.js：格式文件，设置格式的，非必须。

9、util.js与app.js有混合使用的。

10、logs是日志文件，可以删。

11、每个页面的json文件（eg：index.json）只能在当前页面使用，但能覆盖全局的app.json。

12、每个页面都要有.js、.json、.wxml、.wxss四个文件。pages新开的页面，文件名必须相同，后缀名可以不一样。Eg：index.js、index.json、index.wxml、index.wxss。

13、页面js文件里的page必须要。事件处理函数没用（可以删）。data自定义初始化数据，里面的内容可以改，可以有数组、对象、布尔型。onload：页面加载完成后，会执行onload里的方法。先执行钩子，再执行onload。

14、页面json文件：可以为空，但必须保留｛｝（一对花括号）。

15、

16、list是对象数组，有2~5个对象，每个都必须要有页面路径。

 

三、作业

1、把小程序完成，能在手机上看或能在开发者工具调试。

   

 

2、骰子布局，把整个骰子做出来到页面上。