与或非实习作业小程序

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

最终版:https://www.cnblogs.com/till-the-end/p/8935152.html

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

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

先敲两天基础吧

周末的时候再整理一遍

(1.代办事件的处理,排版样式

2.动画的制作,3.详情页面的制作)

记得测试

下周报道

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

会报错,可能是因为{}json格式吧

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

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

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

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

原文地址:https://www.cnblogs.com/Py-king/p/11676214.html