随笔分类 - html5
html5 css3 布局
摘要：一、缓存机制 定义： 将静态资源（js、css、图片）缓存在本地浏览器或距离最近的缓存服务器（如CND）。 作用： 1、请求更快，加快网页加载速度； 2、节省带宽，甚至无需请求网络； 3、降低服务器的压力。 分类： 服务端：CDN缓存、数据库缓存等 客户端：http缓存、H5离线存储、浏览器缓存 缓
阅读全文
摘要：一、浏览器获取资源的过程： 1、输入url 2、浏览器解析url，获得主机名 3、将主机名转换成服务器ip地址（查找本地DNS缓存列表，如果没有则向默认的DNS服务器发送查询请求） 4、浏览器建立一条与服务器的TCP连接（三次握手） 5、浏览器向服务器发送http请求 6、服务器向浏览器返回请求响应
阅读全文
摘要：http://blog.csdn.net/kaikai4/article/details/46840317 http://blog.csdn.net/fuqinyijiu/article/details/41315123 //例子 $("body").on("touchstart", functio
阅读全文
摘要：他们的区别是，触发的时机不一样，先触发DOMContentLoaded事件，后触发load事件。 DOM文档加载的步骤为 在第4步，会触发DOMContentLoaded事件。在第6步，触发load事件。用原生js可以这么写 用jQuery这么写
阅读全文
摘要：地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前，浏览器都会询问用户是否共享其位置信息，以 Chrome 浏
阅读全文
摘要：Unicode编码转换工具：1 html字符用 Unicode编码 前面加上&# 2 css和js特殊字符用Ascii转Native编码，css前加上\ js前加上\u http://tool.chinaz.com/tools/unicode.aspx http://blog.csdn.net/bl
阅读全文
摘要：cookie是个基础的东西。是服务器发送到客户端，存储在客户端的一小段数据。可以存储一些配置信息，客户标识信息等。用户下次访问这个网站时，会把上次网站发来的cookie一同发送回去。cookie保存在客户端，服务器能够知道其中的信息。 session保存在服务器，客户端不知道其中的信息； 一、、h5
阅读全文
摘要：一、手机浏览器默认为我们做的两件事情：1.页面渲染在一个980px(ios)/640(aniord)的viewport里面（为了排版正确）2、默认缩放 二、<meta name="viewport" content="width=device-width,initial-scale=1,user-s
阅读全文
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>flexbox弹性伸缩布局</title> <style> p{width:150px;border:1px solid #000;margin:5px;paddi
阅读全文
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>多列布局</title> <style> div{ -moz- Firefox的前缀 -webkit- Chrome和safari -ms- IE -o- oper
阅读全文
摘要：HTML元素的ID和Name属性的区别一直认为ID和NAME是一样的，两个又可以一起出现，甚是疑惑。今天BAIDU了一下，才发现里面大有文章。发出来研究研究：最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 显然这个ID和
阅读全文
摘要：在用springmvc架构开发网站的过程中，离不开开发前台html页面，html经常需要使用本地相关的资源，如：图片，js，css等，一般情况下，我们可以通过使用相对路径的方式来对这些资源进行指向和访问，如： 如上图的代码，可以用浏览器直接打开此处的代码，banner-graphic.png图片也能
阅读全文
摘要：一、测试工具：1.Chrome 2.Opera Mobile二、分辨率：一般现代手机最小320px，最大640px。三、全屏流体设计： 1.腾讯新闻：http://xw.qq.com/ 2.途牛旅游：http://m.tuniu.com/ 固屏类流体设计 1.京东商城：http://m.jd.com
阅读全文
摘要：摘自http://www.cnblogs.com/shxydx/articles/2856882.html 控制显示区域各种属性： <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab
阅读全文
摘要：块级元素 h1,h2,h3,h4,h5,h6,hr,div,fieldset,form,dl,address,ol,p,table,ul,pre等常见 内联元素 a,b,br,em,i,img,input,strong,textarea,span,label等常见 内联元素的padding、marg
阅读全文
摘要：embed object以及video标签的区别以及使用？
阅读全文
摘要："top.location.href"是最外层的页面跳转"window.location.href"、"location.href"是本页面跳转"parent.location.href"是上一层页面跳转. location是window对象的属性，而所有的网页下的对象都是属于window作用域链中
阅读全文
摘要：在一个页面里做一个区域引入另一个页面的方法： <a href="http://www.baidu.com" target="in">百度</a> | <a href="http://www.haosou.com" target="in">好搜</a> <br> <iframe src="http:/
阅读全文
摘要：一个name可以同时对应多个控件，比如checkbox和radio而id必须是全文档中唯一的 id的用途1） id是HTML元素的Identity，主要是在客户端脚本里用。2） label与form控件的关联，如 <label for="MyInput">My Input</label> <inpu
阅读全文
摘要：注意：body、section、nav 需要h1-h6. div、header则不需要。 1):<article> 显示一个独立的文章内容。 例如一篇完整的论坛帖子，一则网站新闻，一篇博客文章等等，一个用户评论等等。artilce可以嵌套，则内层的artilce对外层的article标签有隶属的关系
阅读全文
浙公网安备 33010602011771号