【免费学习】蓝鸥微信小程序全方位深度解析
视频观看:http://edu.csdn.NET/course/detail/3081
小程序学习目标:
1、WeChatApp的背景,搭建开发环境,开发工具使用和文件机构
2、视图、渲染和事件的原理与使用
3、微信小程序的配置、发布、生命周期与app对象的使用
4、组件,页面布局,样式使用
5、API的讲解、使用场景及开发注意事项
6、根据项目需求,完成实战项目
小程序学习计划:
2、小程序mac os版本环境搭建
小程序mac os版本环境搭建及注意事项
3、小程序的基础入门
本视频教程将带你一步步创建完成一个微信小程序。这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志。让大家了解微信小程序开发的基本流程和基础知识
4、微信小程序的目录结构及配置
详解小程序的目录结构及对小程序的开发配置
5.逻辑层注册程序和注册页面
小程序开发框架的逻辑层是由JavaScript编写,逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。本节课将带大家学习小程序逻辑层的概念以及注册程序和注册页面
6、作用域和模块化
在 JavaScript 文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。
7、视图层
小程序的开发框架的视图层指的是页面展示的内容,由 WXML 与 WXSS 编写,由组件来进行展示,相当于html和css,目的是将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。
8、数据绑定
WXML 中的动态数据均来自对应 Page 的 data,而数据绑定使用 Mustache 语法(双大括号)将变量包起来,在双大括号内部我们可以进行运算、逻辑判断、字符串运算、组合新的对象和数组等操作
9、for详解
在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item,然后可以通过wx:for-item可以指定数组当前元素的变量名,wx:for-index可以指定数组当前下标的变量名
10、小程序事件处理详解
在小程序中事件绑定可以通过bind或者catch,bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。然后详解了事件对象中的属性:target,currentTarget,touches等
11、小程序的引用
WXML 提供两种文件引用方式import和include,import可以在该文件中使用目标文件定义的template,而include可以将目标文件除了<template/>的整个代码引入
12、wxss
WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,小程序对 CSS 进行了扩充以及修改,主要就是增加了尺寸单位和样式导入
13、view组件-flex布局
view是小程序中最基础的一个组件,相当于html中的div,主要就是用来布局,另外在小程序中推荐使用的flex(弹性盒模型)布局,在本节也对flex布局做了介绍
14、scroll-view组件
scroll-view是限定一块可滚动视图区域,同时还可以设置滚动条初始位置,添加滚动条滚动事件等
15、swiper组件
swiper组件是用于设置一个滑块视图容器,通过它我们可以实现app中常见的图片轮播功能。
16、基础内容组件
基础内容组件中主要是实现app最基础的功能,比如图标(icon),文本内容(text),和进度条(progress)
17……18……19
……………………
30……31……32
更多内容欢迎观看视频讲解!!!