Web前端最新学好JavaScript，让自己成为前端的猴赛雷大佬！(五) 完，阿里腾讯PDD等大厂前端面试真题

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

给大家分享一些关于HTML的面试题。

var o2 = {

k:‘345’,

f:fun, //调用fun()函数

}

o1.f();

o2.f();

这里的this，就非常灵性，指向的自然是相对应的k值，this运行在那个对象下，就指向那个对象。

注意函数是否带括号！！！

函数带括号的相当于调用函数：

var o1 = {

age:18,

fun:function () {

console.log(this.age);

}

}

var o2 = {

age:16,

fun:o1.fun(),

}

o2.fun();

上面得到的结构就是18，因为这是调用完成后的结果。

没有带括号的函数：

var o1 = {

age:18,

fun:function () {

console.log(this.age);

}

}

var o2 = {

age:16,

fun:o1.fun, //只是把o1的键值对中的值，给传递过来了。

}

o2.fun();

这里没有带括号，结果就是16，因为fun函数没有被调用执行。

这里的fun:o1.fun就等于

fun:function () {

console.log(this.age);

}

只是把键值对中的值转递过来了，并没有调用。

4.对象的遍历和删除

=======================================================================

遍历语法格式：

for … in

for(键 in 对象)

for

例如：

var o1 = {

name:‘老铁’,

age:18,

sex:‘female’

}

for(var a in o1){

console.log(o1[k]);

}

for … in … 循环不仅可以遍历对象，还可以遍历数组。

删除属性语法格式：

删除属性：delete

例如：

var o1 = {

name:‘老铁’,

age:18,

sex:‘female’

}

console.log(o1); //先看一眼内容

delete o1.age;

console.log(o1); //这时里面应该没有了age属性。

5.包装对象

===================================================================

这里介绍以下三种原始类型：

数值，字符串，布尔

原始类型的数据在一定条件下可以自动转为对象，这就是包装对象。

例如：

var v1 = new Number(123);

console.log(v1);

上面的结果就是Number {123}。

原始值，可以自动当作对象来调用，因此可以调用各种属性以及方法。

如果包装对象使用完成，会自动立即销毁。

例如：

var str = ‘123’;

console.log(str.length);

6.数学对象（标准库对象，内置对象）

===============================================================================

这里记录几个很常用的：

Math.abs() // 函数取绝对值

Math.random() //函数返回一个浮点数，范围在[0,1)之间。

公式：取2到8之间的数字

Math.random()*( 8 - 2 ) + 2

获取 n - m 之间的随机数值

Math.random() * (m - n) + n

往后取特定的范围都这样取值！！！

Math.floor() //返回小于或等于一个给定数字的最大整数。

7.日期对象

===================================================================

实例化构造函数获取时间对象

这里显示的是中国标准时间。

var date = new Date();

console.log(date);

这里显示的是毫秒。

var date2 = Date.now();

console.log(date2);

获取特a定的年月日小时等。

var date3 = new Date();

console.log(date3.getDetHours()); //获取当前小时

console.log(date3.getDate()); //获取当前日

console.log(date3.getFullYear); //获取年份

console.log(date3.getMonth() + 1); //获取月份

这里强调一下，JS中月份的数组是从0开始的，所以要+1。

JS中获取的时间是计算机本地时间。

8.数组Array对象

========================================================================

使用push()方法向数组里面最后一个添加元素：

var arr = [1,2,3,4,5,6,7];

var s = 8;

arr.push(s);

console.log(arr);

使用pop()方法删除最后一个元素：

var arr = [1,2,3,4,5,6,7];

arr.pop();

console.log(arr);

使用slice()方法，由begin和end(不包括end),这里只是提取了一部分，原数组不变：

var arr = [1,2,3,4,5,6,7];

console.log(arr.slice(2,4));

console.log(arr);

使用concat()方法，来合并数组：

var arr = [1,2,3,4,5,6,7];

var arr2 = [‘A’,‘B’,‘C’];

var arr3 = arr.concat(arr2);

console.log(arr);

console.log(arr3);

使用join()方法和分隔符来将所有数组中的元素连接成字符串：

var s = arr.join();

console.log(s);

这里显示的字符串，中间会参杂“ ，”，因此需要分隔符的帮助。

例如：

没有分隔符号：

var s = arr.join(‘’);

console.log(s);

分隔符为‘ - ’：

var s = arr.join(‘-’);

console.log(s);

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】