前言:
此刻兄弟们对“cssbasics”大约比较关切,看官们都需要了解一些“cssbasics”的相关内容。那么小编也在网上汇集了一些对于“cssbasics””的相关资讯,希望你们能喜欢,各位老铁们一起来了解一下吧!Ember是运行在浏览器上的框架,也就意味着他可以无缝的支持HTML、CSS和JavaScript,这对于初学者来说是非常有帮助的。同时这三东西是web开发中最基础最简单的技术。如果在开发Ember应用的过程中遇到这三个技术相关难题请回来看看这篇文章。
HTML
文本标记语言(HTML)是用于指定网页布局的语言。它是一种标记语言,可以声明性地定义内容的结构,因此功能非常强大。 Ember提供了一种扩展HTML的模板语言,并提供了使该结构动态化的工具。
更多有关HTML的相关资料请移步:
CSS
CSS(级联样式表)用于设置HTML样式。 HTML列出了基本结构,而CSS提供了该结构应如何在浏览器中显示的规则。
更多有关CSS相关的资料请移步:
JavaScript
JavaScript是网络的主要脚本语言。大多数Ember应用程序中都包含一些JavaScript代码。Ember是一个面向模块的框架,并非所有开发人员在使用Ember应用程序时都需要使用JavaScript。但是你懂JavaScript对开发Ember应用更加有用。更多有关JavaScript的资料可以从下面的地址找到:
Mozilla's JavaScript Tutorial:非常全面JavaScript资料,MDN文档是学习JavaScript和Web API的首选资源。
javascript.info:一份详尽的交互式指南,可指导您从基础到熟悉。这对于没有编程经验的初学者来说非常不错。
ES6 for humans :对于已经熟悉JavaScript的开发者,这是一份非常好的进阶资料。
另外,Ember团队推荐更加深入的内容,理解这些内容对于你学习Ember非常有帮助,也是非常重要前提资料。
Classess
类是许多JavaScript框架的基础,Ember也不例外,在Ember框架中大量使用到类结构。
Modules
如果你熟悉JavaScript的模块,更有助于你理解Ember CLI的项目结构和类的导入。
Promisess
JavaScript代码中处理异步的本机方法。请参阅相关的Mozilla Developer Network()部分。此外,现代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无法保证其稳定性。
标签: #cssbasics