小程序开发日志——试坑初体验

08.8.21

1.下载了微信开发者工具和后端建议的Egret Wing3，表示后者运行自己下载的示例的时候卡的不行，前者根本没法打开——是因为没有用百度问问，新建项目——打开所在文件夹。。

2.微信以管理员身份开发，有AppID的时候，需要关了vpn——理论

3.在sf上找了hello world教程，显示找不到app.json——那是没打开编辑器。。只在新建空白项目时自动配置了项目配置——project.config.json文件上（里面包括js？文件，还查了？半天）——编译器配置啥的都弄好了，写的代码。。后来回到官方继续撸，对应着文件夹查看各种文件。

4.终于用会了sf，创造components时json文件有内容，不能删

5.写代码要看教程写，get tips，而不是理论（小bug）

6. id(#) > class(.) > 标签,和css渲染顺序一致，以及其他三个选择方法？

单独页面的id(#)样式 >app.wxss中的id(#)样式 >单独页面的class(.)样式>app.wxss中的class(.)样式 >单独页面的标签样式 > app.wxss中的标签样式

7.教程不连载了。。知乎问教程，找到慕课一个小时这样的视频教程。继续撸个完整的。

 

 

页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。

app.json不能添加任何注释，包括页面路径、界面表现、网络超时时间、底部 tab 等。worker:异步处理？

navigationBarBackgroundColor

HexColor

#000000

导航栏背景颜色，如 #000000

onReachBottomDistance

Number

50

页面上拉触底事件触发时距页面底部距离，单位为px。 详见 Page.onReachButom

backgroundColorTop	String	#ffffff	顶部窗口的背景色，仅 iOS 支持	微信版本 6.5.16
backgroundColorBottom	String	#ffffff	底部窗口的背景色，仅 iOS 支持	微信版本 6.5.16

可以在项目根目录使用  project.config.json 文件对项目进行配置

注：navigationStyle 只在 app.json 中生效。开启 custom 后，低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0（不代表最低版本，只供调试用）可方便切到旧视觉

注：客户端 6.7.2 版本开始，navigationStyle: custom 对 <web-view> 组件无效

对小程序进行分包，可以优化小程序的首次启动的下载时间，以及在多团队共同开发的时候可以更好的解耦操作。

这里的 page.json 其实用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置