与或非实习做业小程序

todo小案例简书：https://www.jianshu.com/p/ade69ae9e8ab

寻途网（小图标）：https://icon.52112.com/icon/366452.html

 

该做者还要一些相关的东西能够去看看，他对小程序开发的说明

 

上面还有一些文件夹，assets和images是分别用于存放一些大文件和图片的，例如音频、本地文件之类的均可以存在里面，文件夹名称是能够随意更改的，不像android这类资源文件夹是有个规范的约定，不能随便修更名称。
pages文件夹中存放的就是各类页面模块，这里建了两个页面模块，一个是index首页，一个是logs操做日志页，小程序中要求下方tab最少甚至2个，最多设置5个，在使用的时候要注意下。
每一个页面模块通常由3类文件组成：

• xxx.js： 在js文件中主要是用来定义页面变量和函数方法的，小程序的定义语法和vue.js这类MVVM框架很是像，能够直接参考最后一节的代码样例，一看就明白了。
• xxx.wxml：wxml相似h5中的html文件，用于描述页面的布局结构，须要注意的是wxml的标签名称和html的仍是有很大不一样的，须要熟悉下，这些标签和关键字。
• xxx.wxss：wxss相似于css文件，其中描述了页面中须要用到的样式。

 

数据绑定

数据绑定是整个小程序框架的核心，其实就是客户端用的比较多的MVVM框架，能够作到逻辑层的数据和视图层的数据关联变动，这样就能够方便的实现经过事件触发逻辑层的数据变化，从而体现到视图层展现给用户看到的数据变化。之前写过.net、vue.js，用过android、ios MVVM框架的同窗是否是都很熟悉这样的data binding模式。

基本语法

一门计算机语言的基本语法无外乎，变量定义、数据类型、基础运算符、基础语句、基础类库这些，下面咱们就简单介绍下这些，让有经验的开发人员一看就明白。

变量定义

在js中定义的变量均为值引用，没有声明的变量直接赋值使用会被定义为全局变量，变量定义和javascript一致。

数据类型

小程序支持的数据类型有：
Number ： 数值
String ：字符串
Boolean：布尔值
Object：对象
Function：函数
Array : 数组
Date：日期
Regexp：正则

这些类型和JavaScript中的类型也是一致的，因此对于有必定js基础的同窗，学小程序是很是简单的，这些数据类型对应的方法这里就不介绍了。

基础运算符

小程序的基础运算符和常见语言的基础运算符使用方法如出一辙，也是一元运算符、二元运算符、三元运算符、比较运算符、等值运算符、赋值运算符、运算符优先级也和js、C、Java这类的语言同样，因此基础运算符这里就不介绍了，看看下面的实例代码就会用了。

基础语句

小程序中的基础语句也和经常使用语言同样，就是if/else、switch、for、while这些，用法也是和其余主流语言一致，一看就明白了。

 

经常使用API

你们都知道微信小程序最牛逼的地方在于有微信巨大的用户流量和微信原生API的支持，下面就介绍下经常使用的微信原生API，经过这些原生API能够实现对原生操做系统一些API的操做和微信app自身功能的调用。

目前小程序开放的API能力已经很是丰富了，手机硬件基本均可以操做了，小程序现阶段提供的API包括：

• 网络请求、文件上传、下载、WebSocket相关操做
• 本地图片操做、录音操做、音频操做、视频操做
• 本地文件操做
• 本地缓存操做
• 地理位置操做、地图操做
• 系统基本信息查询
• 加速器、罗盘、电话、蓝牙、NFC、WiFi、iBeacon等操做
• 微信开放平台登陆、受权、支付、转发、二维码、卡券、APP跳转、小程序跳转等相关接口

微信为小程序具体开放的接口细节请参考官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/

 

上面是todolist的东西

接下里是日程课程安排和详情

 

这是详情页，一张图片，一两行文字吧

非洲鼓：https://jingyan.baidu.com/article/84b4f565bcb5af60f6da329d.html

 

吉他：https://jingyan.baidu.com/article/455a99509c86d8a166277886.html

尤克里里：https://baike.baidu.com/item/%E5%B0%A4%E5%85%8B%E9%87%8C%E9%87%8C/805901?fr=aladdin

 

滑动：https://www.jianshu.com/p/2d03af2e8741

动画官方：https://developers.weixin.qq.com/miniprogram/dev/api/ui/animation/wx.createAnimation.html

滑动参考：https://www.jianshu.com/p/b1d24867bbe7

 

最终版：http://www.javashuo.com/article/p-wkcxfmak-ec.html

 

遗留下来的问题：页面的滑动，还有传值可是不到怎么取出来  在onload  这个方法函数中

还有一个微信小程序和javaScript的一些小区别  不能混用

 

先敲两天基础吧

周末的时候再整理一遍

（1.代办事件的处理，排版样式

2.动画的制做，3.详情页面的制做）

记得测试

下周报道

 

 

在App.json中的页面导航是，不能直接注释的

会报错，多是由于{}json格式吧

 

手机预览的时候：发现图片路径不能用中文。

真机调试，手机预览也是文件大小不能超过2M

 

为何我不能用++自加这个东西

在data：i = i+1一个语句这都行