自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

转载 Less:Less基础

Less基础 一、Less基础 http://www.bootcss.com/p/lesscss/ 历史 LESS由Alexis Sellier于2009年设计。LESS是一个开源。LESS的第一个版本是用Ruby编写的,在后来的版本中,它被JavaScript代替 什么是LESS LESS是一个CSS预处理器,可以为网站启...

2019-03-01 10:46:00 166

转载 行为层JavaScript+jQuery

JavaScript + jQuery【不完整】 一、JavaScript 行为层 JavaScript简介 JavaScript历史: 1995年,网景公司 凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。由于网景公司希望能在静态HTML页面上添加一些动态效果,于是叫Brendan Eich这哥们在两周之内设计出了JavaS...

2019-03-01 08:32:00 194

转载 结构层HTML + 表现层CSS

结构层HTML + 表现层CSS 一、HTML5 超文本标记语言 什么是HTML5 用于取代1999年所定制的HTML4.01和XHTML1.0标准的html标准版本 强化Web网页的表现性能,其次追加了本地数据库等Web应用的功能 是包括HTML、CSS、JavaScript在内的一套技术组合 特性【优势】:各大浏览器厂商的支持...

2019-03-01 08:11:00 457

转载 移动端:项目实战

项目实战 一、flexible.js库 作用 flexible是淘宝推出的弹性布局方案,可以解决移动端设备适配问题 功能 添加<meta>标签,并动态改写 <meta> 标签 给 <html> 元素添加 data-dpr 属性,并且动态改写 data-dpr 的值 给 <html> 元素添加 font-si...

2019-03-01 08:03:00 264

转载 移动端:开发技巧

开发技巧 一、基本开发技巧 meta相关 webkit内核中有一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 移动端H5开发所遇到的问题与细节,以及ios兼容https://blog.csdn.net/dwb123456123456/article/details/82663563 HTML5标签的使用 开发移动端页面...

2019-03-01 07:59:00 154

转载 移动端:zepto框架

zepto框架 一、zepto框架概述 Zepto是一个轻量级的针对现代高级浏览器的JavaScript 库兼容性: Zepto.js是专门为现代智能手机浏览器推出的JavaScript框架 Zepto的一些可选功能专门针对移动浏览器,因为最初的目标是专门为移动网站提供一个精简的jQuery替代方案 优势: 更小型的JavaScript框架 完...

2019-03-01 07:50:00 325

转载 移动端:移动端事件

移动端事件 一、 PC端事件 鼠标类 click、mouseover、mouseout、mouseleave、mouseenter、mouseup、mousedown、mousewheel... 键盘类 keydown、keyup... 其他类 load、blur、focus、change.... 二、 移动端事件 ...

2019-03-01 07:44:00 292

转载 移动端:移动端页面布局

移动端页面布局 一、 水平居中 行内元素 text-align: center; 块级元素 1 /* 可以采取绝对定位的方式实现 */ 2 .center { 3 width: 960px; 4 position: absolute; 5 left: 50%;(25%) 6 marg...

2019-03-01 07:36:00 167

转载 移动端:Flex弹性盒布局

Flex弹性盒布局 一、 Flex的发展史 2009年W3C 提出概念,但是官方没有flex这个词 2011年浏览器厂商决定使用flexbox,来形容它的布局特点 2015年W3C正式将其修改为flexbox布局 2016年5月官方正式公布最新的稳定的flex布局规范标准,各大浏览器的支持越来越稳定 二、 定义 Flex是 Fle...

2019-02-28 17:32:00 115

转载 移动端:自适应和响应式布局

自适应和响应式布局 一、自适应 自适应体验 http://m.ctrip.com/html5/ 自适应:为了解决在不同大小的设备上呈现相同的网页 如何实现 自适应主要是指的宽度的自适应 百分比的流式布局 二、 swiper插件 网站 http://www.swiper.com.cn/ 定义:开源、免费、强大的移动端触摸滑动插件 作...

2019-02-28 17:21:00 393

转载 移动端:移动端基础

移动端基础 一、前端基础 网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。 结构化标准语言:HTML,表现标准语言:CSS,行为标准:JS 浏览器css兼容前缀 -o-transform:rotate(7deg); // Opera -ms-transform:rotate(7deg); // IE...

2019-02-28 17:10:00 122

转载 BootStrap系列:BootStrap插件

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

2019-02-28 13:33:00 157

转载 BootStrap系列:BootStrap组件

BootStrap组件 一、按钮 二、表格 基本表格 table.table>caption+(thead>tr>th*n)+tbody>((tr>td*n))*n table.table>caption+(thead>tr>th*n)+tbody>tr*n>td*n 可选的表格类1:...

2019-02-28 08:51:00 166

转载 BootStrap系列:BootStrap布局

BootStrap布局 一、BootStrap布局 CSS组件主要包括栅格系统、列表组、进度条、icon图标、导航栏等组件。 JavaScript插件主要有动画效果、窗体模式、下拉菜单、选项卡等 二、网格系统 Bootstrap内置了一套响应式、移动优先的流式栅格系统,随着屏幕设备或可视窗口(viewport)尺寸的增加,系统会自动分为最多12列。栅格系统是...

2019-02-28 08:41:00 238

转载 BootStrap系列:初识BootStrap

BootStrap入门 一、BootStrap简介 历史:由Twitter的Mark Otto和Jacob Thornton开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品 为什么要使用BootStrap 移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。 浏览器支持:所有的主流...

2019-02-28 08:34:00 168

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除