javascript
文章平均质量分 53
Waste~
这个作者很懒,什么都没留下…
展开
-
前端常见的面试题
最近整理的几道常见的面试题1.px和em的区别?答:px和em都是长度单位,区别是,px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。2.BFC是什么?答:BFC(块级格式化上下文),一个创建了新的BFC的盒子是独立布局的,盒子内元素的布局不会影响盒子外面的元素。在同一个BFC中的两个相邻的盒子在垂直方向发生margin重叠的问题BFC是指浏览器中创建了一个独立的渲染区域,该区域内所有元素的布局不会影响到区域外元素的布局,这个渲染区域只对块级原创 2021-05-24 19:07:03 · 158 阅读 · 0 评论 -
JavaScript中怎样实现阻断执行
第一种:break可以打断for循环//找到10-100以内的第一个7的倍数for(var i = 10;i<100;i++){if(i % 7 ===0){ console.log(i) //这里我们可以写一个break打断for的循环 不让他在进行循环 break}}下面我们看一下输出结果如图所示:第二种:return 他后面的代码不会再执行了function fn(){ return 123 console.log('这是后原创 2021-05-19 20:56:49 · 6769 阅读 · 2 评论 -
async和await
首先我们来了解一下async的作用:简化在函数返回值中对promise对象的创建,用于修饰函数 放在函数声明的最前面 被修饰的函数返回值一定是一个Promise对象async的简单使用1.函数声明形式写法,他会当一个关键字放入到函数最前面//astnc function fn(){ return "你好";}如何调用呢?async也是函数啊,所以他和普通函数调用是没有什么区别的,我们可以直接加括号就好。下面我们通过console.log运行一下 async function fn()原创 2021-05-19 20:10:10 · 147 阅读 · 0 评论 -
异步加载的方法
1.可用用script标签的async=“async”的属性写法:<script scr="d1.js" async="async"></script>注意事项:是html5新增的属性,适用于谷歌浏览器,火狐,ie9支持(ie6-8都不支持)2.可用用script标签的defer=“defer”的属性写法:<script defer="defer"><script>注意事项:属性会对脚本延迟,知道页面都加载完成为止,适用于所有的浏览器,3.原创 2021-05-17 19:41:01 · 109 阅读 · 0 评论 -
数组的解构赋值的使用方法注意事项
首先我们来了解一下什么叫解构赋值ES6允许使用按照一定的模式 从数组或者对象中进行取值 对变量进行赋值 这个过程叫做解构赋值 //var变量的赋值 //var a = 1; // var b = 2; //var c = 3; //var a = 1, b = 2, c = 3; //let数组赋值解构 let [a, b, c] = [1, 2, 3]; consol原创 2021-05-17 19:04:59 · 365 阅读 · 0 评论 -
let和const的使用
标题简介首先我们先了解一下letlet 是ES6新增的声明变量的语法 作用类似于vares6以前的是没有块级作用域的let声明的变量特点使用let声明的变量 只在let所在的代码块起作用 (变量绑定)在同一代码块内(块级作用域) 使用let声明的变量 可以重新赋值 但是不能重新声明let声明的变量 必须在声明之后才能使用(不存在变量提升)暂时性死区在全局作用域内使用let声明的变量 但是不属于全局对象的属性1、使用let声明的变量 只在let所在的代码块起作用 (变原创 2021-05-17 09:47:31 · 259 阅读 · 0 评论 -
ajax请求步骤和封装
简介首先带大家了解一下什么是ajaxajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。那么如何使用ajax呢?第一步创XMLHTTPRequest对象 var xhr = new XMLHttpRequest();第二步使用open方法设置和服务器的交互信息//get请求方式xhr.open('get','getStar.php);//post请求方式xhr.open('post','getStar.php);第三步发送请求xhr.sen原创 2021-05-05 21:56:38 · 332 阅读 · 1 评论 -
symbol类型
简介symbol是es6新增的第6中原始类型表示一个不可重复的值,不是函数,不能通过new调用一下 我们用typeof来检测一下看一下他是什么类型let a = Symbol();console.log(typeof s) //"symbol"解析:以上代码中,这个let变量a就是一个毒医无二的值。typeof检测结果,这个变量a是Symbol数据类型,并不是字符串类型或其他的类型注意点 上面说过sybol函数不能用new来调用,不然会报错啊下面我们看看看symbol函数是否可以接受字符串原创 2021-05-05 21:36:40 · 160 阅读 · 1 评论 -
window.onload和$(document).ready()的不同
1.首先 他们的执行时机不同window.onload:一定会等到页面内容包括(图片,视频,元素等…)加载全部完毕后才执行。$(document).ready()是等DOM渲染树绘制完成后执行,他不用等到加载后执行。2.编写次数不同windows.onload:他不可写多个,要是写多个的话,他只会执行一个其他的会被覆盖掉这里我们可以看一下 window.onload = function(){ console.log("onload1"); }原创 2021-04-19 20:37:01 · 177 阅读 · 0 评论 -
Array数组的排序sort()方法
数组sort排序sort比较次数,sort用法,sort常用描述如果想按照别的顺序进行排序,就必须提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数a和b,其返回值如下:如果根据你的评判标准,a小于b,在排序后的数组中a应该出现在b之前,就返回一个小于0的值。如果a等于b,就返回0。如果a大于b,就返回一个大于0的值。1、对数字数组进行由小到大的顺序进行排序。代码如下:var arr = [22,12,3,43,56,47,4];ar原创 2020-12-12 11:51:14 · 2480 阅读 · 0 评论 -
Chrome之js断点调试方法
方法/步骤1.Chrome开发者工具断点调试第一步:打开开发者工具,按F12或者在浏览器页面上右键选择经常第二步:在Source面板找到需要调试的文件第三步:设置断点第四步:触发调试部分程序的运行,开始调试调用过程常用的按钮及快捷键:跳到下一个断点:点击Sources面板右侧的 “三角按钮”快捷键 : F8跳到下一步 : 点击Sources面板右侧的第二个按钮快捷键 : F10跳进断点处的方法中:点击Sources面板右侧第三个按钮快捷键 : F11跳进原创 2020-12-05 17:33:12 · 2395 阅读 · 0 评论 -
push()数组合并的方法
语法arr.push(element1, …, elementN)参数elementN解析:被添加到数组末尾的元素。返回值:当调用该方法时,返回新的length属性值push()方法可以将一个或者多个元素添加到数组末尾,并且返回数组的新长度(length)使用方法2.没使用push()之前var arr =['d1','d2','d3','d4'];console.log(arr);代码运行结果如下:2.1使用push()方法之后var arr =['d1',原创 2020-12-05 15:02:24 · 971 阅读 · 0 评论 -
三元表达式的使用方法
1 三元表达式:表达式?结果1:结果2;如果表达式结果为true,执行结果1,如果表达式结果为false,执行结果2.可以理解为if else 的另外一种写法。例: var a = 10; a%2==0?alert("偶数"):alert("奇数");三元表达式也能做一些简单的条件选择,有三元运算符组成的式子成为三元表达式var num = 10; var result = num > 5 ? '是的' : '不是'; alert(result);原创 2020-11-30 13:13:31 · 7532 阅读 · 0 评论 -
变量的定义和使用
变量的定义和使用什么是变量变量变量是存储数据信息的容器,用于保存数据。内存:存取速度快,数据容易丢失硬盘:存取速度慢,数据永久保存程序在运行中,仅和内存打交道变量名:内存空间的别名,可以自定义但凡需要自定义命名的位置,都叫做标识符变量值: 保存在变量中的数据, [在内存中通过十六进制的方式进行唯一的地址存储]比如:x=2;y=3;z=x+y;这些字母就称为JavaScript的变量,变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。一、变量的命名规则变量可原创 2020-11-22 19:15:38 · 1182 阅读 · 0 评论