2017年04月_winfredzen

原创移动设备HTML实践

移动设备HTML实践记录遇到的问题在移动设备上注意要添加如下的语句：<meta name="viewport" content="width=device-width, initial-scale=1.0"> 1.背景图片设置的是全屏，但是在手机上显示时却没有，底部有空白参考background-size: cover not working in portrait on Android tab

2017-04-12 10:22:15 360

原创使用地理定位

本文内容来自HTML5权威指导使用地理定位地理定位（Geolocation）API可以获取关于用户当前地理位置的信息。它不是HTML5规范的一部分，但经常被归组到HTML5相关的新功能中。通过全局属性navigator.geolocation访问地理定位功能。 Geolocation对象名称说明返回 getCurrentPosition(callback,errorCallba

2017-04-11 18:45:24 413

原创 canvas元素

本文内容来自HTML5权威指南canvas元素第一部分canvas元素是一种可供绘图的平面。 canvas元素的内容会在浏览器不支持此元素时作为备用内容显示。<canvas id="canvas" width="500" height="200"> 不支持canvas </canvas> 在canvas元素上绘图，需要获得一个上下文对象。在本案例中获取的2d上下文，用来执行二维操作。HTM

2017-04-08 15:23:23 614

原创 Document对象

Document对象document.writeln()将内容添加到HTML文档的末尾。document.write()类似，但不会给添加到文档里的字符串附上行结束字符。 document.URL属性返回当前文档的URL。获取文档信息属性说明返回 characterSet 返回文档的字符集编码，是一个只读属性字符串 charset 获取或设置文档的字符串编码

2017-04-07 14:40:42 604

HTML表单配置表单action属性需要注意的点：1.如果不设置form元素的action属性，那么浏览器会将表单发送到该HTML文档的URL 2.如果为action属性指定的是一个相对URL，那么该值会被嫁接在当期页的URL(如果使用了base元素，则为其href的值)的后面。如：<base href="http://abc.com"> form的action对应的值为abc.html，其地址为

2017-04-06 16:28:37 425

原创 HTML5存储

学习HTML5存储，记录学习笔记HTML5存储H5之前，通常使用cookies来在客户端存储数据，cookies有如下的特点：1.http的请求头上回带着cookies 2.大小限制为4k 3.反问记录或者http请求的时候，会带着主域名的东西，这样随意去存取得话，会造成主域名的污染（主域名的cookies会被追加到子域名的cookies里面，造成多极域名的cookies会变得很臃肿）cooki

2017-04-05 14:42:39 591

原创使用Bootstrap的一些小知识点

使用Bootstrap的一些小知识点w3schools提供了一些Bootstrap做网页的实例模板，跟着一步步的做下来，也有不小的收获，明白了一些常用效果的实现方式。Scrollspy滚动监测Scrollspy插件会根据滚动的位置自动更新nav中的链接。使用方式是在滚动的区域的元素上添加data-spy="scroll"（通常是在<body>元素上），然后添加data-target ，指定其值为na

2017-04-01 17:14:47 799

了凡