前端学习2-JavaScript

1.(` `) 反引号符号的作用

使用反向标记作为分隔符，允许嵌入基本的字符串插值表达式，然后自动解析和评估它们。` 内的字符被解释为字符串文字，内插字符串文字的一个非常好的好处是允许它们分成多行。

` `和' ' 的使用场景的区别：` `内包含需要被解析的代码，' ' 里面放普通字符串或html代码；

2.${..}形式的任何表达式都会立即进行内联解析和评估。

3.alert怎么换行

例： alert('姓名：' + myname + "\n" + '年龄：' + age + "\n" + '性别：' + sex);

4.随机数

（1）math.random()函数

取值范围：0.0~1.0；

例如：var a:Number=Math.random()*2+1，设置一个随机1到3的变量。

（2）math.round()函数

Math.round(x)表示将x参数进行四舍五入，x必须为数字。

例如：document.write(Math.round(0.60) ) 结果：1

（3）math.ceil()函数

Math.ceil(x)返回大于或等于x，并且与之最接近的整数。

注意：如果x是正数，则把小数“入”；如果x是负数，则把小数“舍”。

（4）math.floor()函数

Math.floor(x)返回小于参数x的最大整数,即对浮点数向下取整。

例如：print("floorTest 8.5: ".. math.floor(8.5)) 结果: 8

5.JavaScript 预解析顺序

变量声明、函数体、赋值、调用

6.创建对象的两种方法

（1）利用字面量创建对象，var 对象名={ 键值对 , 键值对}

var obj={

name:'陆小果',

age:'12岁',

skill:function(){

console.log('写诗') ;

}

（2）利用new Object() 创建对象，var 对象名=new Object(); 对象名.属性；

var obj=new Object();

obj.name='陆小果';

obj.age='18岁';

obj.skill=function(){

console.log('写诗');

}

7.构造函数，封装的是对象；对象内有属性和方法。

8.为什么用getElementByTagName无法获取事件源

因为getElementsByTagName返回的是伪数组，想获取元素需要加索引号，

如：var div = document.getElementsByTagName('div')[0];

9.对象跟方法的使用

（1）document可以直接调用方法，不需要实例化一个对象；

var img = document.querySelector('img');

很多对象都需要先实例化，再调用方法。

（2）使用Date()，要先实例化对象，再调用相应的方法。

var date = new Date();

var h = date.getHours();

（3）元素本来有的属性

div.innerHTML = '亲，下午好，好好写代码';

10.节点概述，不同节点类型对应不同的字符串值，其中

元素节点 1

属性节点 2

文本节点 3

11.为什么for循环后不能用某发个数组执行想要的效果

for (var i = 0; i < tab.length; i++) {

tab[i].onclick = function () {

// console.log(11);

//排他，先清空其他的效果，再引入当前的效果

for (var i = 0; i < tab.length; i++) {

tab[i].className = '';

}

console.log(i);

this.className = 'current'; //tab[i]是错的

//排他，将所有都先隐藏，只显示当前的

for (var i = 0; i < tab.length; i++) {

item[i].style.display = 'block';

}

// item[i].style.display = 'none'; //为什么是错的

//给每个小li设

}

答：这里的tab[i]和item[i]都在循环外，且i经过循环已经有特定的结果了，且结束循坏的i值已经不在范围内，不会有结果。

参考链接：web前端js，tab栏问题 lis[i].style.display = 'block';//为什么这句话不行，为什么这样不行啊web前端js，tab栏问题 lis[i].style.display = 'block';//为什么这句话不行，为什么这样不行啊_百度知道

12.面试问题

事件委托的核心原理：给父节点添加侦听器，利用事件冒泡影响每一个子节点

13.为什么在setInterval会越来越快？

越来越快是因为每次调用setInterval过后，没有通过clearInterval()来删除它，导致多次效果叠加，于是表现出越来越快。

14.offsetTop是元素距离页面顶部的距离，不会随着屏幕滚动而改变；

pageYOffset 是页面被卷去的顶部距离，会随着屏幕滚动而变化；

15.两个重叠的绝对定位，背景颜色谁展示在前面，取决于谁的HTML代码写在更下面。

前端学习2-JavaScript相关推荐

零基础web前端学习之JavaScript 和css 阻塞
web前端学习之JavaScript 和css 阻塞,JavaScript 是客户端和服务器端的脚本语言,可以插入HTML 页函中, 并且是目前较热门的Web 开发语言.同时, JavaScript ...
前端学习记录 —— JavaScript（一）
前端学习记录 -- JavaScript(一) 前言一.初识 JavaScript JavaScript 的特点 JavaScript的作用编程语言与标记语言的区别 HTML/CSS/JS 的关系 ...
前端学习笔记——JavaScript进阶
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.JavaScript 面向对象 1. 面向对象编程介绍 1.1 两大编程思想 1.2 面向过程编程 1.3 面向对 ...
重学前端-学习笔记-JavaScript对象
说明重学前端是程劭非(winter)在极客时间开的一个专栏,在此主要整理我的学习笔记.如有侵权,请联系我,谢谢. javascript对象特征对象具有唯一标识性:完全相同的两个对象,也不是同一个对 ...
前端学习之 JavaScript基础
一. JavaScript简介 1. JavaScript的历史背景介绍 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版.这是历史上第一个比较成熟的网络浏览器,轰动一时 ...
Web前端学习笔记——JavaScript之数组、函数、作用域
数组为什么要学习数组之前学习的数据类型,只能存储一个值(比如:Number/String.我们想存储班级中所有学生的姓名,此时该如何存储? 数组的概念所谓数组,就是将多个元素(通常是同一类型)按 ...
前端学习，JavaScript实战总结
文章目录声明JavaScript变量 JavaScript 使用=为变量赋值 JavaScript 使用=为变量赋初始值理解JavaScript未定义变量理解JavaScript变量的大小写敏感 ...
前端学习之JavaScript学习-2021-09-2029
JavaScript学习 1.什么是JavaScript 1.1.概述 Javascript是一门世界上最流行的脚本语言一个合格的后端人员,必须要精通JavaScript 1.2.历史 JavaSc ...
前端学习之JavaScript——内置对象
1. 内置对象 JavaScript 中的对象分为3种:自定义对象 .内置对象. 浏览器对象前面两种对象是JS 基础内容,属于 ECMAScript: 第三个浏览器对象属于我们JS 独有的内置对 ...
web前端学习day_03:JavaScript:如何使用/ 语法/ 方法/ NaN/ js对象分类/ BOM浏览器相关/ 事件/ DOM文档对象模型
JavaScript 给页面添加动态效果 JavaScript是一门编程语言,和Java没有关系,为了蹭热度. 语言特点: 属于脚本语言,不需要编译直接解析执行. 基于面向对象属于弱类型语言, 强类 ...

前端学习2-JavaScript

前端学习2-JavaScript相关推荐

最新文章

热门文章