Ember.js面试问题

Ember.js是一个开源的JavaScript web框架，它专注于构建适当的、可伸缩的Web应用程序。下面是一些可能会在Ember.js面试中问到的问题。

知识点

• Ember.js的生命周期是什么？
• Ember.js的路由器（Router）是什么，有哪些方法和属性？
• 如何在Ember.js中创建组件（Component）？
• Ember.js的依赖注入（Dependency Injection）是什么？
• Ember.js中的ORM是什么，如何使用ORM？
• Ember.js中的服务是什么？ 如何使用服务？
• Ember.js中的计算属性（Computed Properties）是什么？如何使用计算属性？
• Ember.js如何使用Mixins？为什么要使用Mixins？
• Ember.js如何处理异步请求？

示例代码

import EmberRouter from '@ember/routing/router';
import config from './config/environment';

class Router extends EmberRouter {
  location = config.locationType;
  rootURL = config.rootURL;
}

Router.map(function() {
  this.route('about');
});

import Component from '@glimmer/component';
import { inject as service } from '@ember/service';

export default class MyComponent extends Component {
  @service myService;

  constructor() {
    super(...arguments);
    this.myService.doSomething();
  }
}

import Service from '@ember/service';

export default class MyService extends Service {
  async fetchData() {
    const response = await fetch('/api/data');
    const json = await response.json();
    return json;
  }
}

import Mixin from '@ember/object/mixin';

export default Mixin.create({
  init() {
    console.log('Mixin initialized');
    this._super(...arguments);
  }
});

Markdown

知识点

• Ember.js的生命周期是什么？
• Ember.js的路由器（Router）是什么，有哪些方法和属性？
• 如何在Ember.js中创建组件（Component）？
• Ember.js的依赖注入（Dependency Injection）是什么？
• Ember.js中的ORM是什么，如何使用ORM？
• Ember.js中的服务是什么？ 如何使用服务？
• Ember.js中的计算属性（Computed Properties）是什么？如何使用计算属性？
• Ember.js如何使用Mixins？为什么要使用Mixins？
• Ember.js如何处理异步请求？

示例代码

```javascript
import EmberRouter from '@ember/routing/router';
import config from './config/environment';

class Router extends EmberRouter {
  location = config.locationType;
  rootURL = config.rootURL;
}

Router.map(function() {
  this.route('about');
});

import Component from '@glimmer/component';
import { inject as service } from '@ember/service';

export default class MyComponent extends Component {
  @service myService;

  constructor() {
    super(...arguments);
    this.myService.doSomething();
  }
}

import Service from '@ember/service';

export default class MyService extends Service {
  async fetchData() {
    const response = await fetch('/api/data');
    const json = await response.json();
    return json;
  }
}

import Mixin from '@ember/object/mixin';

export default Mixin.create({
  init() {
    console.log('Mixin initialized');
    this._super(...arguments);
  }
});