标签 ‘前端开发’

学习前端开发的一些建议

一月 9th, 2010 由 Rock 发表

前端开发越来越流行,即使做嵌入式开发的也可能与B/S沾个边了.

群上有朋友问到,学习JavaScript有路数吗?

我心里立刻浮现出”条条大路通罗马”这句经典,但再仔细想想,这句泛泛而谈,没说服力,就着自己这两年学习JavaScript的经验,花了分许时间,打出了几行字:

1. 看一本权威的书, 推荐《JavaScript权威指南》(非广告-_-!!)

2. 给自己选一个实践的目标,如利用JS做一个UI,或实现某一效果,或做一个小游戏

3. 遇到问题先查查资料书,再g.cn,不行再google.com,最后才是问人

4. 多看看同行的BLOG,里面有不少经验分享

5. 学会调试,推荐Firefox的firebug插件

5. 平时勤于独立思考,试试用不同方式模式实现同一效果

完毕,但总觉得缺点什么,直到在森林群上丸子发来的一个链接,描述“Nicholas C. Zakas如何面试前端工程师”的,才大悟,原来上面我只给出了“如何去做”,但还没说明“要做什么”,看了为之漫笔的这篇译文,从Nicholas C. Zakas的话中引一段过来,丰富了实体,完美了!

如果下面某条还没弄明白,那把好关,把每条都弄个透切先

* DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

* DOM操作——怎样添加、移除、移动、复制、创建和查找节点。

* 事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。

* XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。

* 严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。

* 盒模型——外边距、内边距和边框之间的关系,IE < 8中的盒模型有什么不同。

* 块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。

* 浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。

* HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。

* JSON——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。

附:

Nicholas C. Zakas文章为之漫笔的译文:http://www.cn-cuckoo.com/2010/01/08/how-nicholas-c-zakas-interviewing-the-front-end-engineer-1332.html

Google开放了其内部JS开发工具:Closure Tools

十一月 6th, 2009 由 Rock 发表

在全球,有数百万的用户在使用Google的JavaScript-intensive应用,如GmailGoogle DocsGoogle Maps。相信每个开发者都希望创建Web应用程序能变的更easy。哈哈,有个相当好的消息告诉大家,Google今天开放了Closure Tools,一套内部人员开发JavaScript的工具!上面提到了那几个Google应用都是使用此工具开发的。

Closure Tools中包含三套工具:

1。Closure Compiler

Closure Compiler是用来编译JavaScript的编译器,除了像最常见的JavaScript的压缩机提供的功能,它还会对程序进行分析,把不需要的部份移除,减少的JavaScript程序的大小及提升效率。你可以将compiler与Closure Inspector(Firebug的扩展)一起使用。

由于JavaScript的开发是多样化的,所以建立了很多种运行的方式:提供了一个开源的命令行工具 ;创建了一个Web应用程序,你可以使用text box或一个RESTful API来编译;还提供了一个Firefox的扩展,可以与Page Speed 一起使用,方便查看网页的性能优势。

2。Closure Library

Closure Library是一个广泛,测试良好,模块化,跨浏览器的JavaScript库。它是Google的标准JavaScript类库.这套工具就像是许多一般的JavaScript框架,提供了许多简化的DOM操作的函数库,还有丰富的用户界面组件。

3。Closure Templates

这套工具就是提供一个在JavaScript中做模板的机制及函数库,你可以把HTML布局的部份写成一个*.soy,接着再利用封闭模板提供的工具把这个模板档案编译成的JavaScript代码,这样JavaScript开发者便省去了很多处理页面的负担。
Closure Templates既可以实现JavaScript,又可以实现Java,所以你可以在服务器端和客户端使用相同的模板。

心动不如行动,赶紧去看看吧!

来自: googlecode

Rock :

1. Closure Compiler, 优化和压缩代码的。玩过YUI Compressor的可以玩玩这个,对比一下。

The Closure Compiler is a tool for making JavaScript download and run faster. It is a true compiler for JavaScript. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what’s left. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls.

2。Closure Library

Google页面的JS代码都是压得不成代码样的,现在JS的库和UI都开源了,可以看看Google的工程师是怎么写的。

3. Closure Templates : 这个是否很有效率?

TechCrunch:火狐浏览器下载量将突破10亿

七月 31st, 2009 由 Rock 发表
周四上午,火狐浏览器的下载量已达9.99亿,很可能将于周五突破10亿。

Mozilla已经为这一历史性的时刻准备了一个新网站http://www.onebillionplusyou.com,该网站将于下周一上线,给出有关火狐浏览器10亿次下载的详细信息。过去几年中,火狐浏览器从IE手中抢夺了大量市场份额。最新数据显示,IE的市占率仅约为54%,而火狐的市占率接近30%。这在几年前是不可想象的,当时IE的市占率维持在90%以上。

来自: sohu.com

Rock  : 火狐是一个不错的浏览器,一直在进步,可喜可贺 。IE,Chrome, Firefox都用过,最终还是选择了Firefox, IE换内核吧,换了才有质的改变。win 7快点推出吧,都等不及了,一年半后IE8的人数会有质的提升,国内IE6还很顽固,作为WEB开发专题站点,本站IE6访问占了IE的43%。