2016年07月_北半球先生

原创 HTML5之本地存储

以前我们的浏览器只能通过cookie来存储很少的一部分信息，只有4k那么点大小，基于现在的复杂的用户体验，是不够用滴。但是有个好消息，我们的html5本地存储为每个域提供了5M大小的本地存储空间。我们html5本地存储是按键值对来存储信息的，像这样： localStorage.setItem("key1","hello html5");//这样我们的hello html5

2016-07-27 21:51:52 187

原创 Html5之画布，尽情地画吧

现在的很多浏览器都支持了html5了，所以html5里面的画布也是被广泛支持滴，想想是不是有点小激动呢，来吧，我们瞅瞅画布吧画布：也就是html的一个正常元素，以开始的标记。话不多说，来，上代码:/*该代码是实现在规定大小的画布里随机画20个正方形的实例啦*/canvas{border:1px solid black;}不支持画布//这，

2016-07-14 17:07:50 1168 1

原创 Jsonp解决跨域获取数据问题

首先我们先来了解一下所谓的“浏览器安全策略“。浏览器安全策略：如果从某一个域获取页面本身，该安全策略要求不能从另一个域获取数据。比如说我从小明那拿到了页面，但我现在想去小华那里拿数据，这样是不允许的。那怎么解决这个问题呢？答案就是我们要介绍的jsonp： jsonp:是一种通过使用标记获取json对象的方法。它可以解决XMLHttpRequest同源安全的问题。下面我们通过代码

2016-07-13 14:55:31 1071

原创 HTML5之地理位置

直接上代码吧：your loactionmap window.onload=getMyLocation;var map;//全局变量map对象function getMyLocation(){ if(navigator.geolocation){//如果浏览器支持位置定位的话 navigator.geoloca

2016-07-11 11:41:27 270

原创使用mailto连接email邮件

标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解，请看详细图示：注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。下面是一个完整的实例:在浏览器中显示的结果：发送点击链接会打开电子邮件

2016-07-03 16:12:20 2914

原创 CSS之行内元素的水平居中

行内元素的水平居中：如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素：如下面的html代码中，div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )eg: 我想要在父容器中水平居中显示。 .txtCenter{ text-align:cen

2016-07-02 12:13:08 333

原创 JQuery之添加与删除元素

1. jQuery添加元素：通过 jQuery，可以很容易地添加新元素/内容。append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容实例：$("p").append("hello JQuery");

2016-07-01 09:17:03 238

北半球先生的博客