I am Mt | 又一个前端工程师

话

发表于 2012 年 4 月 6 日由 Mrtian

最近心情较沉重，说了些谎话，真话和不该说的话，也为这些话付出代价。

算是学习了，在这个心计和手段各异的年代，单纯的谎话，信任间的真话以及想当然不会有问题的不该说出来的话都是像风中的云彩一样被越吹越大，慢慢变形，以及于成为另一个东西。最后，你也需要为这些事情负责，只要是你生成的，毕竟是要落在你的身上的。

先思考，再说话。

没有任何理由，不能说谎。

相互间再信任，该藏着的就不要让它见光。

那些会有影响的，不能想当然地说出来，就算你有100%的把握没有影响也决不允许。

2012年4月6日，以此为证，不做 “大嘴巴”。

新的相册展示效果

发表于 2012 年 3 月 26 日由 Mrtian

又开始折腾我的相册了，哈哈，还有些逻辑没写完，发张图片先：

IE下微软雅黑的引起的问题

发表于 2012 年 3 月 26 日由 Mrtian

今天在项目中遇到一个诡异的问题，我的IE6下标题与订阅按钮是对齐的，可是QA测试的时候发现在他的IE6下没对齐。一直在找原因，加了各种hack，可是问题依然是两边出现样式还是不能一致。

后来仔细地看，发现两边的字体不一致。后来全部改为“宋体”，并把前面加的各种hack去除掉，发现能够对齐，并用各浏览器保持一致。

写了纯净的页面去测试，发现一些问题，记录一下：
所有浏览器：
微软雅黑同样大小的字会比宋体高，粗，而且“padding”较大，设置了line-height后更明显。
IE下：
设置容器的vertical-align:baseline;若一个容器中两个字体不一样时，微软雅黑会下部不会跟其它字体的文字对齐，会多出一块。

总结：
字体不一致引起的各浏览器下的展现问题还是要引起注意，不然到时去追问题的时候，发现加了各种hack其实都是白忙活。而且还增加了维护成本。

最近买的书，好好学习，天天向上

发表于 2012 年 3 月 25 日由 Mrtian

各种原因吧，必须得看书了，好好学习，天天向上，显摆一下，表明我要好好学习的心。

需要关注的：
1,沟通能力
2,旅行
3,人工智能

这书看着不错

发表于 2012 年 3 月 25 日由 Mrtian

《HTML&CSS》

这个看着真不错，设计得很好啊，看着应该能好好看进去，不知道哪里有卖不，想买一本收藏，哈哈.

我的小相册页面

发表于 2012 年 2 月 15 日由 Mrtian

自己写了个相册来玩玩，功能还不完善。

地址：http://mestore.sinaapp.com/snail/src/test/ablum.html

有兴趣可以看看。

删除表单元素的问题

发表于 2011 年 12 月 5 日由 Mrtian

chrome,firefox 下使用 removeChild删除表单元素或者直接给表单元素赋值null，甚至delete 表单元素，form 仍然保存着该元素的引用，无法删除。

先看下这段代码吧：

//给form添加一个元素

function add(){

	var inp = document.createElement('input');
	var form = document.getElementById('testform');
	inp.type='hidden';
	inp.value='test';
	inp.name='test';
	form.appendChild(inp);
}

//删除添加的表单元素

function del(){

	var form = document.getElementById('testform');
	var inp = form.test;
	//输出inp
	console.log(inp);
	if(inp){
		form.removeChild(inp);
		form.test=null;//(或delete form.test 或者 form.test=undefined)
		console.log(inp)
	}

}
//添加元素
add();
//删除
del();
//再删除
//预期：因为不存在form.test，应该不会做任何操作
del();

添加表单元素后，执行del删除添加的表单元素，第一次是能够删除的，但是再执行的时候报错了:

testFormDel.html:25 Uncaught Error: NOT_FOUND_ERR: DOM Exception 8

第二次删除的时候做了判断是否存在form.test，预期第一次删除时并把这个值删除或者赋值为null了，应该是不存在的，但是chrome,firefox 都抛出了错误，removeChild后打印form.test仍然有输出，说明这个值并没有被删除。

使用了form.test = undefined或者delete form.test甚至form.test.removeNode(true)皆不能删除form.test的引用(最后无奈地使用document.getElementById(…)来判断是否存在这个表单元素)。

今天在项目中发现了这个问题，调了很长时间，一直不知道是啥原因，而且虽然这个form.test一直存在，但是在提交表单的时候却不会带上。

在各种搜索引擎查找原因，只在mozilla的bug平台找到了别人提的类似的bug(https://bugzilla.mozilla.org/show_bug.cgi?id=307415),而且这个bug05年就被提出来了，却没找到为啥浏览器要如此做。