说说flex布局 javascript 创建对象的几种方式
时间: 2023-06-28 10:16:18 浏览: 101
js创建对象的几种方式
好的,我会分别回答你的两个问题。
1. Flex布局是一种流式布局方式,它通过对容器和子元素的属性设置,实现了灵活的布局。在CSS3中,我们可以使用display属性来设置Flex布局,具体方式如下:
```
.container {
display: flex;
}
```
另外,还有一些属性可以用来控制Flex布局,比如justify-content、align-items、flex-wrap等,这些属性都可以用来调整Flex布局的效果。
2. 在JavaScript中,创建对象的方式有以下几种:
- 使用对象字面量的方式:
```
var obj = {
name: 'John',
age: 18,
gender: 'male'
};
```
- 使用构造函数的方式:
```
function Person(name, age, gender) {
this.name = name;
this.age = age;
this.gender = gender;
}
var person = new Person('John', 18, 'male');
```
- 使用Object.create()方法的方式:
```
var person = Object.create(null);
person.name = 'John';
person.age = 18;
person.gender = 'male';
```
- 使用工厂函数的方式:
```
function createPerson(name, age, gender) {
var person = {};
person.name = name;
person.age = age;
person.gender = gender;
return person;
}
var person = createPerson('John', 18, 'male');
```
阅读全文