WEB前端

web前端包括广泛,有设计、开发,这里也关注互联网行业。

博客列表

String.trim()支持情况

六月 10th, 2010 by 裕波

通过测试,目前只有火狐String.trim()方法,我的火狐浏览器版本为:3.6.4。

包括google最新测试版,opera,safari都还不支持此方法。

我的测试方法是:

window.onload = function() {
var stringV = ” 中国 “;
if(String.trim) alert(11 + String.trim(stringV));
else alert(”no”);
}

window.onload = function() {

var stringV = ” 中国 “;

if(String.trim) alert(11 + String.trim(stringV));

else alert(”no”);

}

评论:2 Comments »查看全文

QQ概念版,救中国互联网

六月 8th, 2010 by 裕波

嘿嘿,因为浏览器的原因,造成很多公司不敢去使用最新的前端技术,因为这样成本非常大,而且对于老板来说,最重要的是赚钱。

对于PM,设计师们来说,也不愿意接受在各浏览器之间的差异,而对于前端工程师来说,又拿不出真实有效,强有说服力的数据与PM他们进行PK,敢说直角,无阴影不会影响访问率,使用率。。。

哈哈,今天看QQ概念版,准备安装一下,最后下载下来,发现我的电脑不能安装,原因很简单,他是用于WIN 7平台的,嘿嘿,大家知道WIN 7上最低版本的是IE8,而且前段时间听微软的传道士也说了,他们以后也将快速发布新版本…就像火狐,opear,google这样,很快的会发布一个版本。。。

QQ概念版,将救中国互联网!

当然,请各游戏厂商也开始行动起来吧,让你们的游戏在win7上跑起来更爽,更帅!

评论:6 Comments »查看全文

很想把交流会的点滴记录下来

六月 2nd, 2010 by 裕波

嘿嘿,想为交流会拍照,想为交流会留下视频

可是我没有相机,没有摄像机。

评论:5 Comments »查看全文

记mongoDB python版的一些命令

六月 2nd, 2010 by 裕波

1、find()

2、find({name:value})

3、find_one

4、remove

5、update

update({name:value},{”$set”:{name:value}})

评论:1 Comment »查看全文

请重视性能 —- web标准化交流会北京

六月 2nd, 2010 by 裕波

5月29日,web标准化交流会第八期已经结束了。

我参加了web标准化交流会北京站的第八期,本期交流会的主题是分享你在开发中的经验,会后,还有人报怨说,准备好了要分享的经验,因为你的安排,没有分享。其实在此我要说的是,交流会在此提倡的是自由,轻松的交流方式,我希望大家能够快速的融入到这个氛围中来,如果你真的有想要分享的,完全可以在现场告诉大家,说你有要分享的,嘿嘿,这点唐友华同学做得很不错。

本期交流会我个人感觉还是很不错的。除了鲁超伍同学的小谈javascript设计模式外,其实在我眼中,看到的更多的其实是性能优化的重要性。不管是拨赤的combo,还是马士华与唐友华的图片优化,我看到的,个人觉得这些都是和性能有关的话题。当然后来克军还带来了“学习、思考、行动”的话题,后来傲游的锦江同学又做了相应的补充。都非常的不错,当天的氛围非常的好。

在此,我向前端工程师们发起呼吁,在你们的工作中,请注重性能的优化。

嘿嘿!

评论:No Comments »查看全文

nohup的应用(小记)

五月 21st, 2010 by 裕波

简单记录一下nohup的应用:

其实在网上关于nohup的应用都讲得非常多了,他主要是用于linux下的一个命令,起到的作用呢,就是让你的程序在服务器上的后台运行,而不会因为你在终端启动程序,一关掉终端程序的进程就挂掉。

但是一定要注意的是nohup后面跟的是你平时在启动程序在终端运行的命令,比如我要启动一个python的程序,那么如果我将此程序启动在终端的话:python python.py &

这样就可以了,&是指在后台运行。如果需要他在服务器上长期运行的话,只需要使用:nohup python python.py &

