请注意,karlew并不支持低于IE8的浏览器,为了获得最佳效果,请下载最新的浏览器,推荐下载 Chrome浏览器
只发前端的小项目demo或经验。博主比较懒,偶尔更新。

移动端专用颜色选择器

18-11-19 854 views

  最近碰到个需求,移动端需要选取颜色,无奈原生的input:color在一部分浏览器上都很简陋,颜色不全,所以特地模仿PS做了一个简单的颜色选择器 演示地址:http://wx.karlew.com/colorPicker/ (手机访问) ...
阅读全文

分享一个阻止手机网页自动黑屏的解决方案

17-10-30 1,818 views

手机上的网页长时间不触摸屏幕会熄灭,但有些网页例如重力感应的H5游戏,通常会长时间不需要用户触摸屏幕。那么如何使屏幕保持长亮状态? NoSleep.js这插件提供了解决方案: <script src="js/NoSleep.min.j...
阅读全文

基于createJS简单跑酷

17-9-16 1,996 views

run
极简版的跑酷,只有人物跳跃和一些平台,以及掉落平台处理 演示地址:http://wx.karlew.com/run 源码:https://github.com/karlew/createJS-run/tree/master
阅读全文

安卓浏览器video层级最高问题解决方案

17-8-12 4,141 views

先上一个完整的简单案例,能在ios和安卓手机上都解决视频层级和隐藏控制条的需求, 建议用手机查看:demo 在安卓手机上,使用video播放视频有个问题,video控件层级会永远在顶层,不利于视频互动H5开发,而IOS手...
阅读全文

手机端网页裁剪处理图片示例

17-8-10 1,313 views

代码较多,直接上链接(手机打开或PC浏览器开手机模拟模式打开) http://wx.karlew.com/editImg/ 用了上篇文章的blob方式预览图片,支持旋转,拖动,放大缩小图片 代码下载地址:https://github.com/karlew/upLoa...
阅读全文

使用createObjectURL实现上传图片预览

17-8-07 1,520 views

目前无刷新预览图片一般有以下兼容性高到低排序的三种方法: 1.ajax提交图片后获取返回路径; 2.通过canvas将图片绘制显示; 3.通过window.url.createObjectURL(blob)创建blob:url 下面上一个方法3的简单案例,供...
阅读全文

解决IOS微信端无法自动播放音频

17-7-20 1,553 views

苹果微信会拦截视频音频的自动播放,导致play()事件不生效,移动网页开发者可能会遇到或没发现到这问题,网页时不时需要自动播放背景音乐,应使用如下代码解决 var myaudio=document.getElementById("mya...
阅读全文

网页开启硬件加速使动画流畅

16-9-19 2,096 views

在移动网页开发中,经常会写到一些很占硬件资源的效果,会导致效果不流畅,可用手机依次浏览下面两个网页: http://wx.karlew.com/speedup/no.html http://wx.karlew.com/speedup/yes.html   第一个网页在安...
阅读全文