好的入门教程:www.ruanyifeng.com/blog/2020/1…
内容框架:
- 环境准备
- 可触类旁通的通用基础技术知识(xml,flex,css,js,html)( 无需深入,现查现用
- 项目文件结构(聚焦关注点)
- 简单页面搭建,用基础控件搭个账户密码的登录页面,难度低,好上手,容易获得正反馈
- 状态与页面绑定(初始化,刷新)
- MVVM 代码架构在小程序里的应用
- 网络请求(现查现用
- 获取用户信息(现查现用
- 本地存储(现查现用
-
页面跳转(现查现用
这次对新技术的尝试我给自己打一个差评。
以尝试小程序容器为方向,调研实践小程序容器,几番对比就先从FinClip入手了,多走了一些不必要的弯路。FinClip 属于完全兼容微信小程序代码,但由于我对小程序技术栈的理解不到位,一开始在FinClip花了较多时间,现在看来是不必要的。给差评的原因是我闷头开搞,进入陌生领域应该(必需)找真大佬帮忙判断一下“登山”入口的。
我几乎没有css基础与js基础,但是基于wxml,wcss,ts的开发对于Android开发来说还是很容易上手的。
如果入门微信小程序开发,我觉得作为Android 开发更好的上手路径是下面这样:
- 1.账号,环境准备(最好不要用测试ID,避免之后一些跟账号相关的配置需要再折腾
- 2.瞄准wxml构建一个账户密码登录页面(这一步你将用到布局少量css,文本,按钮,网络请求,本地存储,一开始允许页面丑一点,尽力多的获取正反馈,避免过于深入api,因为短时间你就是背也记不住。比如Flex能横纵布局找到一点LinearLayout的感觉就够了。
-
3.构建第二个页面,信息流(这一步用到页面跳转,传值,banner组件,xml中用表达式构建列表,下拉刷新
三步完成,就完成一个入门的小demo了。
当然这是笼统的三个阶段,我习惯于在使用一个完全陌生的组件或api时,我都会在一个“干净”的项目中独立去先试写,略微试试他的各种参数与属性,有一个我自己的判断后再引入demo项目里。
微信小程序自己还出过一个9小时上手微信小程序开发。所以其内容量确实不多,前端小伙伴基本都是拿起来就写。