网络开发

从Nicholas C. Zakas如何面试看前端工程师基本技能

一 10th

由刘巍峰发表在网络开发

没有评论

今天读到为之漫笔翻译的一篇文章——《Nicholas C. Zakas如何面试前端工程师》，反省了一下，自己距离前端开发工程师的目标还有很大的差距。这篇文章中总结的前端开发工程师面试时涉及的基础问题，我想，是很有必要再回头总结下了。

我们生活在互联网时代，你想知道的任何事情几乎都能在15分钟内找到相关信息。可是，能找到信息并不等于你会使用它。我认为所有前端工程师至少都应该掌握某些基本的知识，才能有效地完成自己的工作。如果一遇到问题，就停下工作上网四处搜索解决方案，怎么可能保证按期完成工作呢？听听，还有谁在说“我不知道，但我可以上网搜到。”请这些同学把手举起来，让大家认识一下（immediately raises a flag for me.）。下面我列出一些基本的知识点，这些都是我认为一名前端工程师（无论工作年头长短）在没有任何外来帮助的情况应该知道的。

  • DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
  • DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
  • 事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
  • XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
  • 严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。
  • 盒模型——外边距、内边距和边框之间的关系，IE < 8中的盒模型有什么不同。
  • 块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
  • 浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
  • HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。
  • JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。

重申一下，上述这些知识点都应该是你“想都不用想”就知道的东西。我一开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽然上面列出的这些知识点并没有面面俱到，但我觉得你至少应该掌握这些，才有可能跟我坐到一间办公室里来。

上面这几点，可以总结为前端开发人员必备的基础知识。对于如何通过Nicholas C. Zakas的面试，为之漫笔还翻译了另一篇文章《如何通过Nicholas C. Zakas的面试》，值得一看。

span元素的width问题

九 6th

由刘巍峰发表在网络开发

没有评论

最近遇到一个问题，无法为span元素设置width属性。查看CSS文档得知，浏览器会忽略行内元素（inline，或称：内联元素）的width属性。 网上给出的一种解决方法：

