html中意外的标记for怎么处理_使用HTML，CSS和JavaScript

Ember是运行在浏览器上的框架，也就意味着他可以无缝的支持HTML、CSS和JavaScript，这对于初学者来说是非常有帮助的。同时这三东西是web开发中最基础最简单的技术。如果在开发Ember应用的过程中遇到这三个技术相关难题请回来看看这篇文章。

HTML

文本标记语言(HTML)是用于指定网页布局的语言。它是一种标记语言，可以声明性地定义内容的结构，因此功能非常强大。 Ember提供了一种扩展HTML的模板语言，并提供了使该结构动态化的工具。
更多有关HTML的相关资料请移步：https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics

CSS

CSS(级联样式表)用于设置HTML样式。 HTML列出了基本结构，而CSS提供了该结构应如何在浏览器中显示的规则。
更多有关CSS相关的资料请移步：https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps

JavaScript

JavaScript是网络的主要脚本语言。大多数Ember应用程序中都包含一些JavaScript代码。Ember是一个面向模块的框架，并非所有开发人员在使用Ember应用程序时都需要使用JavaScript。但是你懂JavaScript对开发Ember应用更加有用。更多有关JavaScript的资料可以从下面的地址找到：

Mozilla's JavaScript Tutorial：https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript非常全面JavaScript资料，MDN文档是学习JavaScript和Web API的首选资源。

javascript.info：https://javascript.info/一份详尽的交互式指南，可指导您从基础到熟悉。这对于没有编程经验的初学者来说非常不错。

ES6 for humans ：https://github.com/metagrover/ES6-for-humans对于已经熟悉JavaScript的开发者，这是一份非常好的进阶资料。

另外，Ember团队推荐更加深入的内容，理解这些内容对于你学习Ember非常有帮助，也是非常重要前提资料。

Classess

类是许多JavaScript框架的基础，Ember也不例外，在Ember框架中大量使用到类结构。

Modules

如果你熟悉JavaScript的模块，更有助于你理解Ember CLI的项目结构和类的导入。

Promisess

JavaScript代码中处理异步的本机方法。请参阅相关的Mozilla Developer Network(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)部分。此外，现代async/await功能语法也很不错。

JavaScript Classes

Ember的组件(Component)、路由(route)、服务(Service)都用了JavaScript类结构。

比如下面代码定义了一个Controller类。

export default class PersonController extends Controller {  @tracked firstName = 'Yehuda';  @tracked lastName = 'Katz';  get fullName() {    return `${this.firstName} ${this.lastName}`;  }}

上面的这个类中大部分代码都是JavaScript已经有的功能，除了几个Ember特有的之外，比如@tracked ，这个注解是Ember特有的。

Decortators(装饰器)

装饰器是用户定义的修饰符，可以将其应用于类或类元素(例如字段或方法)以更改其行为。例如，您可以创建一个@cache装饰器，该装饰器在第一次计算getter的返回值时将其缓存：

import { cache } from 'my-cache-decorator';class Counter {_count = 0;@cache get count() {return this._count++;}}let counter = new Counter();console.log(counter.count());  // 0console.log(counter.count());  // 0

装饰器不仅仅是可以作用在函数上，也可以用在类上或者类属性上。

@observableclass  Person {}class Person {fullName = 'ubuntuvim';@alias('fullName') name;}let ub = new Person();// 可以直接使用装饰器定义的别名console.log(ub.name);

注意：装饰器(decorator)目前仍然在开发中，在JavaScript中是一个新的特性，在后面的JavaScript版本有可能会有变，但是Ember框架中引入的装饰器会尽量保持稳定，不建议你在Ember的项目中引入其他项目的装饰器。因为Ember无法保证其稳定性。