2019年3月1日
摘要: Less基础 一、Less基础 http://www.bootcss.com/p/lesscss/ 历史 LESS由Alexis Sellier于2009年设计。LESS是一个开源。LESS的第一个版本是用Ruby编写的,在后来的版本中,它被JavaScript代替 什么是LESS LESS是一个C 阅读全文
posted @ 2019-03-01 10:46 桂森滨 阅读(511) 评论(0) 推荐(0) 编辑
摘要: Less基础 一、Less基础 http://www.bootcss.com/p/lesscss/ 历史 LESS由Alexis Sellier于2009年设计。LESS是一个开源。LESS的第一个版本是用Ruby编写的,在后来的版本中,它被JavaScript代替 什么是LESS LESS是一个C 阅读全文
posted @ 2019-03-01 10:46 桂森滨 阅读(95) 评论(0) 推荐(0) 编辑
摘要: JavaScript + jQuery【不完整】 一、JavaScript 行为层 JavaScript简介 JavaScript历史: 1995年,网景公司 凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。由于网景公司希望能在静态HTML页面上添加一些动态效果,于是叫B 阅读全文
posted @ 2019-03-01 08:34 桂森滨 阅读(78) 评论(0) 推荐(0) 编辑
摘要: JavaScript + jQuery【不完整】 一、JavaScript 行为层 JavaScript简介 JavaScript历史: 1995年,网景公司 凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。由于网景公司希望能在静态HTML页面上添加一些动态效果,于是叫B 阅读全文
posted @ 2019-03-01 08:32 桂森滨 阅读(302) 评论(0) 推荐(0) 编辑
摘要: 结构层HTML + 表现层CSS 一、HTML5 超文本标记语言 什么是HTML5 HTML5结构元素 开发者不同,ID的命名也不同导致代码可读性差 不能很好的定位标记,明确某标记在页面中的位置和作用 代码不够简洁和高效,不利于搜索引擎搜索 header 页面或页面中某一个区块的页眉,通常是一些引导 阅读全文
posted @ 2019-03-01 08:12 桂森滨 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 结构层HTML + 表现层CSS 一、HTML5 超文本标记语言 什么是HTML5 用于取代1999年所定制的HTML4.01和XHTML1.0标准的html标准版本 强化Web网页的表现性能,其次追加了本地数据库等Web应用的功能 是包括HTML、CSS、JavaScript在内的一套技术组合 特 阅读全文
posted @ 2019-03-01 08:11 桂森滨 阅读(1313) 评论(0) 推荐(0) 编辑
摘要: 项目实战 一、flexible.js库 flexible是淘宝推出的弹性布局方案,可以解决移动端设备适配问题 添加<meta>标签,并动态改写 <meta> 标签 给 <html> 元素添加 data-dpr 属性,并且动态改写 data-dpr 的值 给 <html> 元素添加 font-size 阅读全文
posted @ 2019-03-01 08:03 桂森滨 阅读(402) 评论(0) 推荐(0) 编辑
摘要: 项目实战 一、flexible.js库 flexible是淘宝推出的弹性布局方案,可以解决移动端设备适配问题 添加<meta>标签,并动态改写 <meta> 标签 给 <html> 元素添加 data-dpr 属性,并且动态改写 data-dpr 的值 给 <html> 元素添加 font-size 阅读全文
posted @ 2019-03-01 08:03 桂森滨 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 开发技巧 一、基本开发技巧 webkit内核中有一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 移动端H5开发所遇到的问题与细节,以及ios兼容 https://blog.csdn.net/dwb123456123456/article/details/8266356 阅读全文
posted @ 2019-03-01 08:01 桂森滨 阅读(85) 评论(0) 推荐(0) 编辑
摘要: 开发技巧 一、基本开发技巧 webkit内核中有一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 移动端H5开发所遇到的问题与细节,以及ios兼容 https://blog.csdn.net/dwb123456123456/article/details/8266356 阅读全文
posted @ 2019-03-01 07:59 桂森滨 阅读(161) 评论(0) 推荐(0) 编辑
摘要: zepto框架 一、zepto框架概述 Zepto.js是专门为现代智能手机浏览器推出的JavaScript框架 Zepto的一些可选功能专门针对移动浏览器,因为最初的目标是专门为移动网站提供一个精简的jQuery替代方案 更小型的JavaScript框架 完全兼容jQuery语法 精简大量浏览器兼 阅读全文
posted @ 2019-03-01 07:52 桂森滨 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 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 桂森滨 阅读(4218) 评论(0) 推荐(1) 编辑
摘要: 移动端事件 一、 PC端事件 click、mouseover、mouseout、mouseleave、mouseenter、mouseup、mousedown、mousewheel... keydown、keyup... load、blur、focus、change.... 二、 移动端事件 上滑、 阅读全文
posted @ 2019-03-01 07:43 桂森滨 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 移动端页面布局 一、 水平居中 二、 自适应块级元素水平居中 前面介绍的块级元素居中要求有固定宽度,对于自适应的块级元素就无能为力了 1 /* 借助css3的变形属性Transform来完成 */ 2 .content { 3 position: absolute; 4 left: 50%; 5 t 阅读全文
posted @ 2019-03-01 07:36 桂森滨 阅读(561) 评论(0) 推荐(0) 编辑
摘要: 移动端页面布局 一、 水平居中 二、 自适应块级元素水平居中 前面介绍的块级元素居中要求有固定宽度,对于自适应的块级元素就无能为力了 1 /* 借助css3的变形属性Transform来完成 */ 2 .content { 3 position: absolute; 4 left: 50%; 5 t 阅读全文
posted @ 2019-03-01 07:35 桂森滨 阅读(90) 评论(0) 推荐(0) 编辑