微信小程序入门

wxapp

目录:

1.注册获取AppID

注册地址, 选择小程序,
一些注意事项需要注意

2.下载/安装 工具 (可以查看官网"简易教程")

• 1.安装下载好的微信小程序编辑器
• 2.输入AppID
• 3.创建工程
  注:需要微信扫描登录

3.项目文件结构

一般来说:

一个功能页面单独建立一个文件夹:可以新建.js,.wxml,.wxss,.json四个文件
这四个文件的名字要相同
.js是负责业务逻辑/事件的逻辑层,使用ES6语法,但并不完全支持
.wxml相当于html 有自己的标签和属性 的视图层
.wxss相当于css 使用CSS3语法 但也不完全相同
.json 项目配置文件,窗口颜色等

4.组件 (重点)

基础组件包括七大类:

1.视图容器
view, scroll-view, swiper
2.基础内容
icon, text, progress
3.表单组件
button, checkbox, form, input, label, picker,
picker-view, radio, slider, switch, textarea
4.导航
navigator
5.媒体组件
audio, image, video
6.地图
map
7.画布
canvas

属性类型:

共同属性:

5.API (重点)

API主要包括九大类:

1.网络
2.媒体
3.文件
4.数据缓存
5.位置
6.设备
7.界面
8.开放接口
9.拓展接口

种类,内容太多,需要自己去官网仔细查看,并写些栗子试一试效果

6.心得

1.微信小程序wxapp,是可以看做是集成在微信中的一个功能或服务.体现了(也必须满足) 开发快速,小程序之"小"的特点.
最大不能超过1M,所以新闻类,视频类,购物类APP不太适合做小程序.另外navigateTo最多只能跳转5个页面,如果需要更多页面则需要redirectTo

2.需要重点关注/学习的 是组件和API.
原因: 1.组件作为控件组成了我们的小程序界面,组件是基础.
2.API赋予了小程序大部分原生应用的功能,调用简单
特别是API需要每个都熟悉,实践,清楚其用法,优缺点,bugs/解决方案等

3.你的程序是否要做成小程序???
类似这种依赖于第三方平台的开发,功能的限制十分明显,界面样式个性化也是很有限.
小程序必须要简单方便好用.也许你的项目就不适合作为小程序开发.即使它现在流行,开发简单.

4.bug是避免不了的,程序员总是在坑中度过大半好光阴
开发者社区 看看别人经常遇见的bug及解决方案,有问题也可以相互交流
微信小程序社区

7.小程序功能:工具/服务 查找,使用,分享

1.娱乐:
看小视频,小电影,美图
2.涨知识:
搜索知识相关的,杂志博客,例如新闻,运动,科技,美食,旅行等
3.求助/疑难解答:
身体/心里健康问题,家庭问题,朋友关系,爱情等.
4.使用工具:
快递助手,膜拜单车,日历,词典,表情,厨房助手
GitHub 微信小程序汇总,教程
简书 Demo合集
简书 小程序收藏

8.快捷键