span { background-color:#f00; display:block; width:200px;}

但是这样会使 span 和它前后的元素分属两行，也就是说 span 其实是变成类似 div 的块级 （block）元素。 另一种解决方案（在上面的基础上增加左浮动）：

span { background-color:#f00;display:block; float:left; width:200px;}

但是这时，span后的文字就需要增加清理，否则span前后的文字就会连在一行内。 (全文…)

推荐两本书

八 30th

由刘巍峰发表在网络开发

3个评论

这是最近正在看的书。两本书都很权威。

1、《锋利的 jQuery》

此书的作者是 cssrain.cn的博主，博客里的 jQuery 学习资料和实例可谓十分丰富，其实本书就是这些资料的整理和延伸。

另一个作者的网站http://shawphy.com/。

官方站点：http://www.cssrain.cn/jquery

2、《Dojo 权威指南》

作者博客：http://www.cn-cuckoo.com。

Aptana Studio 1.5 正式版发布

七 16th

由刘巍峰发表在web2.0相关

1个评论

近日，aptana.com发布了 Aptana Studio 1.5 正式版。

Aptana Studio 是目前业界最棒的 web 2.0 开发工具，它可以提供 JavaScript 及各种流行 Ajax 框架（如 jQuery、ExtJS、Dojo等）的智能提示（Code Assist），可以支持 JavaScript 调试，同时支持 RoR、PHP 和 Python 以及 Adobe AIR 1.5 等的开发。

(全文…)

Ext JS 3.0 正式版发布

七 7th

由刘巍峰发表在网络开发

没有评论

著名的跨浏览器RIA框架——ExtJS 发布了 3.0 正式版。

官方网站提供的更新：

  • Direct, CRUD and REST support for streamlined server communications
  • New Examples and Components including Charting
  • Over a 1,000 enhancements and fixes - improved memory management in IE6
  • Documented API and refactored CSS.
  • Backwards compatible to keep you moving forward.

关于 ExtJS，参见这里。

官网：http://extjs.com

jQuery 1.3 发布

一 15th

由刘巍峰发表在网络开发

没有评论

在 jQuery 3周岁这一天，John Resig 发布了 jQuery 1.3 版本。

新功能及改进如下（来自 jQuery 官方文档）

  • Sizzle：一个全新的选择器引擎
  • Live Events：可以对“将来的”元素添加事件
  • jQuery Event Overhaul：完全重写的事件检测，简化了事件处理
  • HTML Injection Rewrite：重写了append, prepend, before, 和 after等方法，据说速度快了6倍。
  • Offset Rewrite：重写了 Offset，超快的元素定位计算
  • No More Browser Sniffing：取消了浏览器侦测，全面改用jQuery.support。

    •  

另外，新版的 jQuery 带来了崭新的 API浏览器，并且包含可以自动更新的离线版（基于 Adobe AIR，包含 jQuery和 jQuery UI 的 API）。可以到这里下载。

(全文…)

20个最有创意最实用的jQuery应用

一 15th

由刘巍峰发表在网络开发

1个评论

昨天，1月13日，是Javascript 开发框架 jQuery 的三周岁生日。

我们看看三年来，这个被成为最优雅的Javascript框架带来那些创意应用。

以下翻译自国外网站，示例网站如无法点击访问，请自觉翻墙~

原文链接：http://nettuts.com/articles/web-roundups/the-20-most-practical-and-creative-uses-of-jquery/

  • James Padolsey Color Switcher

    右上角的“customize”，可以更换header的背景颜色。

    点击访问

    • (全文…)

开发跨浏览器JavaScript的几点注意事项

十二 7th

由刘巍峰发表在网络开发

没有评论

本文是《Ajax基础教程》的笔记整理。

  1. 向表中添加行 
    <table id="myTable" border="0">
<tbody id="myTableBody"></tbody></table>

    对于主流浏览器，可以使用appendChild方法，将创建的单元格添加到表行中，再把表行添加到表中。 但是在IE中，这样做不会将表行添加到表中，并且不会抛出任何错误。解决方法很简单，将行增加到表体（tbody）而不是表格。 后面一种方法并不只针对IE，在所以主流浏览器上都能用。

  2. 通过JavaScript设置元素的样式 主流浏览器中：

    var spanElement = document.getElementById("mySpan");
spanElement.setAttribute("style","color:red;");

    针对IE（此方法对除Opera外的主流浏览器都适用）：

    spanElement.style.cssText = "color:red;";

    所以，为了让代码在所有当前主流浏览器上都可移植，需要同时使用这两种方法：

    var spanElement = document.getElementById("mySpan");
spanElement.setAttribute("style","color:red;");
spanElement.style.cssText = "color:red;";

    3. (全文…)

Oracle忘记密码解决方案

十一 3rd

由刘巍峰发表在网络开发

2个评论

  1. 在命令行下输入 sqlplus /nolog 进入SQL*PLUS
  2. 输入：conn / as sysdba
  3. 修改密码：alter user sys identified by pwd
  4. 然后就可以使用sys用户密码pwd登陆了

注意：密码的第一个字符不能是数字的

Microsoft Silverlight 2 正式发布

十 14th

由刘巍峰发表在网络开发

没有评论

Microsoft Silverlight 2今天终于向用户发布使用。

Microsoft Silverlight 是一个跨浏览器的、跨平台的插件，为网络带来下一代基于.NET的媒体体验和丰富的交互式应用程序。Silverlight提供灵活的编程模型，并可以很方便地集成到现有的网络应用程序中。Silverlight可以对运行在Mac或Windows上的主流浏览器提供高质量视频信息的快速、低成本的传递。

Silverlight 2支持包括Visual Basic、C#、JavaScript、IronPython和IronRuby在内的编程语言,以及包括Firefox、Safari、IE在内的浏 览器,能够在Mac OS、Windows、Linux等平台上运行.Silverlight 2的其它特性包括内容保护、改进的服务器可伸缩性和广告支持。

另外，据 Mary Jo Foley 称 Silverlight 将会支持 Google Chrome 浏览器，但不支持 iPhone（Flash 播放器也不支持 iPhone，看起来是苹果不允许第三方开发）；微软计划在 PDC 上公开目前 Silverlight for Windows Mobile 的情况；微软目前在和 Nokia 合作开发 Symbian 手机上的 Silverlight；有传言称微软和 RIM 共同开发黑莓上的 Silverlight。

Silverlight 是 RIA 阵营中的重要成员，也是 Flash、Flex 等的强劲对手。网上关于“Silverlight是否将打败Flash”的争论已经持续很久，我的看法是，至少在最近的几年内，Silverlight 不会改变 Flash 在 RIA 领域的领先地位。究其原因，Flash 已经存在了好几年，从 ActionScript 1.0 更多 >

123