桂森滨 - 博客园

2019年3月1日

摘要： zepto框架一、zepto框架概述 Zepto.js是专门为现代智能手机浏览器推出的JavaScript框架 Zepto的一些可选功能专门针对移动浏览器，因为最初的目标是专门为移动网站提供一个精简的jQuery替代方案 Zepto.js是专门为现代智能手机浏览器推出的JavaScript框架更阅读全文

posted @ 2019-03-01 07:50 桂森滨阅读(1476) 评论(0) 推荐(0) 编辑

移动端：移动端事件

摘要：移动端事件一、 PC端事件 click、mouseover、mouseout、mouseleave、mouseenter、mouseup、mousedown、mousewheel... click、mouseover、mouseout、mouseleave、mouseenter、mouseup、m 阅读全文

posted @ 2019-03-01 07:44 桂森滨阅读(4221) 评论(0) 推荐(1) 编辑

移动端：移动端页面布局

摘要：移动端页面布局一、水平居中二、自适应块级元素水平居中前面介绍的块级元素居中要求有固定宽度，对于自适应的块级元素就无能为力了 1 /* 借助css3的变形属性Transform来完成 */ 2 .content { 3 position: absolute; 4 left: 50%; 5 t 阅读全文

posted @ 2019-03-01 07:36 桂森滨阅读(561) 评论(0) 推荐(0) 编辑

2019年2月28日

移动端：Flex弹性盒布局

摘要： Flex弹性盒布局一、 Flex的发展史 Flex弹性盒布局一、 Flex的发展史 2009年W3C 提出概念，但是官方没有flex这个词 2011年浏览器厂商决定使用flexbox，来形容它的布局特点二、定义 Flex是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提阅读全文

posted @ 2019-02-28 17:32 桂森滨阅读(718) 评论(0) 推荐(0) 编辑

移动端：自适应和响应式布局

摘要：自适应和响应式布局一、自适应自适应主要是指的宽度的自适应百分比的流式布局二、 swiper插件纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果加载插件 swiper.min.js和swiper.min.cs 阅读全文

posted @ 2019-02-28 17:21 桂森滨阅读(2144) 评论(0) 推荐(0) 编辑

移动端：移动端基础

摘要：移动端基础一、前端基础 -o-transform:rotate(7deg); // Opera -ms-transform:rotate(7deg); // IE -moz-transform:rotate(7deg); // Firefox -webkit-transform:rotate(7d 阅读全文

posted @ 2019-02-28 17:10 桂森滨阅读(320) 评论(0) 推荐(0) 编辑

BootStrap系列：BootStrap插件

摘要： BootStrap插件一、data 属性你可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件，无需写一行 JavaScript 代码。关闭： $(document).off('.data-api') 如需关闭一个特定的插件，在 data-api 命名空间前加上该插件阅读全文

posted @ 2019-02-28 13:33 桂森滨阅读(433) 评论(0) 推荐(1) 编辑

BootStrap系列：BootStrap组件

摘要： BootStrap组件一、按钮二、表格三、表单垂直表单（默认）内联表单水平表单向父 <form> 元素添加 role="form" 把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的向所有的文本元素 <input>、<texta 阅读全文

posted @ 2019-02-28 08:51 桂森滨阅读(239) 评论(0) 推荐(2) 编辑

BootStrap系列：BootStrap布局

摘要： BootStrap布局一、BootStrap布局 CSS组件主要包括栅格系统、列表组、进度条、icon图标、导航栏等组件。 JavaScript插件主要有动画效果、窗体模式、下拉菜单、选项卡等二、网格系统 Bootstrap内置了一套响应式、移动优先的流式栅格系统，随着屏幕设备或可视窗口（vie 阅读全文

posted @ 2019-02-28 08:41 桂森滨阅读(1011) 评论(0) 推荐(1) 编辑

BootStrap系列：初识BootStrap

摘要： BootStrap入门一、BootStrap简介历史：由Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品为什么要使用BootStrap 移动设备优先：自 Bootstrap 3 起，框架阅读全文

posted @ 2019-02-28 08:34 桂森滨阅读(282) 评论(0) 推荐(1) 编辑