1.html,css,js基础知识
在微信小程序里主要文件有四种:
01.json:用来做配置
02.js:用来写页面的逻辑
03.wxml:用来写页面的view
04.wxss:用来写样式。
下面我们简单的分析和对比下这几种类型的文件:
1.json文件:
在编程中管用json来作配置项,在这里也是如此。在微信小程序力也是,比如app.json来进行全局的配置,比如窗口样式,
导航条样式,切换按钮功能和样式,超时控制,以及调试模式等。
2.js文件:
这类文件对大家来说并不陌生,该文件主要负责应用和页面,或者组件的逻辑处理,比如组件的生命周期,委托事件,服务器交互等。
3.wxml文件:
该文件类似于html文件。学过ionic或者react的小伙伴可能对这种功能组件标签并不陌生。
4.wxss文件:
该文件与我们使用的css文件一样。语法百分之九十九的一样,只有一些细节需要注意:比如rem的用法,新增的rpx,以及*的不支持。
2.下载安装开发软件
小程序开发工具下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=2017112
下载安装该开发工具后,选择使用无appID模式新建项目,初始化之后就进入了项目开发界面。里面有生成的初始化代码
3.基本概念
1.这里的根目录指向的为微信的服务器:比如:http://672512092.appservice.open.weixin.qq.com/
2.请求外部接口时,如果处于开发阶段可以使用http方式,但是应用appID并发布后,http方式就不被支持,所以接口要尽量选用https
3.选择编译的时候路径页面的配置 不可以./ 或者 /开头,直接以pages开头就可以
4.注意rem和rpx,之后会进行详细解读。
5.引用外部组件和第三方样式库时注意资源路径的配置