前端用户体验优化
2,262 views
15-10-10 2,262 views
ajax在提交请求到接收后台返回结果这段时间内，要是处理时间太长，用户会以为网页卡住，所以添加loading图是很有必要的。可通过ajax的beforeSend来实现。下面是完整代码：
<html>
<head&...
请注意，karlew并不支持低于IE8的浏览器，为了获得最佳效果，请下载最新的浏览器，推荐下载 Chrome浏览器
只发前端的小项目demo或经验。博主比较懒，偶尔更新。
CSS/CSS3样式,移动端网页开发
3,206 views
15-9-12 3,206 views
今天在做移动端页面，测试时发现一个问题，ios的safari下，下面的div点击后不触发click事件：
<script>
$(document).on('click','.div_test', function() {
&n...
15-9-05 2,645 views
移动端的name属性meta标签非常丰富，接触了一段时间移动端页面设计后，现整理出几个常用的meta标签name属性名及设置：
<!-- 屏幕大小适应手机端-->
<meta name="viewport"&nbs...
HTML5绘图
6,409 views
不久前看到宝洁公众号一个利用canvas+flood fill（也就是洪水填充）涂色的H5页，觉得挺好玩有空的时候也写了两个涂色页，下面给出demo和完整参考代码下载，献给html5前端爱好者：
演示地址：http://wx.karlew.com/bear/
完整代码：https://github.com/karlew/canvas-flood-fill
下载的源码在本地用谷歌浏览器预览时，会出现 Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D' 的错误（具体原因可百度），建议用火狐或IE浏览器浏览，或者用php等代替html页面，又或者上传到服务器查看。
15-8-21 6,409 views
不久前看到宝洁公众号一个利用canvas+flood fill（也就是洪水填充）涂色的H5页，觉得挺好玩有空的时候也写了两个涂色页，下面给出demo和完整参考代码下载，献给html5前端爱好者：
演示地址：http://wx.karlew.com...