<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/">
  <channel>
    <title> 文章订阅 | 前端技术 | CH前端社区</title>
    <description>HTML5，CSS，JavaScript前端开发相关技术。</description>
    <pubDate>Tue, 07 Apr 2026 17:10:53 +0000</pubDate>
    <lastBuildDate>Tue, 07 Apr 2026 17:10:53 +0000</lastBuildDate>
    <generator>CH前端社区</generator>
    <link>https://www.chinahtml.com/articles/category/8/</link>
    <atom:link rel="self" type="application/rss+xml" href="https://www.chinahtml.com/articles/category/8/index.rss"/>
    <item>
      <title>JavaScript 开发人员需要知道的简写技巧</title>
      <pubDate>Wed, 25 Oct 2017 01:06:51 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/47/</link>
      <guid>https://www.chinahtml.com/articles/47/</guid>
      <author>小栗儿</author>
      <dc:creator>小栗儿</dc:creator>
      <content:encoded><![CDATA[本文来源于多年的 JavaScript 编码技术经验，适合所有正在使用 JavaScript 编程的开发人员阅读。<br />
<br />
本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。<br />
<br />
文章将分成初级篇和高级篇两部分，分别进行介绍。<br />
<br />
<h3>初级篇</h3><br />
1、三目运算符<br />
<br />
下面是一个很好的例子，将一个完整的 if 语句，简写为一行代码。<br />


<div class="bbCodeBlock bbCodeCode">
	<div class="type">代码:</div>
	<pre>
const x = 20;
let answer;
if (x &gt; 10) {
   answer = 'greater than 10';
} else {
   answer = 'less than 10';
}
</pre>
</div>简写为：<br />


<div class="bbCodeBlock bbCodeCode">
	<div class="type">代码:</div>
	<pre>
const answer = x &gt; 10 ? 'greater than 10' : 'less than 10';
</pre>
</div>2、循环语句<br />
<br />
当使用纯 JavaScript（不依赖外部库，如 jQuery 或 lodash）时，下面的简写会非常有用。<br />


<div class="bbCodeBlock bbCodeCode">
	<div class="type">代码:</div>
	<pre>
for (let i = 0; i &lt; allImgs.length; i++)...</pre>
</div><a href="https://www.chinahtml.com/articles/47/" target="_blank" class="externalLink" rel="nofollow">JavaScript 开发人员需要知道的简写技巧</a>]]></content:encoded>
    </item>
    <item>
      <title>Web 设计中如何更好地运用动画？</title>
      <pubDate>Tue, 10 Oct 2017 01:15:23 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/45/</link>
      <guid>https://www.chinahtml.com/articles/45/</guid>
      <author>小栗儿</author>
      <dc:creator>小栗儿</dc:creator>
      <content:encoded><![CDATA[随着软硬件技术的发展，界面动画在我们的日常生活中随处可见。桌面软件、移动应用、云服务此刻回顾四周我相信你一定能发现他们。<br />
<br />
<div style="text-align: center">

	<a href="https://w.chinahtml.com/attachments/10159/" target="_blank">浏览附件10159</a>
	
&#8203;</div><br />
在产品中动画未必越多越好，也未必越炫越好。不同的产品类型对动画的要求也不同。常见的动画主要承担向用户解释界面与界面之间的关系，元素与元素间的关系以及特定元素的强化。<br />
<br />
如果你关注过界面动画，你可能见过以下这些动画曲线。摘自 <a href="http://easings.net/" target="_blank" class="externalLink" rel="nofollow">http://easings.net/</a><br />
<br />
<div style="text-align: center">

	<a href="https://w.chinahtml.com/attachments/10160/" target="_blank">浏览附件10160</a>
	
&#8203;</div><br />
他们表述了动画变化的程度与时间的关系。通过合理利用这些动画曲线背后的原理，可以让动画看起来更加真实。<br />
<br />
这里说到我们要让界面动画更自然。如何做到自然？只要遵循客观物理规律以及人得视觉经验，动画就会看上去真实自然。<br />
<br />
为什么要讲动画函数？相信很多设计师看到下面的文章会的觉得太枯燥。<br />
<br />
那我们回到产品研发过程，在产品里，常见的动画实现有这么几种：<br />
<ol>
<li>...</li>
</ol><br />
<a href="https://www.chinahtml.com/articles/45/" target="_blank" class="externalLink" rel="nofollow">Web 设计中如何更好地运用动画？</a>]]></content:encoded>
      <slash:comments>1</slash:comments>
    </item>
    <item>
      <title>vue.js 与其他前端框架详细对比</title>
      <pubDate>Sat, 30 Sep 2017 01:26:39 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/44/</link>
      <guid>https://www.chinahtml.com/articles/44/</guid>
      <author>小栗儿</author>
      <dc:creator>小栗儿</dc:creator>
      <content:encoded><![CDATA[<h1>React</h1><br />
React 和 Vue 有许多相似之处，它们都有：<br />
<br />
<ul>
<li>使用 Virtual DOM</li>
<li>提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。</li>
<li>将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。</li>
</ul>由于有着众多的相似处，我们会用更多的时间在这一块进行比较。这里我们不只保证技术内容的准确性，同时也兼顾了平衡的考量。我们需要承认 React 比 Vue 更好的地方，比如更丰富的生态系统。<br />
<br />
<h2>相似之处</h2><br />
React与Vue存在很多相似之处，例如他们都是JavaScript的UI框架，专注于创造前端的富应用。不同于早期的JavaScript框架“功能齐全”，Reat与Vue只有框架的骨架，其他的功能如路由、状态管理等是框架分离的组件。<br />
<br />
<h3>Virtual DOM</h3><br />
Vue.js(2.0版本)与React的其中最大一个相似之处，就是他们都使用了一种叫&#039;Virtual DOM&#039;的东西。所谓的Virtual...<br />
<br />
<a href="https://www.chinahtml.com/articles/44/" target="_blank" class="externalLink" rel="nofollow">vue.js 与其他前端框架详细对比</a>]]></content:encoded>
    </item>
    <item>
      <title>人人都能用的10个网站易用性技巧</title>
      <pubDate>Tue, 26 Sep 2017 01:30:46 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/41/</link>
      <guid>https://www.chinahtml.com/articles/41/</guid>
      <author>小栗儿</author>
      <dc:creator>小栗儿</dc:creator>
      <content:encoded><![CDATA[WebAIM团队博客的一篇关于网站易用性的文章，比较基础，这些技巧可以马上实施到你的网站上。<br />
<br />
<h3>1. 给你的logo添加替代文本</h3><br />
这样有两个好处：屏幕阅读器能识别logo图片代表的含义，图片未加载到时，也能告诉非视障用户那里是你的logo。<br />
<br />
几种方法：<br />


<div class="bbCodeBlock bbCodeCode">
	<div class="type">代码:</div>
	<pre>
 &lt;img src=&quot;logo.png&quot; alt=&quot;前端界&quot;&gt;
</pre>
</div>或者，你用背景图来实现logo的话，也可以添加title属性来实现：<br />


<div class="bbCodeBlock bbCodeCode">
	<div class="type">代码:</div>
	<pre>
 &lt;span title=&quot;CH前端社区&quot;&gt;&lt;/span&gt;
</pre>
</div>当然，链接+背景图的方式是最好的，但最好也加上title属性：<br />


<div class="bbCodeBlock bbCodeCode">
	<div class="type">代码:</div>
	<pre>
 &lt;a title=&quot;CH前端社区&quot;&gt;CH前端社区&lt;/a&gt;
</pre>
</div><h3>2.添加基本的Landmarks</h3><br />
<a href="http://www.w3.org/TR/wai-aria/roles" target="_blank" class="externalLink" rel="nofollow">ARIA...</a><br />
<br />
<a href="https://www.chinahtml.com/articles/41/" target="_blank" class="externalLink" rel="nofollow">人人都能用的10个网站易用性技巧</a>]]></content:encoded>
    </item>
    <item>
      <title>深度解读CSS工程化实践成果</title>
      <pubDate>Mon, 25 Sep 2017 01:48:41 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/38/</link>
      <guid>https://www.chinahtml.com/articles/38/</guid>
      <author>小栗儿</author>
      <dc:creator>小栗儿</dc:creator>
      <content:encoded><![CDATA[作为Web开发的重要组成部分，CSS技术演进也在推动着前端工程化不断进步。本文将从CSS模块化、namespace约束、CSS in JS方案三个方面逐步深入解读CSS在工程化领域取得的成果。<br />
<br />
<h2>CSS技术的演进</h2><br />
CSS是Web开发中不可或缺的一部分，在前端工程化不断进步的今天，一方面CSS特性随着规范的升级越来越丰富，另一方面，前端业务复杂性的增加带来的工程愈加庞大， 驱使着开发者不断寻找CSS工程化的最佳实践。<br />
<br />
<h3>Web开发模块化趋势</h3><br />
不可否认， 无论从现代前端框架（React、 Vue、Angular、 Polymer等）， 还是从W3C的Web Components草案来看，组件化已经是前端开发的主流之选和未来的发展方向，正如在Reddit上有网友说道“Facebook.com’s codebase includes over 20,000 components”。 广义上看，所有页面上都可以被划分成一个个组件，相对于过去以网页作为开发单位，以组件为单位开发有着可复用、可扩展等一系列有利于项目工程化的优点。...<br />
<br />
<a href="https://www.chinahtml.com/articles/38/" target="_blank" class="externalLink" rel="nofollow">深度解读CSS工程化实践成果</a>]]></content:encoded>
    </item>
    <item>
      <title>30 分钟完全学会 Flex 布局</title>
      <pubDate>Mon, 24 Jul 2017 15:01:26 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/31/</link>
      <guid>https://www.chinahtml.com/articles/31/</guid>
      <author>laogui</author>
      <dc:creator>laogui</dc:creator>
      <content:encoded><![CDATA[<h2>为什么我要写这一篇关于 Flex 布局的教程？</h2><br />
因为它十分简单灵活，区区简单几行代码就可以实现各种页面的的布局，以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。然而学习 Flex 布局，你只要学习几个 CSS 属性，就可以写出简洁优雅复杂的页面布局。<br />
<br />
<h2>本教程适合人群：</h2><br />
<ol>
<li>前端小白，不太明白页面布局技巧，但想通过简单的学习学会如何进行页面布局</li>
<li>学过但是不太熟悉 Flex 布局，需要教程来巩固回顾 Flex 布局的知识点</li>
<li>项目不考虑兼容 IE 低版本浏览器，想简单优雅地写出漂亮的页面布局</li>
</ol>废话就不多说了，我将尽可能地用简洁明了的言语来描述 Flex 布局，看完你会收获的。<br />
<br />
<h2>Flex 基本概念：</h2><br />


	<a href="https://w.chinahtml.com/attachments/10087/" target="_blank">浏览附件10087</a>
	
<br />
在 flex 容器中默认存在两条轴，水平主轴(main axis) 和垂直的交叉轴(cross...<br />
<br />
<a href="https://www.chinahtml.com/articles/31/" target="_blank" class="externalLink" rel="nofollow">30 分钟完全学会 Flex 布局</a>]]></content:encoded>
    </item>
    <item>
      <title>写好你的JavaScript</title>
      <pubDate>Mon, 24 Jul 2017 14:26:08 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/30/</link>
      <guid>https://www.chinahtml.com/articles/30/</guid>
      <author>laogui</author>
      <dc:creator>laogui</dc:creator>
      <content:encoded><![CDATA[<h2>前言</h2><br />
在实际工作中，我们应该经常会看到一些功能上没有问题，但编码风格和规范却十分糟糕的代码，这往往会让人不敢再往下阅读，甚至会影响阅读者一天的心情。这些代码不仅不易阅读，而且难以维护，它们一般会出自刚入门的编程新手，也会出自工作了好几年的老程序员手下。因此本文的目的在于帮助那些没有养成良好的编码风格，缺乏相应编码规范意识的JavaScript学习者们改善他们的编码形象。<br />
<br />
<h2>编码形象</h2><br />
以上我提出了编码形象的概念，我个人认为：<br />



<div class="bbCodeBlock bbCodeQuote">
	<aside>
		
		<blockquote class="quoteContainer"><div class="quote">编码形象 = 编码风格 +　编码规范</div><div class="quoteExpand">点击展开...</div></blockquote>
	</aside>
</div>一个良好的编码形象就等于一个穿着得体的青年，对于程序员来说这是同行了解你优秀能力的最直接最简单的方式。<br />
<br />
我们来看一下一段糟糕的编码形象：<br />


<div class="bbCodeBlock bbCodeCode">
	<div class="type">代码:</div>
	<pre>//打个招呼
function func(){
    var age=18,sex='man';
    var greeting='hello';
    if(age&amp;lt;=18&amp;amp;&amp;amp;sex=='man'){
        console.log(greeting+'little...</pre>
</div><a href="https://www.chinahtml.com/articles/30/" target="_blank" class="externalLink" rel="nofollow">写好你的JavaScript</a>]]></content:encoded>
    </item>
    <item>
      <title>19+ 个 JavaScript 快速编程技巧</title>
      <pubDate>Sun, 16 Jul 2017 16:27:37 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/29/</link>
      <guid>https://www.chinahtml.com/articles/29/</guid>
      <author>蔡老师</author>
      <dc:creator>蔡老师</dc:creator>
      <content:encoded><![CDATA[这确实是一篇针对于基于 JavaScript 语言编程的开发者必读的文章。在过去几年我学习 JavaScript 的时候，我写下了这篇文章，并将其作为 JavaScript 快速编程技巧的一个重要参考。为了有助于理解，针对常规写法我也给出了相关的编程观点。<br />
<h3>1. 三元操作符</h3><br />
如果你想只用一行代码写出一个 if..else 表达式，那么这是一个很好的节省代码的方式。<br />
常规写法：<br />


<div class="bbCodeBlock bbCodeCode">
	<div class="type">代码:</div>
	<pre>const x = 20;
let answer;
if (x &gt; 10) {
    answer = 'is greater';
} else {
    answer = 'is lesser';
}</pre>
</div>速记法：<br />


<div class="bbCodeBlock bbCodeCode">
	<div class="type">代码:</div>
	<pre>const answer = x &gt; 10 ? 'is greater' : 'is lesser';</pre>
</div>你也可以像这样嵌套 if 表达式：<br />


<div class="bbCodeBlock bbCodeCode">
	<div class="type">代码:</div>
	<pre>const big = x &gt; 10 ? &quot; greater 10&quot; : x</pre>
</div><h3>2. 短路求值速记法</h3>...<br />
<br />
<a href="https://www.chinahtml.com/articles/29/" target="_blank" class="externalLink" rel="nofollow">19+ 个 JavaScript 快速编程技巧</a>]]></content:encoded>
      <slash:comments>1</slash:comments>
    </item>
    <item>
      <title>ES2017 （ES8）来了，这里是主要功能介绍</title>
      <pubDate>Fri, 14 Jul 2017 01:45:53 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/28/</link>
      <guid>https://www.chinahtml.com/articles/28/</guid>
      <author>laogui</author>
      <dc:creator>laogui</dc:creator>
      <content:encoded><![CDATA[<h2>本文主要讲解 ES8 ( ES2017 )新增的功能、特性</h2><br />
<br />


	<a href="https://w.chinahtml.com/attachments/9930/" target="_blank">浏览附件9930</a>
	
<br />
<br />
ES8 或者说是 ES2017 已经在今年6月底的时候被 TC39 正式发布。似乎我们在最近的一年里就已经谈论了很多有关 ECMA 的事情。现在的 ES 标准每年发布一次。我们都知道 ES6 是在2015年发布的，ES7 是在2016年发布的，但是估计会有很少数人知道 ES5 是在何时发布的。答案是2009年，是在 JavaScript 逐渐变的流行之前发布的。<br />
<br />
JavaScript，作为一门处于高速发展期的开发语言，正在变的越来越完善、稳定。我们必须拥抱这些变化，并且我们需要把ES8加入到我们的技术栈中。<br />
<br />


	<a href="https://w.chinahtml.com/attachments/9929/" target="_blank">浏览附件9929</a>
	
<br />
<br />
如果您想对 ES8 做一个深入、彻底的了解，您可以查阅Web 资源或者PDF 资源。其他的读者，您可以直接查阅本文，因为本文将涵盖 ES8 主要的新特性，并且会附上代码示例。<br />
<br />
<h3>字符串填充</h3><br />
<br />
在 String 对象中，ES8 增加了两个新的函数： padStart...<br />
<br />
<a href="https://www.chinahtml.com/articles/28/" target="_blank" class="externalLink" rel="nofollow">ES2017 （ES8）来了，这里是主要功能介绍</a>]]></content:encoded>
      <slash:comments>1</slash:comments>
    </item>
    <item>
      <title>前端模块化发展简史</title>
      <pubDate>Thu, 08 Jun 2017 15:08:27 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/21/</link>
      <guid>https://www.chinahtml.com/articles/21/</guid>
      <author>CH首席编辑</author>
      <dc:creator>CH首席编辑</dc:creator>
      <content:encoded><![CDATA[前端发展日新月异，短短不过 10 年已经从原始走向现代，甚至引领潮流。网站逐渐变成了互联网应用程序，代码量飞速增长，为了支撑这种需求和变化，同时兼顾代码质量、降低开发成本，接入模块化势在必行。伴随这一变化的是相对应的构建工具的快速成长，或是为了优化、或是为了转义，都离不开这类工具。<br />
<br />
所谓温故而知新，本篇回顾总结下前端模块化的发展历程及辅助工具。在回顾中可以更清晰的看到当前我们用的方案所处的位置，为什么会发展到这一步，目前模块化方案带来的优势等。<br />
<br />
<h2>1. 没有模块化的日子</h2><br />
最开始 JavaScript 承担的任务量并不多，表单验证基本上就是他的全部，最多就是简短的前端交互，这个时期 JavaScript 组织结构非常凌乱，大部分都是后端哥哥们顺手代劳，那时候还没有“前端”这一职位。 一般都是写到一个文件或者直接写到 jsp、asp 的后端模板页面上就完事了。这个阶段没啥可说的，跳过吧。。。<br />
<br />
<h2>2. 传统模块化</h2><br />
随着 ajax...<br />
<br />
<a href="https://www.chinahtml.com/articles/21/" target="_blank" class="externalLink" rel="nofollow">前端模块化发展简史</a>]]></content:encoded>
    </item>
    <item>
      <title>ECMAScript 2015 简易教程</title>
      <pubDate>Wed, 07 Jun 2017 14:21:36 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/20/</link>
      <guid>https://www.chinahtml.com/articles/20/</guid>
      <author>laogui</author>
      <dc:creator>laogui</dc:creator>
      <content:encoded><![CDATA[<h2>背景</h2><br />
本文最初源自<a href="http://git.io/es6features" target="_blank" class="externalLink" rel="nofollow">es6features</a>，你可以到github上去加星。你可以使用<a href="https://babeljs.io/repl" target="_blank" class="externalLink" rel="nofollow">REPL</a>在线预览这些特性。<br />
<br />
<h2>简介</h2><br />
ECMAScript 6 是ECMAScript标准的最新版本，于2015年6月批准通过。ES2015是对语言的一次重大更新，是自从2009年ES5标准化后的第一次重大更新。主要的JavaScript引擎正在逐步实现这些特性，<a href="http://kangax.github.io/compat-table/es6/" target="_blank" class="externalLink" rel="nofollow">点击这里</a>查看浏览器的兼容情况。<br />
<br />
查看<a href="http://www.ecma-international.org/ecma-262/6.0/index.html" target="_blank" class="externalLink" rel="nofollow">ES2015 标准</a>，了解关于ECMAScript 6语言的完整规范。<br />
<br />
<h2>ECMAScript 6 新特性</h2><br />
<h3>箭头函数和静态this（Arrows...</h3><br />
<br />
<a href="https://www.chinahtml.com/articles/20/" target="_blank" class="externalLink" rel="nofollow">ECMAScript 2015 简易教程</a>]]></content:encoded>
    </item>
    <item>
      <title>2017 年最受欢迎的 5 个前端框架比较</title>
      <pubDate>Wed, 31 May 2017 16:15:07 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/15/</link>
      <guid>https://www.chinahtml.com/articles/15/</guid>
      <author>shenlan</author>
      <dc:creator>shenlan</dc:creator>
      <content:encoded><![CDATA[如今的 CSS 前端框架的发展非常迅猛，但是真正好的框架不多。<br />
<br />
在这篇文章中，我将对我认为当今最好的 5 个框架进行比较。每个框架都有它自己的强项和弱项，以及适合的领域，你需要根据这些特点来进行选择。例如，如果你的项目很简单，那就没有必要选择复杂的框架。此外，还有一些选项是模块化，这样你就可以根据需要选择所需的组件，或者来自不同框架混合的组件。<br />
<br />
我选择的这些框架是根据它们在 Github 的受欢迎程度来的，而最受欢迎的毫无疑问是 Bootstrap。<br />
<br />
(注意：文章中的一些数据日新月异，例如 Github 上点赞数、版本号等等。当你阅读这篇文章应该意识到这些问题)<br />
<br />
<span style="font-size: 18px"><b>1. Bootstrap</b></span><br />
<a href="http://getbootstrap.com/" target="_blank" class="externalLink" rel="nofollow">Bootstrap</a> 毫无争议是今天最领先的前端框架。鉴于其超级强大的人气，而且每天都还在不断增长，你可以这个框架是非常棒的，不会让你失望。<br />
<br />


	<a href="https://w.chinahtml.com/attachments/9795/" target="_blank">浏览附件9795</a>
	
<br />
<br />
<ul>
<li>...</li>
</ul><br />
<a href="https://www.chinahtml.com/articles/15/" target="_blank" class="externalLink" rel="nofollow">2017 年最受欢迎的 5 个前端框架比较</a>]]></content:encoded>
    </item>
    <item>
      <title>JavaScript初学者必看“this”</title>
      <pubDate>Fri, 26 May 2017 16:08:46 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/13/</link>
      <guid>https://www.chinahtml.com/articles/13/</guid>
      <author>CH首席编辑</author>
      <dc:creator>CH首席编辑</dc:creator>
      <content:encoded><![CDATA[如果对JavaScript的关键字this理解不够深刻，有时候会掉入意想不到的坑。在这里我们总结了5条通用规则来帮助你判断this到底指向什么。虽然没有囊括所有的情况，但日常大部分情况都可以使用这些规则来正确推断。<br />
<ol>
<li>this的值通常是由所在函数的执行环境决定，也就是说要看函数是如何被调用的；</li>
<li>同一个函数每一次调用，this都可能指向不同的对象;</li>
</ol><span style="font-size: 22px">全局对象 (Global Object)</span><br />
<br />
打开Chrome浏览器开发者面板(Windows: Ctrl + Shift + J)(Mac: Cmd + Option + J)，并且输入:<br />
<br />


<div class="bbCodeBlock bbCodeHtml">
	<div class="type">HTML:</div>
	<pre>
console.log(this);
</pre>
</div>看看输出了什么？<br />
<br />


<div class="bbCodeBlock bbCodeHtml">
	<div class="type">HTML:</div>
	<pre>
// Window {}
</pre>
</div>window对象！ 因为在全局作用域下，this指向全局对象。在浏览器中全局对象就是window对象。<br />
为了让你更加清楚理解为什么this会指向window对象，我们来看另外一个例子：<br />


<div class="bbCodeBlock bbCodeHtml">
	<div class="type">HTML:</div>
	<pre>
var myName =...</pre>
</div><a href="https://www.chinahtml.com/articles/13/" target="_blank" class="externalLink" rel="nofollow">JavaScript初学者必看“this”</a>]]></content:encoded>
    </item>
    <item>
      <title>构建 React.js 应用的十佳 UI 框架</title>
      <pubDate>Sat, 20 May 2017 01:36:03 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/8/</link>
      <guid>https://www.chinahtml.com/articles/8/</guid>
      <author>CH首席编辑</author>
      <dc:creator>CH首席编辑</dc:creator>
      <content:encoded><![CDATA[<span style="font-size: 15px"><b><a href="http://www.material-ui.com/" target="_blank" class="externalLink" rel="nofollow">1、Material-UI</a></b></span><br />
一套实现 Google Material Design 的 React 组件<br />
同时，它也是 React 的第一批 UI 工具套件之一。Material-UI 包含你需要的所有组件（甚至更多）。 Material-UI 预定义的调色板和 &lt;MuiThemeProvider&gt;  可配置性极高，允许为 APP 自定义颜色主题。<br />
<br />
Material-UI 之前的版本个人认为有一些性能问题，但从 3.0 版本的发布来看，性能有所改善。<br />
<br />


	<a href="https://w.chinahtml.com/attachments/9738/" target="_blank">浏览附件9738</a>
	
 <br />
<br />
<span style="font-size: 15px"><b><a href="http://reactdesktop.js.org/" target="_blank" class="externalLink" rel="nofollow">2、React Desktop</a></b></span><br />
MacOS Sierra 和 Windows 10 的 React UI 组件。<br />
如果你对跨平台桌面应用程序的 UI 组件感兴趣，那么 React-Desktop...<br />
<br />
<a href="https://www.chinahtml.com/articles/8/" target="_blank" class="externalLink" rel="nofollow">构建 React.js 应用的十佳 UI 框架</a>]]></content:encoded>
    </item>
    <item>
      <title>JavaScript 终于成为了一流语言</title>
      <pubDate>Fri, 19 May 2017 15:50:31 +0000</pubDate>
      <link>https://www.chinahtml.com/articles/7/</link>
      <guid>https://www.chinahtml.com/articles/7/</guid>
      <author>CH首席编辑</author>
      <dc:creator>CH首席编辑</dc:creator>
      <content:encoded><![CDATA[2003年，保罗·格雷厄姆（Paul Graham）在文中提到，他的公司决定使用Lisp（一门编程语言）。在<a href="http://www.paulgraham.com/avg.html" target="_blank" class="externalLink" rel="nofollow">文章</a>中他将Lisp描绘成计算机语言界的法语，它独特、深邃，能够表达难以描述的事物（亦即法语je ne sais quoi所指）。他指出自己公司相比竞争对手的优势在于Lisp。<br />
<br />
如果Lisp像法语，那么现如今的JavaScript就像英语一般。尽管二者的语法不一致，但英语是世界上最广泛使用的语言，JavaScript是最广泛应用的计算语言。<br />
<br />
然而，JavaScript仍未得到与其他语言同等的尊重。尽管它的使用率在创业公司和大型公司中持续增长，但若非必要，人们不会认为它是一门有用的语言。大公司的高级工程师声称它不是一门“真正的”编程语言，许多人并不知道除了操作像素外它还能被用于何处。<br />
<br />
作为一名JavaScript工程师，我希望更深入地了解公众对这门语言的看法，并观察这些观点在现实中到底有多牢不可破。我发现，一些批评有失水准，但更多的批评则是有意义的。...<br />
<br />
<a href="https://www.chinahtml.com/articles/7/" target="_blank" class="externalLink" rel="nofollow">JavaScript 终于成为了一流语言</a>]]></content:encoded>
    </item>
  </channel>
</rss>
