面试基础题目
关注
分享
扫一扫
文章平均质量分 67
web面试
wyk760629476
没有bug，制造bug也要上
展开
-
es6的新特性
calss class是ES6提供的更接近于传统语言的的写法,作为对象的模板.通过class关键字,可以定义类 class写法只是一个语法糖,它只是让对象原型的写法更加清晰,更像面向对象编程的语法 module export导出，给出对外可以导入使用的权限 // 一般方法的导出 function a(){} let b=10 export {a,b} import{a as funb,b} from './export/index.js' // 默认导出 export defaul..原创 2021-05-26 16:24:48 · 91 阅读 · 0 评论 -
vue中使用v-for为什么要添加key
举例说明 添加key后可以确保选中的数据不被修改，使用index时候如果数据比较简单还是会根据位置更新-----------添加之后被选中数据不变------------------> <div id="app"> <div> <button @click="add">添加</button> </div> <!-- 不添加key --> <ul> &原创 2021-05-18 15:59:35 · 426 阅读 · 0 评论 -
详述call,apply和bind的区别
简介:js中的每个函数都指向Funcion.prototype对象,继承Function,所以都含有call,apply,和bind三个函数,三个函数的作用就是改变函数中的this的指向 使用 thisObject作为第一个参数传给函数,使函数中的this指向thisObject fn.call(thisObject,params1,params2....) fn.apply(thisObject,[params1,params2,....]) fn.bind(thisObject,par.原创 2021-04-23 18:55:29 · 104 阅读 · 0 评论 -
常用的HTML标签有哪些?对HTML语义化的理解描述
p段落标签 a超链接 header头部 main主体 footer页脚 sesion分节 nav导航 side侧边 .......html语义化指的是让标签具有自己的含义.在代码层次表达出开发人员的思路.架构清晰,便于维护.没有css样式的情况下也可以清晰代码描述的内容比如header没有css也知道是个头部,而尽量不用div,p,span等,要用strong代替b,em代替i...原创 2021-04-25 10:25:53 · 163 阅读 · 0 评论 -
行内元素有哪些?块级元素有哪些？ 空(void)元素有那些
css规范规定,元素都有一个属性display,他的值是inline就是行内元素,值为block就是块级元素, 行内元素:不能设置宽高,宽度默认自身宽度,一行可以显示多个行内元素,padding和margin的水平方向设置会生效,竖直方向不生效.常用行内元素如下 a - 锚点 b -加粗 span -图片 select -选择框 strong -强调 input -输入框 button -按钮 sup -上标 sub -下标 em ...原创 2021-04-25 14:26:06 · 229 阅读 · 0 评论 -
cookies，sessionStorage , localStorage和 indexDB 的区别
四个都是浏览器做数据缓存的 区别 存储方式 cookies sessionStorage localStorage indexDB 存储大小 4K 5M 5M 无限制 与后端联系 后端返回,在返回请求头部 无 无 无 生命周期 后端可以设置过期时间 浏览器关闭失效 手动释放 手动释放 使用 cookies sessio..原创 2021-04-25 15:46:47 · 342 阅读 · 0 评论 -
如何实现浏览器多个标签页内通信
localstorage // 赋值let student1 = {id: '2013010818', name: 'wangyakun', sex: 'woman', age: 20}loaclStorage.setItem('student', student1)// 取值loaclStorage.getItem('student')// 删除loaclStorage.removeItem('student') 在一个标签页中添加数据,另一个标签页可以直接获取该值 h5标签,原创 2021-04-26 15:56:12 · 154 阅读 · 0 评论 -
js原型及原型链
属性 prototype: js中每个构造函数都有prototype对象.所有实例对象需要共享的方法和属性放到prototype对象里,不要共享的就放在构造函数中 prototype不用手动声明. 设置方法 function Animal(name){ this.name = name}// 设置需要共享的属性Animal.prototype.sayName = function(){ console.log(this.name)}// 创建实例let .原创 2021-04-26 17:51:52 · 97 阅读 · 0 评论 -
HTML dataset 的用途?( HTMLElement.dataset)
HTML5规定,可以给元素添加非标准的属性,就是提供与渲染无关,或者提供语义信息的属性,可以随意添加,任意命名 添加属性必须以data-做前缀 使用时候直接用元素的dataset属性,即可获取对应的属性值 使用驼峰命名 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>&l原创 2021-04-26 20:03:06 · 778 阅读 · 0 评论