<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:copyright="http://blogs.law.harvard.edu/tech/rss" xmlns:image="http://purl.org/rss/1.0/modules/image/">
    <channel>
        <title>CHR's World !</title>
        <link>http://blog.rongzhiwang.com/chr/Default.aspx</link>
        <description>Powered by 融智网</description>
        <language>zh-CHS</language>
        <copyright>chr</copyright>
        <generator>interwis.net Blog Version 3.0.0.0</generator>
        <image>
            <title>CHR's World !</title>
            <url>http://blog.rongzhiwang.com/images/RSS2Image.gif</url>
            <link>http://blog.rongzhiwang.com/chr/Default.aspx</link>
            <width>77</width>
            <height>60</height>
        </image>
        <item>
            <title>8月编程语言榜</title>
            <link>http://blog.rongzhiwang.com/chr/archive/2009/08/13/n-8.aspx</link>
            <description>Tiobe近日公布了2009年8月的编程语言排行榜本期榜单中有Objective-CHE第一次进入前二十名并取代之前的Lua，而Java、C、C++依然以绝对优势占据前三甲的位置。本期我们将重点关注微软的.NET平台，以及新近推出的F#、Small Basic语言。
&lt;p mce_style="text-align: left;" style="text-align: left"&gt;&lt;img alt="" src="http://pic002.cnblogs.com/img/itnews/200908/2009080910433341.png" mce_src="http://pic002.cnblogs.com/img/itnews/200908/2009080910433341.png" /&gt; &lt;br /&gt;
     &lt;b&gt;C# 4.0借Visual Studio 2010 Beta1发力 &lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
     很多人将C#认为是微软对Java的反击，我们从C#语言的继承体系，以及一些特性中可以看出，C#语言综合了C、C++和Java的优点。C#看起来与Java有着惊人的相似；它包括了诸如单一继承、接口、与Java几乎同样的语法和编译成中间代码再运行的过程。但是C#与Java有着&lt;span&gt;明显&lt;/span&gt;的不同，它&lt;span&gt;借鉴&lt;/span&gt;了Delphi的一个特点，与COM(组件对象模型)是直接集成的，而且它是微软公司.NET平台的主力。尽管微软发布过J++，但还是不如C#对Java的威胁大。&lt;/p&gt;