这样就可以了。

注意的是,使用nohup他会生成一个nohup.out文件,所以你一定要保证你在执行的目录你要有写权限。

哈哈,就说这么多,大概就是这意思,我反正也了解得不深,简单记录一下。

过几天写一些关于python和mongoDB的文章,也算是最近的心得吧!

其实这些东西应该在网上也挺多,所以算是自己的一个小记吧!

评论:No Comments »查看全文

做SEO的人真的无路可走吗?

五月 21st, 2010 by 裕波

最近blog上的垃圾评论越来越多,这些评论看起来感觉都是一些好话!
但事实上,他们是想在我的blog上增加上链接,从而达到seo的目的!
你们这些人不要这样好不好,我的blog的评论是需要验证的,所以我一旦看到这样的评论都将丢进垃圾评论或者删除掉,请靠这种方式做seo的朋友们自重!

评论:4 Comments »查看全文

html5,css3时代已经来临,快快行动起来

五月 12th, 2010 by 裕波

看克军在infoQ写了一个“评论:前端的HTML5时代来临”。遭到了一些人的质疑,觉得html5的时候还没有到临,原因很简单,是因为ie6未死,如果照他这样说,其实ie7,ie8对html5的支持程度又有多少呢?

其实在我看来,我觉得一种新的技术的出现,他不是偶然的,并且目前我们也能看到的是,ie9对html5,css3的支持情况还是比较乐观的。

作为互联网工作中的一员,我觉得我们首先应该去接受渐进式和过渡式这样的概念,不要一成不变。

如果我们的思想能够正确的转换过来,OK,我可以说:html5,css3时代已经来临。

评论:4 Comments »查看全文

css选择器,html中class的值及各浏览器的问题

四月 22nd, 2010 by 裕波

哈哈,这个标题有点长,长也没有把问题描述清楚!

其实今天想说的是关于css选择器、在html中class的值这两者之间在各浏览器之间的渲染问题!

我们还是先来看一个例子吧!当然今天讲的东西不是很多,而且这个标题也非常大!希望以后有机会增加更多这一类的问题。

#wp{border:1px solid #ccc;}
#wp.edit{border:1px solid #000;}
#wp.over{border:1px solid #ff6600; }
<div id=”wp”>test</div>

#wp{border:1px solid #ccc;}

#wp.edit{border:1px solid #000;}

#wp.over{border:1px solid #ff6600; }

<div id=”wp” class=”over edit”>test</div>

来看看上面的代码,当然这个我没有按照html标准的方式去写了,而是直接将css和html直接贴出来了,可以看到我有一个id名为wp的盒子,我在上面挂了over和edit两个class。

