HTML5

解决UC浏览器默认把wap页面字体放大问题

UC手机浏览器在识别到页面文字很多的情况下会自动放大字体优化阅读体验,如果要关闭这个功能需要在网页头部添加: <meta name=”wap-font-scale” content=”no”> 代码即可; 不得不说这个功能对开发者来说真的挺坑的!

H5+学习 之 知识点总结

1、a连接凡是使用了mui的mui(‘.mui-content’).on(‘tap’,’.user-link’,function(){})这玩意绑定事件的他都默认的阻止了dom默认行为,例如点击a他就不会跳转页面 2、绑定a连接事件弹出模版子模版的模式,里面有一层判断 正常的话这个判断内的代码只能执行一次,但是如果你把href的值变成data-href的话这个代码会每次触发事件都会执行一次,原因是如果你存储的是本地相对路径的话,非href属性获取他的值永远都是你在页面书写的值,而herf是取的绝对路径的值,例如file:/…阅读全文

HTML5 classList使用

html5新增api,类似于jquery的 addclass、toggleClass、removeClass方法 add:给元素添加一个指定的class remove:从元素中删除一个指定的class toggle:如果元素没有指定的class则执行add操作|反之执行remove操作 contains:检测元素是否含有指定的class

H5+学习 之 返回键功能设计

利用H5+和mui框架实现app 在实现过程发现返回键只能应用于mui.openWindow大开的窗口,但是有时候app里嵌入的是外部链接,在外部连接内可能还有连接想要点击里面的连接后按返回键可以实现返回,当返回到不能在返回的时候连续按两次返回键实现退出应用,下面是我写的js代码,利用mui的beforeback回调实现:

H5+ 学习 之 地理定位

最近在学习利用html5开发app的工具和api,发现了利用HBuilder、HTML5plus runtime、mui框架前端自己也可以开发出漂亮的app来,下面是一个利用H5+实现的一个地理定位功能,感兴趣的同学们下面有网址,可以点击去学习 官方首页:http://www.dcloud.io/index.html API文档:http://www.html5plus.org/doc/ mui文档:http://dev.dcloud.net.cn/mui/ui/

HTML5无刷新实现跳转页面技术

window.onpopstate window.onpopstate是popstate事件在window对象上的事件句柄. 每当处于激活状态的历史记录条目发生变化时,popstate事件就会在对应window对象上触发. 如果当前处于激活状态的历史记录条目是由history.pushState()方法创建,或者由history.replaceState()方法修改过的, 则popstate事件对象的state属性包含了这个历史记录条目的state对象的一个拷贝. 调用history.pushState()或者history.replaceState()不会触发popstate事件. pops…阅读全文

HTML5 Canvas鼠标穿过PNG透明图-高亮选中图片

demo:点击查看 参考资料:点击查看 Canvas特效案例汇总展示: 服装DIY:http://www.loveqiao.com/dom/works/pcdiy/ 移动试衣间:http://www.loveqiao.com/dom/works/fitting/ Canvas图片合成:http://www.loveqiao.com/archives/53/ Canvas涂鸦画板:http://www.loveqiao.cn/dom/html5css3/canvas.html Canvas橡皮擦:http://www.loveqiao.com/dom/html5css3/canvas-erase…阅读全文

头像裁切上传

公司项目需要,做一个用户中心头像裁切上传功能,为了项目进度,使用了图片裁切工具jquery.jcrop插件,具体实现思路: 1、先实现一个图片单张上传功能; 2、图片模拟裁切工具,计算出大小、坐标; 3、编辑后的图片、大小、坐标发送服务器,返回头像处理结果。 其实真正实现裁切的是在后端。整体思路来源于小米网个人中心上传头像功能 演示地址:demo