&lt;p mce_style="text-align: center;" style="text-align: center"&gt;&lt;img alt="" src="http://pic002.cnblogs.com/img/itnews/200908/2009080910460159.png" mce_src="http://pic002.cnblogs.com/img/itnews/200908/2009080910460159.png" /&gt;&lt;/p&gt;
&lt;p mce_style="text-align: left;" style="text-align: left"&gt;     在Visual Studio 2010 Beta1发布后，C#关注度像是被注入强心剂一样持续上升。更多的特性&lt;span&gt;&lt;span class="vLink9999" mce_style="font-size: 1em;" style="font-size: 1em"&gt;支持&lt;/span&gt;&lt;/span&gt;，是广大开发人员支持C#的动力。比如Visual Studio 2010中使用C#4.0的动态类型，这一动态类型的新特性包括：1、支持动态查找；2、同时支持命名参数和可选参数；3、增强的COM互操作特性；4、支持方差。从这里面可以看到很多Javascript、Python这些动态语言的影子。虽然C#越来越偏离静态语言的道路，但从另一个角度来说，这些特性也都是为了提高程序员的生产力。 &lt;br /&gt;
&lt;br /&gt;
　　&lt;b&gt;大起大落的VB &lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
　　Visual Basic从诞生之日起就注定成为一门合适的入门语言，简单易学使VisualBasic成为很多程序员的第一门语言。微软也很乐意将更多的新东西带入Visual Basic，最新的Visual Basic2010新特性包括：数组初始值设定项、集合初始值设定项、内联Lambda表达式、自动实现属性、泛化、No-PIA部署、与Python的集成、并行计算扩展等。不过目前来看，Visual Basic正处在一个十字路口，需要更多的新技术来支持它继续前行。 &lt;br /&gt;
&lt;br /&gt;
　　尽管微软Visual Studio 2010将加强对C++的支持，但是一向作为Visual Studio缺省语言的VisualBasic，还是会作为微软的主力语言得到推崇。相信随着Visual Studio 2010正式版的到来，更方便的VisualBasic会更好的提高程序员的工作效率。 &lt;br /&gt;
&lt;br /&gt;
　　&lt;b&gt;微软F#语言渐入佳境&lt;/b&gt; &lt;br /&gt;
&lt;br /&gt;
　　F#是微软发布的一款函数编程语言。功能编程语言将计算看作是数学函数的赋值，数学特性使得它对需要大量使用数学符号的领域的专业人士颇有吸引力。微软更允许F#运行在CLR之上，这也标志着微软将F#列为Visual Studio 2010上的“一等公民”。 &lt;br /&gt;
&lt;br /&gt;
　　作为今后.NET平台的支柱，微软希望F#能被用来构建应用程序的核心，并且在呈现层与C#、VisualBasic合力打造完美的应用程序。从这里可以看出微软全方位做大.NET平台的决心。尽管F#在本期的榜单中排名并不显眼，相信明年VisualStudio 2010正式版发布后，榜单前排一定有F#的位子。 &lt;br /&gt;
&lt;br /&gt;
　　&lt;b&gt;其他微软语言介绍 &lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
　　M语言，这种新编程语言是微软新Oslo发展和面向服务策略的一部分，在保持文本(textual)和特定领域(domaiN-specific)的同时，还整合了来自XAML的特性。 &lt;br /&gt;
&lt;br /&gt;
　　Spec#是C#的一个扩展，支持许多契约（contract）属性，如非Null类型系统，前置和后置条件，循环常量（loop invariant）和对象常量等。这个扩展将终结Null引用异常。 &lt;br /&gt;
&lt;br /&gt;
　　Nemerle是一种多范型语言（面向对象和函数式），完全支持编译器宏（后来更多的是Lisp的变种，而不是C++），以及许多其他的东西。Nemerla与Visual Studio 2010里发布的F#不同，后者是纯函数式语言。 &lt;br /&gt;
&lt;br /&gt;
　　Small Basic，一款针对儿童的免费编程语言。不像Scratch和Alice，这款工具属于“无编码”环境，本质上讲是一个简略版本的BASIC语言。 &lt;br /&gt;
&lt;br /&gt;
　　Axum语言曾经叫做Maestro，它的目标是提供一个.NET环境下的并行编程模型，支持隔离、actor和消息传递。此语言借鉴了很多Erlang语言的元素，不过拥有类似C#的语法。 &lt;br /&gt;
&lt;br /&gt;
　　从VisualBasic到C#，我们不止看到微软编程语言的发展路径,也看到整个IT项目需求及技术的起伏发展，在51CTO.com与Windows教父JeffreyRichter一次关于程序语言发展的对话中，他提到编程语言最初的目的是为了让人可以控制机器，从机器语言、汇编语言直到现在的高级语言和运行在虚拟机上具有更多面向对象和动态特性的语言，编程语言最初的目的一直没有改变，只是我们现在可以利用高级语言（比如C#）更加方便、轻松的开发我们的应用来控制机器。他认为，未来的编程语言将会让开发人员更轻松的控制机器，高度的自动化和智能化将是未来编程语言发展的方向。&lt;/p&gt;&lt;img src="http://blog.rongzhiwang.com/chr/aggbug/58.aspx" width="1" height="1" /&gt;</description>
            <dc:creator>chr</dc:creator>
            <guid>http://blog.rongzhiwang.com/chr/archive/2009/08/13/n-8.aspx</guid>
            <pubDate>Thu, 13 Aug 2009 14:52:48 GMT</pubDate>
            <wfw:comment>http://blog.rongzhiwang.com/chr/comments/58.aspx</wfw:comment>
            <comments>http://blog.rongzhiwang.com/chr/archive/2009/08/13/n-8.aspx#feedback</comments>
            <wfw:commentRss>http://blog.rongzhiwang.com/chr/comments/commentRss/58.aspx</wfw:commentRss>
        </item>
        <item>
            <title>CSS代码命名惯例语义化的方法</title>
            <link>http://blog.rongzhiwang.com/chr/archive/2009/08/02/css.aspx</link>
            <description>&lt;h3&gt;CSS类命名的语义化VS结构化方式&lt;/h3&gt;
