JavaScript
老李的花花世界
这个作者很懒,什么都没留下…
展开
-
2021 前端面试题及答案
废话不多说直接上干货1.js运行机制JavaScript单线程,任务需要排队执行 同步任务进入主线程排队,异步任务进入事件队列排队等待被推入主线程执行 定时器的延迟时间为0并不是立刻执行,只是代表相比于其他定时器更早的被执行 以宏任务和微任务进一步理解js执行机制 整段代码作为宏任务开始执行,执行过程中宏任务和微任务进入相应的队列中 整段代码执行结束,看微任务队列中是否有任务等待执行,如果有则执行所有的微任务,直到微任务队列中的任务执行完毕,如果没有则继续执行新的宏任务 执行新的宏...原创 2021-03-04 22:49:08 · 27992 阅读 · 18 评论 -
promise的构造函数是异步执行还是同步执行?
构造函数是同步的then是异步的看代码let promise= new Promise((resolve,reject)=>{ consoloe.log(1) resolve() console.log(2) })promise.then(()=>{ console.log(3)})console.log(4)执行结果:12原创 2021-03-04 18:59:59 · 1007 阅读 · 1 评论 -
Vue.js devtools
发现 chrome 拓展 Vue.js devtools 那个图标亮了,但打开控制台没有 Vue 这个选项。后面修改了项目入口文件:mian.jsVue.config.devtools = true;原创 2021-03-04 11:12:45 · 468 阅读 · 1 评论 -
Vue的三种路由模式
路由模式解析这里要讲vue-router的路由模式,首先要了解的一点就是路由是由多个URL组成的,使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有所了解就会知道,浏览器中对页面的访问是无状态的,所以我们在切换不同的页面时都会重新进行请求。而实际使用vue和vue-router开发就会明白,在切换页面时是没有重新进行请求也没有重新刷新页面,使用起来就好像页面是有状态的,这是什么原因呢。这其实是借助了浏览器的History API来实现的,这样可以使得页面跳转而不刷新,页原创 2021-03-03 19:31:49 · 9590 阅读 · 1 评论 -
js获取字符串里面字面最多的字母
var str = "abcdefgssdd"; var obj = {}; var letter; for(var i = 0,len = str.length;i<len;i++){//遍历所有的str letter = str[i]; if(!obj[letter]){//如果为obj[letter]没有值就为false obj[letter]=1;//把obj...原创 2018-10-17 20:21:19 · 419 阅读 · 0 评论 -
2018前端面试题汇总(更新中)
1.var name='jay' var pe={ name:'kang', getname:function () { console.log(this); return this.name } }; console.log(pe.getname()); var pe1=pe.getname;...原创 2018-10-12 09:07:03 · 554 阅读 · 0 评论 -
javascript常见的正则表达式
/* 字符集: 匹配任意一个: [] 范围匹配: [a-zA-Z0-9] 排除匹配: [^a] 字符: \d 数字 [0-9] \s 空格 换行和缩进符 \w 字母和数字 [0-9a-zA-Z] \D 非数字 ...原创 2018-09-14 15:09:45 · 158 阅读 · 0 评论 -
javascript String字符串
/* String length 字符串长度 索引 0开始 str[索引] */ // var str='hello '; // console.log(str.length);//字符串中字符的个数 // var str=new Stri...原创 2018-09-13 18:57:40 · 134 阅读 · 0 评论 -
javascript 创建并导入自定义库
//先创建一个js格式写入//创建对象function $(){ return new Base();}function Base(){ this.ele=[];//保存节点对象}//添加方法Base.prototype.getID=function(id){ var o=document.getElementById(id); this.el...原创 2018-09-18 09:02:17 · 1264 阅读 · 0 评论 -
js全选/全不选/反选 简洁版
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type原创 2018-09-12 11:52:01 · 132 阅读 · 0 评论 -
js查找对象方法
查找节点:(1)根据ID查找元素 返回值document.getElementById(id ) ele或者null(2)根据标签名查找节点对象getElementsByTagName 集合能被document和节点对象调用document.getElemetsByTagNam...原创 2018-09-12 11:49:04 · 7057 阅读 · 0 评论 -
js全选/全不选/反选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>全选练习</title><style type="text/css"> &原创 2018-09-12 10:15:24 · 181 阅读 · 0 评论 -
js数组直接存储数据
李四:90 王五:100 赵六:19 Jack:78 // var arr=[['李四',90],['王五',100]]; var arr=[]; arr['李四']=90; arr['王五']=100; arr['赵六']=19; // console.log(arr['李四']); // console.log(arr,arr...原创 2018-09-12 09:55:12 · 5583 阅读 · 0 评论 -
js 数组不限长度,不限类型
var arr=[[true,20],[false,30],[true,4],['hello',100]]; 求数组arr中所有数字的和 var sum=0; for(var i in arr){ sum+=arr[i][1]; } console.log(sum); console.log(arr ...原创 2018-09-12 09:53:26 · 2248 阅读 · 0 评论 -
js数组‘录入4位学生的成绩,求平均分和总分(用函数实现)’
//录入成绩 function getStudnet(){ var scores=[];//保存成绩 for(var i=0;i<4;i++){ scores[i]=parseFloat(prompt('请输入学生成绩')); } return scores; } //求和 function getSum(...原创 2018-09-12 09:51:56 · 12916 阅读 · 0 评论 -
js数组‘原始数据类型和引用类型的区别
//原始数据类型和应用类型区别: 基本数据类型 数据存储发生在栈内存中 引用数据类型存储 分两步 在堆中保存数据,在栈中保存数据的地址(堆地址)实例/* 1.用函数实现在数组尾部插入数字20(不修改原数组) */ //数组为引用类型 传参传递是地址 var arr=[2,3,4,7,90]; function insert(item,arr){...原创 2018-09-12 09:50:40 · 830 阅读 · 0 评论 -
js调取当前系统时间年月日星期
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #box{width: 300px;height: 70px;bord原创 2018-09-11 19:37:52 · 506 阅读 · 0 评论 -
js简单计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type原创 2018-09-11 19:36:53 · 205 阅读 · 0 评论