【免费学习】蓝鸥微信小程序全方位深度解析

【免费学习】蓝鸥微信小程序全方位深度解析

视频观看:http://edu.csdn.NET/course/detail/3081


小程序学习目标:

1、WeChatApp的背景,搭建开发环境,开发工具使用和文件机构

2、视图、渲染和事件的原理与使用

3、微信小程序的配置、发布、生命周期与app对象的使用

4、组件,页面布局,样式使用

5、API的讲解、使用场景及开发注意事项

6、根据项目需求,完成实战项目

小程序学习计划:

1、小程序windows版本环境搭建介绍微信小程序:作为一种新的公众号形态,小程序意味着用户关注它就像安装了一个App一样,免去了下载和安装的过程,即点即用。 小程序windows下的环境搭建与创建demo项目


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


更多内容欢迎观看视频讲解!!!



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值