今天冬至!

no comments , Tagged : ,

今天是冬至,在家里完全没这概念,出门在外有点概念了嘿嘿。昨晚花了一晚的时间把BLOG搬了一下,还有整理了一些文章的格式,在此感谢SS提供的空间。

2011即将过去,上半年给自己定下来的目标到现在还完成不到50%。其中有一部分也不算必须的,不过在技术和英语的学习上都没有太大的长进,真的很失败,明年得加把劲了,特别是在英语上。

再过20天左右就要离开这座城市了,之前和总监说后他让我再给我自己一段时间好好考虑一下。在这边除了在技术达不到我想要的程度,其实整体来说还是不错的,不过毕竟目前所有公司前端只是起步阶段肯定不能与其它大公司相提并论,能单独设立一个N人的前端组已经很不错了。在技术上自己也算是有点追求,想多见下世面,以及其它的一些因素,所以还是选择离开这里去下一个目的地(或许也是最终的目的地),增加自己的人生阅历。

另外话说某人元旦要领证了,恭喜咯~~~期待2012新的开始!!!

最后不忘再说说今天在群里讨论的一个小问题,就是数组随机排序的方法,我第一反应就是想到下面这种又差又烂的方法,因为我就这么菜了:

function rndSort(arr){
	var arrTmp = [] , len = 0 , rnd = 0;
	while(len = arr.length){
		rnd = 0+ Math.random()*(len-0);
		arrTmp.push(arr.splice(rnd,1).join(''));
	}
	return arrTmp;
}

后来群友自己用原生的sort写了一个,我还真忘了这个可以直接写随机排序的,下面是大概的代码:

function nativeSort(arr){
	return arr.sort(function(a,b){
		return Math.random()>0.5 ? (-1) : 1
	});
}

可想而知,原生这个肯定是又简洁、又快的,事实上也基本是这样。为什么说是“基本”呢,因为我用FF9测了一下,原生的写法比其它浏览器慢了,所以有时出现原生比我写的那个慢,哈哈。还发现另外一个问题,webkit(chromium 18、safari 5)处理我写的随机排序那是慢得113,比其它浏览器慢了至少7,8倍,真是杯催。

jq插件 – TestingUI [用户调查、测试题插件]

no comments , Tagged : ,

前段时间根据需求做的功能,当时只需要单选就可以。我想把复选功能加上后再整理出来但一直都没什么时间。这星期同事说能不能加上复选功能,我马上就答应了,今天硬抽了时间把复选功能补上了。

简介:该功能适合做用户调查、测试题等类似的应用。界面与功能算分得比较清,所以界面可以自行设计,随便修改,一些元素的样式名与规定的一致就可以了。DEMO里代码也有做一些注释,IE6下会报脚本错误,把JS文件里的中文注释去掉就可以了,如果还有什么不清楚,欢迎给我留言或发邮件

TestingUI [用户调查、测试题插件]

不常见的前端BUG收集

no comments , Tagged : , ,

无聊~别人都发常见的,我就在这记录些平时比较少遇到的BUG吧(不定时更新),以下提到的方法不是唯一解决办法或者一定有效

  • IE6绝对定位层消失

    当相邻标签有浮动可能出现该问题,对绝对定位的层加清除浮动

  • IE6下DD_belatedPNG背景位置偏移

    有时会发现背景图偏移了1px,你+/-1px它还是老样子,+/-2px它就老实的动了2px,解决办法是修改一下背景图(sprite)的位置1px,好像纵横度坐标都是一样是双数或者单数的原因。

  • IE7下正负内外边距实现等高的方法,高度没有以最高列为准

    可能是没有浮动导致。我遇到的就是一边左浮动,右边不浮动,结果高度总以右边的高度为准,加上浮动后问题解决。

NodeJS + expressJS + mongoDB环境搭建

1 comment , Tagged : , , ,

呃…..标题应该是“Ubuntu下NodeJS + expressJS + mongodb环境搭建”,位置不够显示!!!

接触nodejs后才学了点linux的命令,所以在搭建过程中遇到不少问题,中间补了一些linux的基本常识。环境搭建不断的装删折腾了N多次了,现在算是配得比较熟练了(貌似这没什么用!!)。最近刚装了ubuntu 11.10正式版,环境再次重新搭建了一次,趁现在还安装步骤比较清晰,记录一下搭建过程。

特别注意!!

  • linux新手,不了解权限问题(例如我),请不要随便用超级用户去执行以下命令,除非你直接用超级用户登录的!!
  • 有些安装过程可能会出现卡着不动(3-5分钟还是不动的话),ctrl+c停掉再多执行几次直到成功就可以了
  • 我使用的版本:nodejs 0.4.12,mongodb 2.0,express由npm自动安装

搭建前的准备工作

  • 1:搭建过程需要的依赖包

    sudo apt-get install g++ curl libssl-dev

  • 2. 安装git工具(如果你从git上获取源码的话):

    sudo apt-get install git-core

获取源码

  • NodeJS : git://github.com/joyent/node.git
  • ExpressJS: git://github.com/visionmedia/express.git (像我这种不懂手动安装的,就直接用npm安装)
  • mongoDB:我从官网下的,github地址童鞋们自己挖吧!!

Javascript微模板引擎

1 comment , Tagged : , ,

Javascript微模板引擎,好吧,叫得这么好听其实就一简陋的前端模板。

后端模板大家应该听得比较多吧(Smarty,Velocity等),而前端我们通常是直接在JS里拼接我们需要的html,这种混合写在一起的方式,导致html结构稍微复杂点就很难看清楚,对维护造成一定的不便。所以人们就“发明”了模板这东西,使用一些特殊标记来代表数据循环、值替换等功能,使内容格式尽可能清晰。

模板的核心就是模板解析,下面要展示的引擎也仅有这个功能,没有其它扩展,要求不高的可以拿去试试!!下面我们来看一下该引擎的程序: