分类目录归档：javascript

我使用 syntaxhighlighter 来做我的博客代码高亮，使用 autoloader 来自动加载需要的 brush。但是使用后，发现，如果页面中存在两个地方使用相同的 brush，这个 brush 文件会被加载两次。如果电脑中有缓存只会加载一次，但是第一次访问的用户，是会加载两次的。这个应该算是BUG吧，等会儿我尝试反馈给作者试试看。 于是我稍微修改了下 autoloader.js 的源码，现在不会加载两次了。源码放在 http://api.allenm.me/syntaxhighlighter/src/shAutoloader.js ,需要的来拿。注意，处了这个文件在 src 下面放着，其他文件有使用 scripts 文件夹下的，要不然会报错。 中秋节的3天假期马上就过去了，我算是一直在玩，一直在放松。第一天去看了山楂树之恋，打了电玩，吃了火锅。第二天约了朋友来我这里做饭吃。第三天就在家宅着，蛮不错的，明天上班应该精神十足，然后再等待十一假期。目前还没有十一假期的安排。

一、计算字符串宽度 最近的一个项目中有一个部分，需要计算一个字符串在浏览器中显示所占的宽度，因为可能的字符串不仅仅只是汉字，还有可能是字母，另外还是用来微软雅黑字体，在没有雅黑的机器上，会降级用黑体显示或者其他字体，而且要测宽度的字符串中还有三个字号，所以，用工具先量一个字会占多宽，是不靠谱的，只能通过程序来计算在用户的浏览器上显示的时候占多宽。 其实思路很简单，记得我以前看到过类似的例子，所以很快就知道要怎么来做这个东西了。我们可以把这个字符串放到页面中，让它具有真正显示的区域同样的 style ，也就是相当于复制一份这个字符串包括样式一起，到相同页面的另外一个位置去，但是这个地方，要让用户看不见才行。我们可以用一个绝对定位，z-index设置为一个负数，然后用visibility:hidden 把这个隐藏掉。总之让用户既看见，也点不着，也不影响页面的长度就行了。注意这个隐藏这个元素的方法一定要用 visibility 这个属性来隐藏，而不能用 display:none。因为如果用 display:none 的话，这个元素才尺寸就是0了。用 visibility的话，元素还是具有原来的尺寸，只是不显示出来而已。这个接着用 js 获取这个元素的 offsetWidth 属性就可以了。 二、随机打乱一个数组 今天还需要打乱一个数组中元素的顺序，但是在 js 手册里没找到相关的直接方法，但是想到了一个简单的方法，效果不一定特别好，但是够我用了。看代码： function randomSort(a,b){ return 0.5-Math.random(); } function randomArr(arr){ return arr.sort(randomSort); } var a = ['我','是','前','端','开','发','工','程','师']; var b = randomArr(a); console.dir(b); 大家可以复制代码到 … 继续阅读 →