微信小程序开发详解:小程序入门与实战-纯正商业级应用技术

1、微信小程序简介

微信小程序简称小程序,张小龙在微信公开课 Pro 上发布的小程序正式上线,时间是2017年1月9日。关于小程序,张小龙在他的公开课中有过很详细的说明,你们尽能够到网上去搜,这里再也不赘述,只说做者本身的理解。前端

微信小程序这个词能够分解为“微信”和“小程序”两部分。程序员

其中“微信”能够理解为“微信中的”,指的是小程序的执行环境;固然微信在提供执行环境的同时也延长了用户使用微信的时间。小程序

“小程序”是说它首先是程序,而后具有轻便的特征。小程序并不像其余应用那样,它不须要安装,而是经过扫描二维码等打开后直接执行;用完之后也不须要卸载。这就是所谓用完即走的原则。微信小程序

另外,微信不会提供相似于小程序商店的地方,须要小程序提供者本身经过二维码,群分享的手段来传播,这就是所谓去中心化的形态。promise

微信朋友圈提供了好友之间沟通讯息的手段,订阅号提供了面向粉丝推送信息的手段,而小程序则是提供了用户经过本身的操做而与服务实现互动的手段。缓存

2、小程序相关技术介绍

本课程的目标读者群是了解基本的 C/C++ 语法但对小程序开发彻底没有经验的程序员,所以在说明微信小程序的同时,对相关技术也将进行相应的介绍。经过这种方式,可以使读者可以很是顺利地学习,而无需处处寻找资料致使忘了学习微信小程序这个原本的目的。服务器

微信小程序推出一年多一点的时间,算是一个新事物,可是利用的技术却都是已经存在的技术。若是你稍加调查就会发现,不光是微信小程序,不少相似形态的应用都采用相似的架构:微信

使用 JSON 技术来表现应用的配置信息。包含应用的基本信息,页面配置和路由,应用全体的信息等。
使用通过定制 CSS+XML 技术来实现视图层的描述。画面元素,例如列表、按钮、文本框、选择框等都经过 XML 语言来描述,听从 XML 语法,对于页面的共同风格,使用 CSS 进行定义。
使用 JavaScript 语言来实现逻辑层结构。包括用户操做的处理,系统 API 的调用等。
架构在视图层和逻辑层之间提供数据和事件传输功能,从而尽可能减小难度。因为相似应有都属于轻应用,因此提供的功能都比较单一。
具体的语法,用途等将会在使用的时候详细介绍,这里只提一下相关技术的基本状况,了解便可。架构

换一种说法就是:并不须要另外本身调查,跟着本课程走下去就好。
imageapp

3、小程序课程章节目录

第1章 申请appkey(含有微信小程序从基础到进阶课程全设计原稿含PSD源文件)
第2章 准备工做
第3章 小程序的基础知识与新特性
讲解小程序的一些必需要掌握的基础知识,如文件类型、项目结构、配置文件等。部分以前老课程中没有涉及的重要新特性也会在本章节说起。
image

第4章 flex布局
咱们将在本章中详细学习flex布局的基础知识,为在项目中灵活应用flex布局打下坚实的基础。
第5章 小程序基础知识与初识小程序组件
本章咱们将学习全局样式、相对/绝对路径、尺寸单位等小程序基础知识。同时,咱们将初步介绍小程序自定义组件。
第6章 组件数据、事件与属性
本章咱们将深刻学习组件的开放性与封闭性以及组件封装的原则。

第7章 访问API数据与ES6在小程序中的应用
本章,咱们将从一个简单wx.request开始,讲解同步与异步的区别,promise的意义,ES6中箭头函数、class、const、module、export与import在小程序中的巧妙应用。同时,咱们也将初步探讨封装代码的必要性。
第8章 流行页面编码与组件的细节知识
本章,咱们将逐步编写流行页面中剩余的电影组件、期刊组件、导航组件,并进一步的完善喜欢组件。同时,咱们将在本章节进一步的讲解setData的真正意义、组件封装粒度、系统事件与自定义事件、properties和data的区别等重要的知识。本章内容很是丰富,加油吧。

第9章 Behavior行为与加入缓存系统优化流行页面
即便服务器返回数据的速度再快,咱们依然须要在页面中加入缓存系统来优化用户体验。组件是一种复用的逻辑,但多个组件间的共同JS代码又改如何复用?使用Behaviors行为将解决这个问题。同时,咱们也将谈谈Behavior和多继承的思想。
第10章 新版Music组件、组件通讯与wxss样式复用
本章,咱们将进一步优化缓存带来的附加问题。缓存的使用绝对不只仅是setStorage和getStorage这么简单,缓存的加入将带来一些新的问题,这些问题的处理细节体现了一个前端程序员的成熟度。同时,咱们还将学习ES6扩展运算符和模板字符串在小程序中的应用、wxss样式的复用、让自定义组件支持hidden属性与组件通讯。

第11章 Promise正确用法与函数签名设计技巧
第12章 组件高级应用
本章咱们将探讨组件的slot插槽和外部样式类。组件最难平衡的是内置默认样式和用户自定义样式的需求,咱们将一块儿来探讨一个不错的解决方案。咱们将看到,小程序其实不只仅提供了属性、还提供了wxml的标签的传递与样式的传递。

第13章 小程序wxs的应用
wxs是微信为小程序定制的一套脚本语言,同JS相似,但又有不少不一样。不少同窗认为wxs没有什么用,但实际上是颇有用的。好比开源组件中就能够提供一套wxs编写的filter过滤器。本章,咱们未来深刻探讨一下wxs的应用场景。

第14章 搜索与高阶组件
搜索基本上是任何一个产品都不会缺乏的功能。可是一个好的搜索组件,细节是很是多的。本章,咱们将完成历史搜索、热门搜索等诸多商业级严谨搜索功能。
第15章 代码重构与行为抽象
本章咱们将重构搜索代码,将分页逻辑提取成一个“行为”。之后,当咱们遇到任何一个须要使用分页逻辑的组件时均可以服用分页Behavior。此外,本章有大量的细节须要咱们完善。好比如何对搜索加“锁”,如何判断是否还有更多数据等。

第16章 高级知识与应用
本章,咱们将试着学习和应用一些比较抽象的知识。这些知识并非必备的,但好的程序员必须学会这种思惟和编码习惯。咱们将在本章进一步优化和重构代码,学习新版微信受权机制、自定义小程序button组件、将内置的小程序API转换成Promise、复用整个Page等知识。

获取该小程序开发项目视频教程和资料,请私信。

4、小程序学习方法

微信小程序虽然是新事物,但学习方法却不是新方法。

咱们的方法技巧是:首先生产一个最简单的小程序实例,经过这个实例介绍微信小程序的构造和想法,这算是学习这个活动中“学”的部分。而后扩展这些知识点,经过开发一个简单的小程序的过程来运用这些知识点,这算是“习”的过程。

相关文章
相关标签/搜索