&lt;p&gt;　　一般而言，CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的”用意”，独立于它的”定位”或确切的特性(结构化方式)。像left-bar, red-text, small-title…这些都属于结构化定义的例子。&lt;/p&gt;
&lt;p&gt;让我们看看下面这个例子:&lt;/p&gt;
&lt;p style="text-align: center"&gt;&lt;a href="http://blog.bingo929.com/css-coding-semantic-naming.html"&gt;&lt;img class="size-medium wp-image-1905 aligncenter" title="CSS-语义化-结构化" height="134" alt="CSS-语义化-结构化" width="384" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://blog.bingo929.com/wp-content/uploads/2008/11/sem_vs_struct.png" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;　　…而现在我们想把页面中的元素调换一下位置，如果你使用的是结构化方式&lt;strong&gt;(1)&lt;/strong&gt;，那么你就要把所有CSS类名重新进行定义，因为它们的位置变了。在布局&lt;strong&gt;(3)&lt;/strong&gt;中，我们看到元素都倒转了: right-bar 现在成了 “left-bar”，而 left-content 成了 “right-content”。如果你使用语义化方式则避免了此类问题。&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p style="text-align: center"&gt;&lt;img class="size-medium wp-image-1906 aligncenter" title="CSS-语义化" height="171" alt="" width="387" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://blog.bingo929.com/wp-content/uploads/2008/11/sem_vs_struct2.png" /&gt;&lt;/p&gt;
&lt;p&gt;　　换句话说，使用语义化方式的话，你在修改网站布局的时候可以仅仅修改相关CSS类的属性即可，而不用修改它们的类名了，如果网站的代码很庞大，这将节省大量的时间。&lt;/p&gt;
&lt;p&gt;　　彬Go会经常更新前端开发/网页设计等相关技术及教程文章，欢迎&lt;a target="_blank" href="http://feed.feedsky.com/bingo929"&gt;&lt;font color="#00a0e3"&gt;订阅本博客&lt;/font&gt;&lt;/a&gt;来及时浏览本博客的最新教程及资源。&lt;/p&gt;
&lt;h3&gt;关于语义化的一些建议:&lt;/h3&gt;
&lt;p&gt;　　在开始之前，我想推荐两种简单的编写较好的CSS代码的指导方针:&lt;/p&gt;
&lt;ol&gt;
    &lt;li&gt;为CSS类名定义的时候，尽量使用小写字母，如果有两个以上的单词，在每个单词之间使用”-”符或单词首字母大写(第一个单词除外)。如:”main-content”或”mainContent”。&lt;/li&gt;
    &lt;li&gt;优化CSS代码，仅创建关键主要的CSS类并重新为子元素使用符合HTML标准的标签(h1, h2, p, ul, li, blockquote,…)，例如,不要使用这种哦你那个方式:&lt;/li&gt;
&lt;/ol&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;lt;div class=”main”&amp;gt;&lt;br /&gt;
    &amp;lt;div class=”main-title”&amp;gt;…&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div class=”main-paragraph”&amp;gt;…&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;而要这样写:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;span&gt;&amp;lt;div class=&lt;/span&gt;&lt;span&gt;“main”&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span&gt;    &amp;lt;h1&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;span&gt;…&lt;/span&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span&gt;    &amp;lt;p&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;…&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3&gt;三栏布局中使用语义化方式的例子&lt;/h3&gt;
