2014年06月_一喵呜

转载网页图片压缩优化，提高网站打开速度

最大程度的压缩了网页大小，提高访问者的用户体验。对于一个网站而言，页面的开启速度是至关重要的。它不仅直接影响到该网站在搜索引擎中的排名参数，更为重要的是，会减缓访客的页面开启速度。图片优化基本原则：一、图片裁切切图时尽量贴合图形区，避免空白区域占用文件大小。二、图片缩放通常情况下，数码相机拍出的照片分辨率是用于冲洗照片所用的，在网上浏览不需要上传那么大的照片，既影响

2014-06-20 13:59:03 4289

原创 HTML5 Canvas知识点学习笔记

canvas ① 主要作用：绘制矢量图② 矢量图图形（路径）-（ILL）位图图像（像素点）- PS中图像都是位图③ Canvas 能够制作动画,但是不是为了制作动画而生的也能够制作游戏。主要为了绘图而生。④ 能够设置宽高推荐样式写在style；Canvas 相当于是一个绘制图形的容器，并没有绘制功能，需要借助JS（脚本）实现绘制功能

2014-06-11 21:22:19 2602

转载 html5shiv.js分析

首先，我们先了解一下html5shiv.js是什么。html5shiv.js是一套实现让ie低版本等浏览器支持html5标签的解决方案。实现原理：见如何让ie低版本浏览器支持html5标签。废话不多说，我们先上源代码，代码有点长，但保持原来的注释有利于大家理解，不想直接阅读的就点收缩代码然后往下看。源码原地址：https://github.com/aFarkas/html

2014-06-10 23:05:31 9103 2

原创 HTML5地理定位，百度地图API，知识点熟悉

判断浏览器的兼容问题：IE9+支持地理定位，FF Chrome新版支持地理定位 if (navigator.geolocation) { alert('支持地理定位'); } else { alert('不支持地理定位'); }获取自己位置经纬度 var x=d

2014-06-08 19:05:55 4177

转载面向手机网站的前端开发

从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。手机网站开发，有着许多不为人知的困难：一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于淘宝自身的特殊性，也使得我们在参考成功案例之余，要做更多的思考；二是兼容性工作异常艰辛，难度一点也不比web网站的兼容性工作来的低

2014-06-03 20:58:40 1779 1

原创 AJAX基础知识点学习

AJAX基础知识点学习（AJAX异步加载、JSON与XML辨析……）

2014-06-03 18:59:38 1877

转载 HTML5中x-webkit-speech语音输入功能

现在各大网站都在搜索框中加入了语音输入功能，不过目前只有Chrome 11及以上版本才支持。可以用chrome浏览器在这里试试效果，点击话筒即可：实现起来也非常简单，为input添加名为 x-webkit-speech 的属性就行了。相关的属性设置：lang设置语言种类：onwebkitspeechchange语音输入事件，当发声语音改变

2014-06-01 16:08:05 9516

HTMl5自由者