微信小程序教学大纲

1、微信小程序教学大纲引言:本教程适合对 web前端有所了解的同学学习，何为有所了解，我的定义就是知道什么叫网 页，一张普通的网页由哪些元素组成。对html超文本标记语言有所掌握，最起码能用记事本手写代码，html就像是人的骨头，是最基本的最核心的代码其次人有了骨头之后，样子太难看了，甚至有点恐怖，这时候就需要用css来渲染，css中文名叫层叠样式表，可以这么理解，css是人的皮肤，我们可以通过 css来给html增加各种皮肤。人的轮廓和外表通过 html和css基本能描绘出来了，但是这个时候这个“人”不会动，没 有交互效果，就是你他和交流，他不搭理你，这时候就需要JavaScript来给“人”赋

2、予动能。JavaScript就是人的血液和神经系统。JavaScript是2016年最火的一门语言，以后几年还会火下去，因为小程序将改变世界。好了，通过上面的简单介绍，我相信大家有了大概的学习方向。学习制作一款微信小程序，简而言之，你需要掌握Html超文本标记语言Css层叠样式表JavaScript网路脚本语言第一天Html第二天Css第三天 Javascript第四天小程序框架第五天组件第六天Api第七天实战Html基础教程（一节课）HTML 基础教程?HTML教程?HTML简介?HTML编辑器?HTML基础?HTML元素?HTML属性?HTML标题?HTML段落?HTML样式HTML格式化

3、HTML弓I用HTML计算机代码HTML注释?HTML CSS?HTML链接?HTML图像?HTML表格?HTML列表?HTML块?HTML类?HTML布局?HTML响应式设计?HTML框架?HTML内联框架?HTML背景?HTML脚本?HTML头部?HTML实体?HTML URL?HTML URL编码?HTML Web服务器?HTML颜色?HTML颜色名?HTML文档类型?HTML速查手册HTML XHTMLXHTML简介XHTML元素XHTML属性HTML 表单HTML表单HTML表单元素HTML输入类型HTML输入属性HTML5HTML5简介HTML5支持HTML5元素HTML5语义HT

4、ML5迁移HTML5代码约定HTML 图形HTML5 画布HTML5 SVGHTML5 画布 vs SVGHTML 媒体HTML媒体HTML对象HTML音频HTML视频CSSCss基础教程（一节课）基础教程CSS教程CSS简介CSS基础语法CSS高级语法CSS派生选择器CSS id 选择器CSS类选择器CSS属性选择器CSS创建CSS样式?CSS背景?CSS文本?CSS字体?CSS链接?CSS列表?CSS表格?CSS轮廓CSS框模型?CSS框模型概述?CSS内边距?CSS边框?CSS外边距?CSS外边距合并CSS定位?CSS定位概述?CSS相对定位?CSS绝对定位?CSS浮动CSS选择器?CS

5、S元素选择器?CSS选择器分组?CSS类选择器详解?CSS ID选择器详解?CSS属性选择器详解?CSS后代选择器?CSS子元素选择器?CSS相邻兄弟选择器?CSS伪类?CSS伪元素CSS高级?CSS对齐1?CSS尺寸?CSS分类?CSS导航栏?CSS图片库?CSS图片透明?CSS媒介类型?CSS注意事项?CSS总结JavaScript基础教程（一节课）JS教程?JS教程?JS简介?JS实现?JS输出?JS语句?JS注释JS变量JS数据类型JS对象JS函数JS运算符JS比较JS If.ElseJS SwitchJS ForJS WhileJS BreakJS错误JS验证JS HTML DOMD

6、OM简介DOM HTMLDOM CSSDOM事件DOM节点JS对象JS对象JS数字JS字符串JS日期JS数组JS逻辑JS算数JS正则表达式微信小程序框架简易教程（一节课）目录结构配置逻辑层?注册程序? 注册页面?模块化? API视图层? WXML? 数据绑定? 条件渲染? 列表渲染? 模板? 事件? 引用WXSS组件微信小程序组件简易教程（一节课）1) 视图容器view2) scroll-view3) swiper基础内容4) icon5) text6) progress表单组件7)button8)checkbox9)form10)input |11)label12)picker |13)ra

7、dio14)slider15)switch操作反馈16)action-sheet17)modal18)toast19)loading导航20)navigator |媒体组件21)audio22)23)imagevideo地图24)map画布25)canvas微信小程序api基础教程网络发起请求上传、下载26) wx.uploadFile27) wx.downloadFileWebSocket28) wx.connectSocket|29) wx.onSocketOpen30) wx.onSocketError31) wx.sendSocketMessage32) wx.onSocketMess

8、age33) wx.closeSocket34) wx.onSocketClose媒体图片35) wx.chooseImage36) wx.previewImage录音37) wx.startRecord38) wx.stopRecord音频播放控制39)40)41)wx.playVoice wx.pauseVoice wx.stopVoice音乐播放控制42)43)44)45)46)47)48)49)50)51)文件视频数据wx.getBackgroundAudioPlayerState wx.playBackgroundAudio wx.pauseBackgroundAudio wx.seekBackgroundAudio wx.stopBackgroundAudio wx.onBackgroundAudioPlay wx.onBackgroundAudioPause wx.onBackgroundAudioStop52)数据缓存53)wx.setStorage54)wx.setStorageSync55)wx.getStorage |56)wx.getStorageSync57)wx.clearStorage58)wx.clearStorageSync位置59)获取位置60)查看位置设备61)网络状态6