微信小程序学习心得之前期准备

       对前端知识一无所知的我终于有一天也被逼上梁山了,开始了做微信小程序的开发,说实话刚开始真是一头雾水,后来由于项目的逼近不得不在短短的两周内对微信小程序熟练认识,并投入至开发中.......

1.要想学习微信小程序的开发,首先请读读此文档:https://mp.weixin.qq.com/debug/wxadoc/dev/

2.下载并安装微信开发者工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html   选择你要下载的工具

3.在开始写代码之前你需要对前端 html+css+javaScript有个粗略的认识,因为你创建的page包含着几个文件,期中.js文件就是脚本文件,对应javascript的知识,.json文件是配置文件,.wxml文件是页面的结构文件,负责组件的创建,对应html的知识,.wxss文件是样式表文件,负责组件的布局,对应css的知识

图1

html:建议你不需要从头开始看html,只要看看微信小程序开发文档中的组件就行,因为微信小程序的开发和前端的开发还是有很大差别的,html里面的标签很多,但是微信小程序用到的只是文档中的那些组件

css:小程序文档对css布局并没有详细的介绍,所以需要你自己去看相关的知识点,这一块还是很重要的,需要自己去感悟,建议看一些基础的布局,如flex布局、position、尺寸、颜色、边框等

JavaScript:这块对从事开发的同志们来说并不难,因为里面的语法和逻辑的处理等和其他的语言还是大同小异的,建议大家能粗略的看一遍,不必看js相关的框架,看基础相关的内容就可

4.掌握了以上,接下来就是创建工程写代码了,打开开发者工具,用微信扫描二维码登录进去,然后进入此页面

图2

点击+号添加项目

图3

此处如果你只是想学习,不必添加AppID,则可以写代码了......

图4

5.刚开始学建议对照文档一个一个的创建组件,对属性逐个实现,看对应组件实现的功能,等对组件有了认识之后可以根据一些复杂的界面进行布局,在布局的时候建议采用分层的方式,找到组件和组件之间的关系

先这样吧!前期的学习还是需要静下心来,不断的尝试和领悟的。