微信小程序的开发学习建议和入门项目
今天微信小程序有更新了，新增了大量的接口，同时修复了比较多的bugs，增加分享，扫一扫等功能。
微信小程序更新内容
应该说小程序可以开发比较多的功能了，市面上的80-90%的APP可以通过小程序来完成，特别是一些电商、新闻类等CRUD的APP，其功能都可以在小程序上实现。另外小程序的开发相对一些webapp开发来说简单得多，基本上掌握简单的CSS、HTML和javascript就可以开发小程序了，微信小程序框架内提供了数据的绑定操作，我们不需要需操作DOM就可以实现数据的展示工作。
目前前端开发非常的火爆，各种框架层出不穷。类似Vuejs前段框架，Facebook开源的react-native，阿里的Weex、ionic、nativescript等跨框架。但是作为iOS开发者，想学习这些框架需要学习的东西比较多，所以想通过学习转去做前端或者开发跨平台应用程序，个人觉得通过微信小程序去学习前端知识和javascript还是很不错的方式，主要是微信小程序学习和开发相对简单，学习的成本是相对最低的。
学习建议
- 先学习HTML、CSS和javascript
- 学些网页布局Flex
- 学习javascript 的ES5一些语法
- 下载学习微信小程序的官方demo
- 开始上手项目开发
效果图截图
个人根据百思不得姐的项目，写了一个简单的demo,大家可以参考一下，布局主要采用Flex布局方式，可以作为学习小程序和上手的学习项目。 https://github.com/ramoslin02/baisibudejie ， 有需要记得Star.
另外github上也有很多的项目，比如模仿Cnode网站的小程序，个人根据fork coolfishstudio的项目增加了导航栏的切换功能，具体可以参考 https://github.com/ramoslin02/wechat-webapp-cnode 和 https://github.com/coolfishstudio/wechat-webapp-cnode
转载请注明：微信小程序的开发学习建议和入门项目 - 前端开发
为您推荐
您可能还会对这些文章感兴趣
2016-12-23网页端的VR实现离我们还远么?
不管你信或者不信，基于web页面的虚拟现实将会慢慢进入我们的视野~，越来越多的开源组织和机构都在开始支持基于web的VR实现，包括mozilla，也推出了基于webVR的许多解决方案~ 今...
2016-12-23Java WeakReference的理解与使用
前言: 看到篇帖子, 国外一个技术面试官在面试senior java developer的时候, 问到一个weak reference相关的问题. 他没有期望有人能够完整解释清楚weak reference是什么, 怎么用, 只...
2016-12-23搞清楚 Python traceback
上周公司组织Python方面的代码review，其中提到一个问题就是没有一个统一的异常日志分析机制，都乱七八糟的，然后回头看了一下自己项目的异常处理方面，感觉对Python异常体系以及...
2016-12-23Referrer 还是 Referer？
上回我写了一篇文章介绍「Referrer Policy」，有小伙伴看完后问我：Referrer 这个单词到底怎么拼，为什么有时候中间有两个 r ，有时候只有一个？ 是的，这是一个很有趣的问题，这...
2016-12-23ATM存取款一体机的结构及原理【ATM机内部结构图和原理】
王焱欣，曾经的从业者，把ATM拆拆装装了n次 ATM分为两种：取款机和存取款一体机。取款机往往都是十多年前的老机型，安全性不高，现在正逐渐被存取款一体机所取代。 大家稍微注意下...
2016-12-23Facebook开源跨平台前端布局引擎Yoga
随着这几年前端技术的崛起，作为前端UI骨架的布局系统也在其中占据了越来越重要的位置。不管是在移动端、桌面端还是Web端，特别是不同设备的屏幕大小和分辨率千变万化，如何构建良...
2016-12-23【junit单元测试】在Eclipse中使用JUnit4进行单元测试
在Eclipse中使用JUnit4进行单元测试 单元测试，JUnit4。 这两个有什么关系呢？这就好比（草）单元测试和（割草机）。用这个JUnit4工具去辅助我们进行测试。其实不理解这个也没关系...
2016-12-23SSM三大框架整合详细教程（Spring+SpringMVC+MyBatis）
使用 SSM （ Spring 、 SpringMVC 和 Mybatis ）已经有三个多月了，项目在技术上已经没有什么难点了，基于现有的技术就可以实现想要的功能，当然肯定有很多可以改进的地方。之前没...
2016-12-23【海量数据处理】十道海量大数据处理面试题教你如何迅速秒杀掉99%的海量数据处理面试题
十道海量大数据处理面试题 1、海量日志数据，提取出某日访问百度次数最多的那个IP。 首先是这一天，并且是访问百度的日志中的IP取出来，逐个写入到一个大文件中。注意到IP是3...
2016-12-23matlab中的zeros函数
创建一个全为零元素的数组 语法 B = zeros(n) B = zeros(m,n) B = zeros([m n]) B = zeros(d1,d2,d3…) B = zeros([d1 d2 d3…]) B = zeros(size(A)) zeros(m, n,…...