您当前位置: 首页 » 所有由

mengnst

发布的文章
所有由mengnst发布的文章 - 第20页

关于阮一峰博客《学习Javascript闭包》章节中最后两个思考题

阮一峰博客:《学习Javascript闭包》章节中最后有个思考题:(网址:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html) 如果你能理解下面两段代码的运行结果,应该就算理解闭包的运行机制了。   代码片段一 va …

read more

js+div还原80后怀旧经典赛车游戏 谁说html5动画非得用canvas?

两年之后再回来看,这都写的啥狗屎玩意儿。。。那时候都不会用回调,而且setTimeout嵌套setTimeout都是些什么鬼。。。 渲染慢是因为赛车移动的时候更改的margin-top,改成transform: translate来修改位置会流畅很多;音频问题、震动问题随着手机的不断升级,效果也越来越好。 不过也懒得改 …

read more

JavaScript 静态方法和动态方法以及他们的不同

(function(){ var BaseClass =function (){} BaseClass.staticMethod = function(){ alert(‘staticMethod ‘); } BaseClass.prototype.instaceMethod = functio …

read more

javascript prototype一点小小心得

刚才做了一些js的测试,得到prototype一点小小心得,就是结论的东西,帮助总结prototype概念的。 <script> (function(){ var BaseClass = function() {}; BaseClass.prototype.method = function(){ aler …

read more

css属性在线排序工具

css属性在线排序工具:http://web.zhaicool.net/cssreorder.html 不少人都说css属性的排序也是有一定的讲究的,还有大牛整理了css属性排序的书写规范,比如 1.位置属性(position, top, right, z-index, display, float等) 2.大小(wi …

read more

touchSwipe实例:手机端手指滑动banner翻页效果,带自动循环功能

//本例耦合度太高,不是一个好的js插件,适合懂js的初学者获取思路用,不适合直接套用。 touchSwipe实例:手指滑动banner翻页效果,带自动循环功能 html代码 <div class=”banner”> <img class=”bannerimg&#8 …

read more

JS手机端触摸事件、手势事件(touchstart、touchmove、touchend)

触屏已经是我们身边电子设备的常态了。触摸事件当然也是随着触屏的出现,用户使用最多的事件啦! 难道使用触屏事件后,其他原来的鼠标事件就都不能用啦?当然不是,只不过不是那么好用啊。 针对鼠标事件,有哪些不适应? dbclick: 触屏设备不支持双击事件。双击浏览器窗口,会放大画面。 可以通过在head标签内加上这么一行: …

read more

探讨:javascript是不是每个对象都有prototype属性以及原型链解析

最近在学习js继承,学习了prototype属性。说实话,一直都很晕。不知道为啥,在我的理解中总感觉每个js对象都有prototype属性,可是写代码的时候发现实例化出来的对象的prototype属性却是undefined。代码如下: var Person = function(){ } var person = ne …

read more

为什么设置相同宽度input的实际宽度比select的宽?

不知道大家有没有发现,在我们给input和select设置相同宽度的时候,input的实际宽度却比select的宽。造成这种现象的主要原因是属性box-sizing在作怪。W3C给出的介绍是这样的: box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。翻译成“人话”就是我们可以给当前的元素自定义宽高 …

read more

常见的移动设备宽高比

常见的移动设备宽高比(宽*高) 320*480(2:3) 480*854(约9:16) 480*800(3:5) 480*640(3:4) 540*960(9:16) 600*1200(1:2) 600*1024(75:128约9:16) 640*960(2:3) 640*1136(40:71约9:16) 720*12 …

read more