使用prototype.js 的时候应该特别注意的几个问题.
所属分类:
网络编程 / JavaScript
阅读数:
1134
收藏 0赞 0分享
1. String.prototype.camelize BUG
这个方法用来返回字符串的骆驼写法。用js 控制元素的 style的时候经常使用
比如
var ss="font-color"
ss=ss.camelize() // fontColor
通常情况下 camelize 会工作得很好,但是有一个特列,那就是浮动定位 float
var ss="float"
obj.style[ss.camelize()]="right" // 这将导致一个错误。
显然,作者没有考虑 float这种特殊情况,正确的写法是:
ie: obj.style.styleFloat="right"
ff: obj.style.cssFloat="right"
2. String.prototype.inspect BUG
这里 inspect 方法是有Bug的, 作者用replace 方法的时候没有用正则,导致只能替换掉第一个匹配的字符。
正确的写法应该这样
inspect: function() {
return "'" + this.replace(/\\/g, '\\\\').replace(/"/g, '\\\"') + "'";
}
3. Array.prototype.all BUG
这个方法检测是否数组中所有元素都能够让迭代函数为真。 如果全部能满足,则返回true,否则返回false
var f=function(x){return x%2==0} //检查一个数是否是偶数
var arr=[2,4,6]
alert (arr.all(f)==true) //显示 true
但是当 arr为空的时候,仍然返回 true
var arr=[]
alert(arr.all(f)==true) //显示true
4. Array.prototype.any BUG
同 all方法,对空数组仍然返回true
5.Array.prototype.detect 也就是 find方法
这个不是 Bug ,但是不看原代码很容易让人误解,从而出错。
这个方法查找第一个能满足 迭代函数 的元素,最后返回元素的值
误解一:
var f=function(x){return x%2==0} //检测是否是偶数
var arr=[1,3,5,7] //故意定义一个全为奇数的数组。
alert(arr.find(f)==false) //false
//很多人误以为 find 函数在找不到满足条件的元素的时候会返回 false ,实际上,它返回的是 "undefined"
误解二:
寻找数组中的数字元素
var f=function(x){return !isNaN(x) && typeof(x)==="number"}
var arr=[false,"go_rush",0,"阿舜"]
if (arr.find(f)) alert("数组中含有数字元素") //事实上 这个 alert永远不会执行。
因为 find方法返回的是第一个符合条件的值。 这里返回:0. 所以.....
6. 对hash 对象的处理需要格外小心的地方
var hash={member:1,test:2,ids:3}
alert(hash.member)
alert($H(hash).inspect())
alert($H(hash).toQueryString())
//hash.member实际是存在的 但是.inspect() 和 .toQueryString()却当它不存在
同样下面这些属性也会和 prototype.js 相冲突。
each, all, any, collect, detect, findAll, grep, include, inject, invoke, max, min,
partition, pluck, reject, sortBy, toArray, zip, inspect, map, find, select, member, entries
Vue-Cli项目优化操作的实现
这篇文章主要介绍了Vue-Cli项目优化操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0赞 0分享
vue 全局环境切换问题
小编在开发使经常会碰到全局切换问题,今天小编给大家带来一篇教程给大家介绍vue 全局环境切换问题,感兴趣的朋友一起看看吧
收藏 0赞 0分享
element-ui 本地化使用教程详解
这篇文章主要介绍了element-ui 本地化使用教程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0赞 0分享
在Vue项目中,防止页面被缩放和放大示例
今天小编就为大家分享一篇在Vue项目中,防止页面被缩放和放大示例,具有很好的参考 价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享
vue h5移动端禁止缩放代码
今天小编就为大家分享一篇vue h5移动端禁止缩放代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享
Vue 3.0双向绑定原理的实现方法
这篇文章主要为大家详细介绍了Vue 3.0双向绑定原理的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
查看更多