&lt;p&gt;　　让我们来通过这个简单的例子讲解一下如何为经典的三栏布局使用语义化方式命名:&lt;/p&gt;
&lt;p style="text-align: center"&gt;&lt;img class="size-medium wp-image-1907 aligncenter" title="CSS-语义化-教程" height="226" alt="CSS-语义化-教程" width="275" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://blog.bingo929.com/wp-content/uploads/2008/11/sem.png" /&gt;&lt;/p&gt;
&lt;p&gt;　　　使用语义化方式为CSS命名可以像这样:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;#container{…}&lt;br /&gt;
&lt;span style="color: #808080"&gt;/*—- Top section —-*/&lt;/span&gt;&lt;br /&gt;
    #header{…}&lt;br /&gt;
    #navbar{…}&lt;br /&gt;
    &lt;span style="color: #808080"&gt;/*—- Main —-*/&lt;/span&gt;&lt;br /&gt;
    #menu{…}&lt;br /&gt;
    #main{…}&lt;br /&gt;
    #sidebar{…}&lt;br /&gt;
    &lt;span style="color: #808080"&gt;/*—- Footer —-*/&lt;/span&gt;&lt;br /&gt;
    #footer{…}&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ol&gt;
    &lt;li&gt;&lt;strong&gt;Container&lt;br /&gt;
    &lt;span style="font-weight: normal"&gt;“&lt;/span&gt;&lt;em&gt;&lt;span style="font-weight: normal"&gt;&lt;span style="font-style: normal"&gt;#container&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;span style="font-weight: normal"&gt;“ 就是将你页面中的所有元素包在一起的部分，这部分你还可以命名为: ”&lt;em&gt;&lt;span style="font-style: normal"&gt;wrapper&lt;/span&gt;&lt;/em&gt;“, “&lt;em&gt;&lt;span style="font-style: normal"&gt;wrap&lt;/span&gt;&lt;/em&gt;“, “&lt;em&gt;&lt;span style="font-style: normal"&gt;page&lt;/span&gt;&lt;/em&gt;“.&lt;/span&gt;&lt;/strong&gt;&lt;/li&gt;
    &lt;li&gt;&lt;strong&gt;Header&lt;br /&gt;
    &lt;/strong&gt;“#header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分你还可以命名为:”&lt;em&gt;&lt;span style="font-style: normal"&gt;top&lt;/span&gt;&lt;/em&gt;“, “&lt;em&gt;&lt;span style="font-style: normal"&gt;logo&lt;/span&gt;&lt;/em&gt;“, “&lt;em&gt;&lt;span style="font-style: normal"&gt;page-header&lt;/span&gt;&lt;/em&gt;” (或 pageHeader).&lt;/li&gt;
    &lt;li&gt;&lt;strong&gt;Navbar&lt;br /&gt;
    &lt;/strong&gt;“&lt;em&gt;&lt;span style="font-style: normal"&gt;#navbar&lt;/span&gt;&lt;/em&gt;“等同于横向的导航栏，是最典型的网页元素。这部分你还可以命名为:&lt;em&gt;&lt;span style="font-style: normal"&gt;“nav”&lt;/span&gt;&lt;/em&gt;, &lt;em&gt;&lt;span style="font-style: normal"&gt;“navigation”&lt;/span&gt;&lt;/em&gt;, &lt;em&gt;&lt;span style="font-style: normal"&gt;“nav-wrapper”&lt;/span&gt;&lt;/em&gt;.&lt;/li&gt;
    &lt;li&gt;&lt;strong&gt;Menu&lt;br /&gt;
    &lt;/strong&gt;“#Menu”区域包含一般的链接和菜单，这部分你还可以命名为: ”&lt;em&gt;&lt;span style="font-style: normal"&gt;sub-nav&lt;/span&gt;&lt;/em&gt; ”, “&lt;em&gt;&lt;span style="font-style: normal"&gt;links&lt;/span&gt;&lt;/em&gt;“.&lt;/li&gt;
    &lt;li&gt;&lt;strong&gt;Main&lt;br /&gt;
    &lt;/strong&gt;“#Main”是网站的主要区域，如果是博客的话它将包含你的日志。这部分你还可以命名为: ”&lt;em&gt;&lt;span style="font-style: normal"&gt;content&lt;/span&gt;&lt;/em&gt;“, “&lt;em&gt;&lt;span style="font-style: normal"&gt;main-content&lt;/span&gt;&lt;/em&gt;” (or “mainContent”)。&lt;/li&gt;
    &lt;li&gt;&lt;strong&gt;Sidebar&lt;br /&gt;
    &lt;span style="font-weight: normal"&gt;“#Sidebar”&lt;/span&gt;&lt;span style="font-weight: normal"&gt; 部分可以包含网站的次要内容，比如最近更新内容列表、关于网站的介绍或广告元素等…这部分你还可以命名为: ”&lt;em&gt;&lt;span style="font-style: normal"&gt;sub-nav&lt;/span&gt;&lt;/em&gt;“, “&lt;em&gt;&lt;span style="font-style: normal"&gt;side-panel&lt;/span&gt;&lt;/em&gt;“, “&lt;em&gt;&lt;span style="font-style: normal"&gt;secondary-content&lt;/span&gt;&lt;/em&gt;“.&lt;/span&gt;&lt;/strong&gt;&lt;/li&gt;
    &lt;li&gt;&lt;strong&gt;Footer&lt;br /&gt;
    &lt;/strong&gt;“#Footer”包含网站的一些附加信息，这部分你还可以命名为: ”&lt;em&gt;&lt;span style="font-style: normal"&gt;copyright&lt;/span&gt;&lt;/em&gt;“.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p style="border-right: #afedff 1px solid; padding-right: 10px; border-top: #afedff 1px solid; display: block; padding-left: 10px; padding-bottom: 10px; border-left: #afedff 1px solid; padding-top: 10px; border-bottom: #afedff 1px solid; background-color: #e9faff"&gt;&lt;strong&gt;&lt;span style="color: #ff0000"&gt;转载声明:&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
原载:&lt;a href="http://blog.bingo929.com/"&gt;&lt;font color="#00a0e3"&gt;彬Go&lt;/font&gt;&lt;/a&gt;&lt;br /&gt;
本文链接:&lt;a title="精选31个网站界面设计实践教程" href="http://blog.bingo929.com/css-coding-semantic-naming.html"&gt;&lt;font color="#00a0e3"&gt;http://blog.bingo929.com/css-coding-semantic-naming.html&lt;/font&gt;&lt;/a&gt;&lt;br /&gt;
 &lt;/p&gt;&lt;img src="http://blog.rongzhiwang.com/chr/aggbug/48.aspx" width="1" height="1" /&gt;</description>
            <dc:creator>chr</dc:creator>
            <guid>http://blog.rongzhiwang.com/chr/archive/2009/08/02/css.aspx</guid>
            <pubDate>Sun, 02 Aug 2009 08:12:41 GMT</pubDate>
            <wfw:comment>http://blog.rongzhiwang.com/chr/comments/48.aspx</wfw:comment>
            <comments>http://blog.rongzhiwang.com/chr/archive/2009/08/02/css.aspx#feedback</comments>
            <wfw:commentRss>http://blog.rongzhiwang.com/chr/comments/commentRss/48.aspx</wfw:commentRss>
        </item>
    </channel>
</rss>
