小程序应该如何入门,初学者应该掌握哪些基本知识?
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。
一、创建第一个小程序,快速启动模板
创建小程序前,先花点时间了解小程序开发官方教程,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。
相关文章推荐
- 一个好的硬件工程师应该具备哪些基本知识和能力呢?
- 做为程序员你应该学习掌握哪些知识和技能?
- 平面设计新手应该掌握哪些知识
- 要成为独当一面的产品经理,我应该掌握哪些技能?如何提升?
- 新手入门学习Java程序,重点要掌握哪些!
- 【网站设计入门】网站设计初学者应该注意哪些基础问题?(一)
- 建站初学者 应该掌握的网页布局基本概念
- Java程序员应该掌握哪些基本技术?
- 3到6年的.NETer应该掌握哪些知识
- 对于微电子学初学者应该掌握哪些能力与技
- 程序员应该学习掌握哪些知识和技能?
- 【网站设计入门】网站设计初学者应该注意哪些基础问题?(二)
- 做为程序员你应该学习掌握哪些知识和技能
- linux初学者应该掌握的50个基本命令
- Java入门:一些初学者需要掌握的基础算法程序——二分查找
- 毕业设计预习:VHDL入门知识学习(一) VHDL程序基本结构
- 如何入门微信小程序开发,有哪些学习资料?
- HDFS应该掌握哪些知识
- Java入门:一些初学者需要掌握的基础算法程序——逆序输出
- SEO初学者需要掌握哪些基本SEO技巧?