2017年01月_蒙眼的藏羚羊

原创微信小程序入门之swiper

微信小程序原生就提供了轮播控件，在微信的文档中叫做滑块视图容器。只需要简单的配置就可以实现轮播的效果。1.1 属性然后按照官方提供的实例代码<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block w

2017-01-15 12:01:41 961

原创微信小程序入门之tabBar

最近微信小程序这么火，博主虽然是学Android，但毕竟多多少少影响到App开发行业，所以还是得未雨绸缪，话不多说，接下来就从最基础的组件开始，一步一步揭开小程序的面纱。入门学习第一篇: tabBar1.1 属性微信小程序提供了一个组件 tabBar 用来实现多 tab 分页功能。如果我们的小程序是一个多 tab 应用（客户端窗口的底部有 tab 栏可以切换页面），那么我们可以通过 tabBar

2017-01-15 11:38:58 909

原创 H5学习笔记之元素分类

常用的块状元素有：、、…、、、、、、、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、设置display:block就是将元素显示为块级元素。设置display:inline将元素设置为内联元素。设置 display:inline-block就是将元素设置为内联块状元素块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个

2017-01-08 17:48:07 346

原创 H5学习笔记之CSS代码语法

css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示：选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示： p{font-size:12px;color:red;}就像

2017-01-08 17:47:12 596

原创 H5学习笔记之CSS三大特性

一：继承继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本二：特殊性下面是权值的规则：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /权值为1/ p span{color:green;}

2017-01-08 17:46:40 359

原创 H5学习笔记之代码简写

盒模型代码简写通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px;可缩写为： margin:10px;2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px;可缩写为： margin:10px 20px;3

2017-01-08 17:46:11 1423

原创 H5学习笔记之CSS3 animation

animation基本用法是： animation: name keeping-time animate-function delay times iteration final; 第一个参数：name (animation-name)：动画的名字，即设定动画过程的名字，CSS3采用“关键帧 keyframes”来定义动画，方式形如： @-webkit-keyframes name{

2017-01-08 17:45:35 516

Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现，老样子，我们就从transform的语法开始吧。一、旋转rotaterotate

2017-01-08 17:44:19 3131

技术小白的升级打怪之路