摘要：
网页元素定位涉及到两个css属性：position和z-index属性。 position属性 position的属性值如下： position的属性值说明如下： static：没有定位，网页元素以标准文档流方式显示。 relative：设置相对定位的盒子会相对它原来的位置，通过指定偏移，到达新的位 阅读全文
摘要：
flex布局 flex（ flexible box：弹性盒布局模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。 flex坐标 使用flex布局的容器（flex container），它内部的元素自动成为flex项目（flex item 阅读全文
摘要：
浮动 使用css的float属性设置元素的浮动可选值：none（默认值）| left | right 浮动特点 1.元素设置浮动以后，完全脱离文档流，并向页面的左上或右上浮动。直到遇到父元素的边框或其他的父元素时则停止浮动。 2.如果浮动元素上边是一个没有浮动的块元素，元素不会超过该块元素。 3.浮 阅读全文
摘要：
基本概念 盒子模型，英文即box model。无论是div、span、还是a都是盒子，他们在网页上都要占据一定的空间，在进行布局的时候需要考虑他们所占据的空间大小。 例外情况：图片、表单元素作为文本处理，不作为盒子模型计算。 盒子模型主要CSS属性 盒子的属性有5个：width、height、pad 阅读全文
摘要：
css网页元素分类 css通过display属性可以将网页元素设置为block、inline、inline-block三类。这三类网页元素的区别如下： 在浏览器中显示，从左到右独占一行。 形状为矩形。 可以定义宽度和高度，内边距和外边距等。 网页元素在浏览器中在一行中并排呈现。 依附于其他块级元素存 阅读全文
摘要：
后台交互 小程序是前端框架，需要和后台交互，本次课程主要介绍网络API。 小程序提供的网络访问API wx.request接口 发起 HTTPS 网络请求。 使用rqeust接口前的工作 1.小程序需要到后台设置合法请求域名（一般用于正式发布） 2.关闭开发工具中的url检测（开发环境设置） 关闭u 阅读全文
摘要：
效果图 使用基础内容组件progress制作动态进度条。 视图代码 逻辑层代码 阅读全文
摘要：
倒计时效果图 按照 时：分：秒：毫秒（保留两位）进行倒计时效果的制作。 主要思路：使用定时器刷新data数据，通过小程序的数据绑定机制刷新视图数据。 视图代码 逻辑层代码 阅读全文
摘要：
MINA框架 概述 之前介绍的WXML、WXSS、JS、WXS都是运行在MINA框架上。 MINA的核心是一个响应的数据绑定系统。整个系统分为两块：视图层(View) 和 逻辑层(App Service)。MINA可以让数据与视图保持同步非常简单。当做数据修改的时候，只需要在逻辑层修改数据，视图层就 阅读全文
摘要：
小程序框架 基本概念 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻 阅读全文