在css中,我使用的是css选择器的这一种方式,哈哈,我也不知道这种方式具体的名称怎么说.(如果你对css选择器有兴趣,请看这里:http://www.w3.org/TR/CSS2/selector.html

这时候你来猜猜,在页面中,他的边框应该是什么颜色的?

哈,你猜对了:ff6600。

但是这时候千万别高兴,ie6下去看看。怎么是黑色的呢?

原因是这样的,当然我说的原因是从我的角度去理解的,并不是官方权威的:

1、ie6在解析css的时候,是根据html中,class的值的顺序来决定的,他会选择class最后一个的值,比如在这里,他就选择了edit的值;(注:这里的box是有id的,而且是通过的#id.class的方式,如果是直接.class{},.class1{}这种形式,解析并非如何)

2、而在ie6以外的浏览器(与标准更接近的)而是按照css文件中的class从上向下的顺序来解析的;

因为必竟这里是css嘛,所以应该去尊重css文件,所以标准是这样去解析的。

所以请各位一定要注意了。当然我还是不太建议这种方式去写,因为我还是习惯了.class1,.class2这种方式,不知道你能不能看明白我的意思。

在此我在附上一个我对W3C中,对CSS对这种优先级的定义的一点东西吧:

1、w3c对css的优先级定义了a,b,c,d这四个值;

2、style代表a,id代表b,class是c,html标签及他的伪类是d;

3、如果出现了style,那么a=1,这样一来,他就是最高的权限了(a=1,b=0,c=0,d=0)(1,0,0,0)

4、如果在id中出现了,就是a=0,b=1,c=0,d=0

5、如果是class,那这样就会根据class出现的次数,来决定c的值,所以c的值可能是1,2,3,4…

6、标签,及伪类也有可能出现多次,所以他决定了d的值,也是1,2,3,4….

最后你通过

a-d的值来决定他的优先级,不知道你是否明白!

谢谢!

在次把W3C的例子给大家可以看看:

 *             {}  /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */
 li            {}  /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
 li:first-line {}  /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
 ul li         {}  /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
 ul ol+li      {}  /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */
 h1 + *[rel=up]{}  /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
 ul ol li.red  {}  /* a=0 b=0 c=1 d=3 -> specificity = 0,0,1,3 */
 li.red.level  {}  /* a=0 b=0 c=2 d=1 -> specificity = 0,0,2,1 */
 #x34y         {}  /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */
 style=""          /* a=1 b=0 c=0 d=0 -> specificity = 1,0,0,0 */
同时附上W3C文档的地址:http://www.w3.org/TR/CSS2/cascade.html#specificity

如果我写的这个,你发现有什么问题,或者有什么意见,请及时与我联系,可以通过在页面中查找我的联系方式,也可以在评论中留言,谢谢!

评论:6 Comments »查看全文

交流会的发展

四月 10th, 2010 by 裕波

web标准化交流会(w3ctech.com)本月已经是第七期了,时间还是过得很快。

回过头来看一看,我们交流会究竟做了什么?究竟帮助到了多少人?说句实话,真的不知道。

不过想得看到效果,可能时候不是这么快的。但是究竟对大家有不有帮助,这个得去调查一下。

其实通过最近的观察,发现了一个问题,就是Web标准的三要素:结构、表现、行为,及结构与表现,行为相分离、结构是最重要的思想贯彻得还不够彻底,特别是在一些大的公司的工程师,他们可能都忽略了结构,他们重视的可能是js,或者说更偏程序方面的东西,所以他们的html可读性上会很差,更别谈什么结构语义化了,包括他们对css的理解也不是那么透,因为他们更偏向的是js方向的学习。其实这是现在前端开发的一个误区。很多人觉得前端开发就应该像一个程序一样,他js很牛逼,而且还会php,pyton,java,甚至c。

而忽略了html,css,其实在浏览器端,html还是核心的东西,当然现在有flash,但是flash也需要依托于html结构中嘛,当然你可以单独发布。。。。。

所以,交流会是否需要考虑一下,大公司的所谓的高级的工程师们,如何去影响他们,如何去纠正他们的这种观念,如何让他们重新认识html,css。重新去学习一下html,css.

其实大家如果仔细观察一个公司在招聘后端工程师的时候,他们的招聘要求会写:熟悉html,css,js.

但事实上呢?所有的后端都真正了解吗?不是如此,而我曾经和我以前呆过的一家公司技术部总监提到需要对后端工程师进行培训一下html,css的时候,而他却说,这是他们本来就会的东西嘛,哎,的确,他们会。

div…..table……..div中包上li……..

交流会的发展?如何考虑?

发了一堆废话,其实我在这里没有谈到交流会应该如何去发展?

其实这是我在思考的问题,希望看官们能够有不同的看法和不同的意见。

如果你有什么意见或者建议请联系我,我需要你们的帮助!

评论:14 Comments »查看全文

Pages: Prev 1 2 3 4 5 6 7 8 9 10 11 Next

导航

关于博客

博客属于我的个人博客,由于我爱好互联网,从事web前端开发相关工作,建立此博客的目的:积累经验,与行业内的朋友分享,相互讨论。

Powered by WordPress 备案号:京ICP备09046089号