关注前端
2010年03月29日HTML/CSS

3 条评论

启动vertrigo 提示80端口被占用

周日下午我启用vertrigo 突然提示80端口被占用，我想到了周六装的skype，我把它卸载了还不行，然后上网查了一下解决办法是：

1. 运行输入CMD 启动DOS 输入netstat -o -an >C:\portinfo.txt  然后进入C盘查看portinfo.txt  找到占用80端口的PID 。

2. Ctrl+Alt+Delete 启动任务管理器选择“查看”->“选择列”->勾上PID 确定。

3.根据步骤1中占用80端口的PID查找对应的应用程序结束进程即可。

我的最后查看还是TOMSkypeData.exe进程占用的，结束就OK了。

2010年03月28日懒得分类

8 条评论

WEB标准交流会—前端开发在工作中协作效率的提升

今天去腾讯北京参加WEB标准交流会，这是第三次参加交流会了，看到了许多眼熟的朋友，感觉更轻松了许多，今天交流会讨论的话题是“前端开发在研发流程中与其他岗位协作效率的提升”，使我受益良多。前端开发工程师在项目开发过程中需要和设计师、后台程序员打交道，那么在协同开发流程如果沟通不好就容易“打架”，如要去和UE部门的人去沟通说这个效果图没必要做这么花俏，这样会增加制作的难度和工作进度等等，还要和后天工程师去协作数据调用、模板嵌套一些问题。这些问题前端工程师在实际项目开发工作中都是会遇到的，所以今天大家做到一块去讨论这个问题是很有意义也是很有必要的。
会议一开始有前微软前端工程师winter分享网站开发者协作的ppt。项目的开发周期决定于关键路径，讲到了解耦，就是在强调在协同开发过程中降低耦合度。那么一个好的开发流程规范很重要，大公司他们各种规范流程都很好，那一般的小公司他们就需要不断地去改进和学习，如果碰到一些自负、顽固的PM，那我们也就很无奈没法办，所以输理想挺美好但现实很糟糕。
第二个沟通问题，我认为沟通对工作很重要，工作之外的沟通交流可以拉近彼此的感情（比如一块吃个饭、喝个酒——崔凯同志的Idea），这样下次在工作交流就会方便的多，你给对方提意见，对方也会容易接受一些。一个人的情绪对工作效率的影响还是不小的。大家都从对方的角度考虑问题，问题就会好商量，容易解决。月影举了个例子：如何使两个装不一样多水的杯子里的水变得一样多？方法就是把两杯水都倒掉，把两个杯子叠到一起再往里倒水就OK了。就是说大家有时不能只站在自己的角度去考虑问题，这样永远都不会达到平衡。
还有腾讯北京前端组leader讲到了我们我们沟通的目的是什么？讲到了提高情商在工作中也很重要。还有一哥们以前是学医的转行搞前端了，今天将中医中全局和辩证论证的观点来阐述协同合作的问题，很有意思。
那我还是希望前端工程师能知识面更广一些，对上游设计和下游程序有比较熟悉这样沟通会更有效、便捷一些。别只会html，ccs，js这些认为我就OK了，当然也要去了解一些设计、和用户体验方面的知识，熟悉后台语言如PHP，会编写模板语言，这样和后台沟通起来就会高效的多。提倡一下大前端。
最后来张集体合影-摄影师崔凯

web标准交流会腾讯合影

点击看大图

2010年03月26日懒得分类

0 Comments

想做你的Code

doubanclaim8f4da9871a462d48

2010年03月24日HTML/CSS

1 Comments

小用CSS3

今天对微博通做了点小改进,用了一些CSS3的特性，可怜的IE用户无福享受了:
1.对文本框和密码框加了圆角

CSS代码：

input[type="text"], input[type="password"], select, textarea {
border:1px solid #AAAAAA;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius:3px;
border-radius: 3px;
}

2.当发布信息框处于焦点时，会增加漂亮的亮蓝色阴影。

CSS代码：

input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
-webkit-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
border:1px solid rgba(82, 168, 236, 0.75) !important;
outline:medium none;
}

目前由于IE的不支持，还不能广泛使用CSS3，只好采用优雅降级（Graceful Degradation）的原则去使用它，不过在MIX10上亮相的IE9带来不少惊喜：比Firefox3.6更快的JavaScript引擎，几乎完全支持CSS3，硬件加速渲染引擎，支持HTML5……IE9估计将在2011年正式发布，大家期待吧！

2010年01月17日JS/jQuery

2 条评论

document.getElementsByClassName

当我们在用javascript对DOM操作中，有时需要能直接获取标签元素的className就会很方便得多，下面写一个document.getElementsByClassName函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

document.getElementsByClassName = function(className,oBox) 
{
	//适用于获取某个HTML区块内部含有某一特定className的所有HTML元素
	this.d= oBox || document;
	var children = this.d.getElementsByTagName('*') || document.all;
	var elements = new Array();
	for (var ii = 0; ii < children.length; ii++) {
		var child = children[ii];
		if(child.className==className)
		{
		    elements.push(child);
			continue;
		}
		var classNames = child.className.split(' ');
		for (var j = 0; j < classNames.length; j++) 
		{
			if (classNames[j] == className) 
			{
				elements.push(child);
				continue;
			}
		}
	}
	return elements;
}
2010年01月16日懒得分类

4 条评论

免费VPN翻墙软件FreeVPN

这是一款比较强大的免费VPN软件，可免费获取美国，英国和加拿大的vpn代理ip地址
官方网站：http://thefreevpn.com/
官方下载地址：http://thefreevpn.com/ifreevpn.exe
当然免费软件不是永久的免费，有钱的同志也可以买付费的VPN.

2010年01月10日HTML/CSS

0 Comments

HTML5重置样式表

在这记录下，以后备用哈哈!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
    display:block;
}
 
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}
返回顶部