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

canvas模拟核外电子运动

16-9-04 1,429 views

a
编写过程最头痛就是椭圆公式的处理,数学忘得差不多,补起来累。。。 思路就不话篇幅写了,源代码挺短,关键部分都有注释,有兴趣看看便是。 直接上效果:   带全轨迹 演示:http://wx.karlew.com/canvas/a...
阅读全文

多页面网站如何优雅地绑定事件

16-6-24 3,279 views

最近偶尔接过来一些小型网站修改,会看到这种画面 //user.js   (function(){       //page1       $('.dom1').click(function(){&nbs...
阅读全文

触屏设备游戏的几种输入控制方式

16-6-12 1,440 views

在移动端游戏开发中(app或是网页),对于输入控制有好几种方式实现:   1.点击事件(onclick,tap) 最常见的方式,且分成两种使用形式:像笨鸟先飞一类不需要判断点击位置的,以及像消消乐一类需要判断点击位置...
阅读全文

canvas实现类躲避子弹游戏

16-6-11 1,533 views

类似于是XX就坚持5秒的页游,控制星星躲开球体碰撞。PC端可用键盘上下左右控制,手机端可用重力感应控制。已知的问题是碰撞有点不准确,有功夫的话改用像素检测会好很多。另外在稍低端的手机上会有点卡顿,性能优...
阅读全文

原生js实现ajax方法

16-6-04 1,786 views

上一篇文章写到原生js取代jquery的一些常用函数:原生js仿jquery一些常用方法,那么,ajax如何实现呢?如下是一个比较完整的ajax() function ajax(){       var ajax...
阅读全文

原生js仿jquery一些常用方法

16-6-03 1,756 views

最近迷上了原生js,能不用jquery等框架的情况都会手写一些js方法,记得刚接触前端的时候为了选择器而使用jquery。。。现在利用扩展原型的方法实现一些jquery函数: 显示/隐藏 //hide()   Object.pro...
阅读全文

响应式网页的CSS写法

16-5-23 2,191 views

目前很多主流的前端框架都有响应式的控件样式,但有时为了响应式而引入框架没太大必要 响应式样式对前端新人来说可能不太熟悉,下面写了一个比较简单的响应式例子: CSS: body{     padding: 0;     margin: 0...
阅读全文

常用HTML5 video属性和事件

16-5-19 3,369 views

在网页开发中,有时需要监测插入视频是否播放结束,从而触发相应事件,可使用ended,通过以下代码实现: var myVid = document.getElementById("video"); myVid.addEventListener("ended", function(){     //...
阅读全文