您的位置:首页 > 移动开发 > 微信开发

小程序应该如何入门,初学者应该掌握哪些基本知识?

2017-12-19 21:35 513 查看
      从便于理解角度来说,可以把小程序看成类H5页面,提供了视图层描述语言,WXML 和 WXSS 以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。这里wxml相当于html,wxss相当于css。因此对于前端开发来说小程序有点“似曾相识”的感觉,很容易上手,对于后端开发来说鉴于小程序开发良好的官方文档及社区支持,应该也比较上手。那么小程序开发到底该如何入门,初学者应该掌握哪些基本知识呢?

一、创建第一个小程序,快速启动模板

      创建小程序前,先花点时间了解小程序开发官方教程,https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=201769

      该教程讲的很细,包括如何申请开发账号,怎么使用开发工具创建第一个小程序,框架介绍,组件介绍,API文档等,因此建议大家多看看官方教程,按教程所示:

      1、我们要注册一个小程序开发账号,获取小程序开发appID;

      2、需要下载开发工具;

      3、创建一个空白小程序,假设项目名称为demo1:“快速启动模板”,里面包含微信头像获取,日志等;

      4、了解小程序的项目结构,各文件构成;

      5、也是最关键的,彻底搞明白demo1的wxml,wxss和js代码,了解页面如何跳转,事件如何触发,WXML如何编写,api如何调用等。

二、体验小程序

     1、先体验官方的小程序示例,可以微信扫描二维码,或者发现-->小程序-->搜 小程序示例,获取体验小程序。该示例包括了常用组件功能演示。



        小程序示例,源码可以下载,不过源码比较旧是1月份的,下载地址

       2、多多体验三方小程序

       如:mobike单车,京东购物等,尤其京东购物建议大家看下,功能相对来说比较复杂。

三、尝试编写自己的第一个小程序

       一个原则,功能尽量简单,但是尽可能多用组件,如:input,text,map,picker等。

       写完后,想法提交审核,并发布,了解小程序整个开发流程。

四、查漏补缺

      不管小程序对你来说是“似曾相识”还是“一无所知”,通过上述环节,你应该切实体会到自己的短板,查漏补缺。

      1、js,推荐更多的使用ES5,ES6;

      2、css,大家务必掌握flex布局,尽量使用flex替代原来的float,关于flex布局,网上有篇文章介绍的比较深入啦,建议大家看下:

           1) 
Flex 布局教程:语法篇

           2) 
Flex 布局教程:实例篇

           关于flex布局,后续我会写个小程序的demo。

          
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息