学习总结

最新推荐文章于 2022-05-15 16:12:07 发布

那是遇知吧

最新推荐文章于 2022-05-15 16:12:07 发布

阅读量114

点赞数

分类专栏：全部总结-2

本文链接：https://blog.csdn.net/weixin_41406727/article/details/106661220

版权

全部总结-2 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1：如何合并多个对象

答：object.assign()或扩展函数...

2:如何改变this作用域？

答：apply()或call(),bind()

3:settimeout的this指向是什么

答：指向window

4：获取对象的键或者值

答：Object.keys(obj) 、Object.values(obj)

参考：Ⅶ期Day2：创建对象、原型、属性的查询与设置

5：基本类型与引用类型

基本：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
引用：对象(Object)、数组(Array)、函数(Function)。

6：基本类型和引用类型的区别

答：传值与传址

7：栈内存（stack）和堆内存（heap）

栈：自动分配内存空间，系统自动释放，里面存放的是基本类型的值和引用类型的地址
堆：动态分配的内存，大小不定，也不会自动释放。里面存放引用类型的值。

8：如何判断数据类型

typeof (基本数据类型)
instanceof (引用类型(对象类型))
Object.prototype.toString.call (对象的一个原生原型扩展函数,用来更精确的区分数据类型)
constructor 也能判断数据类型
Array.isArray()(判断是否是数组)

9：面向对象的三大特性

答：封装、继承、多态

10：什么是AJAX?

答：AJAX=AsynchronousJavaScriptandXML（异步的 JavaScript 和 XML）是一种用于创建快速动态网页的技术，使网页实现异步更新。

11: 什么是跨域？
答：跨域是指从一个域名的网页去请求另一个域名的资源。只要协议、域名、端口有任何一个不同，都被当作是不同的域。

12：浅拷贝与深拷贝

答：浅拷贝：对象（for，扩展函数，Object.assign({},obj)）;数组（for，slice，concat，扩展函数，Array.from()）;

深拷贝：递归，JSON.stringify()无构造器。

13：JS原生常用方法

获取属性：getAttribute('属性名');
设置属性：setAttribute('属性名','值');
移出属性：removeAttribute('属性名');
追加元素：appendChild
删除元素：removeChild

14：display与visibility区别？

display='none'//不占位
visibility='hidden'//占位
opacity=0；//占位

15：伪数组变真数组方法？

Array.prototype.slice.call(arguments);
Array.from(arguments);//ES6

16：如何阻止事件冒泡？

stopPropagation

17：数据属性与访问属性？

数据属性：value，writable，enumerable，configurable
访问属性：enumerable，configurable，get(读取属性值的时候调用)，set（值改属性的时候调用）

只有get时，只读不写；只有set，只写不读。configurable为true时可以转换为访问器属性，为false无法转换。

18：具有iterable属性的有那些？

Array，Map，Set都可通过for...of循环遍历

19：如何继承属性？

Object.create();
Object.setPrototypeOf(obj,prototype);

20：立即执行函数

()()
+function(){}()
-function(){}()
;function(){}()

21:common.js AMD CMD:

commonjs、amd、cmd、import同步加载变量赋值过程、异步加载，接受一个回调函数，提前执行、异步按需加载，延迟执行

22:BFC理解与应用

block format context,块级格式化上下文
一块独立渲染区域，内部元素的渲染不会影响边界以外的元素

23:BFC常见应用

清除浮动

24:手写clear fix

.clearfix:after{
content:'';
display:table;
clear:both;
}

25:absolute和relative定位

relative依据自身定位
absolute依据最近一层的定位元素定位，没有最近定位位置就以body定位

26:居中对齐的实现

水平居中
inline元素：text-align:center
block元素：margin:auto;
absolute元素：left:50%+margin-left负值
垂直居中
inline元素：line-height的值等于height值
absolute元素：transform（-50%，-50%）
absolute元素：top:50%+margin-top负值
absolute元素：top，left,bottom,right=0+margin:auto
27:css编写三角形:

div {
    width: 0;
    height: 0;
    border: 40px solid;
    border-color: transparent transparent red;
}