12
2020
04

localstorage设置过期时间?

答:function set(key,value){var curTime = new Date().getTime();localStorage.setItem(key,JSON.stringify({data:value,time:curTime}));} function get(key,exp){var data = localStorage.getItem(key);var dataObj = JSON.parse(data);if (new Date().getTime()
12
2020
04

几种常用的数据存储的方式,优缺点

答:浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在浏览器端,session保存在服务器端2、使用方式:(1)cookie机制:如果不在浏览器中设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时
12
2020
04

es6中常用到的方法和特性

答:A、定义函数es6写法:var human = {    breathe(name) {   //不需要function也能定义breathe函数。        console.log(name + ' is breathing...');    }};human.breathe('jarson');   //输出 ‘jarson is breathing..
12
2020
04

写一个面向对象的例子

答:  function Cat(name,color){this.name = name;this.color = color;}Cat.prototype.type = "猫科动物";Cat.prototype.eat = function(){alert("吃老鼠")};var cat1 = new Cat("大毛","黄色");var cat2 = new Cat("二毛","黑
12
2020
04

写一个数组去重的方法?

答:a、利用对象属性Array.prototype.distinct = function (){ var arr = this,  i,  obj = {},  result = [],  len = arr.length; for(i = 0; i< arr.length; i++){  if(!obj[arr[i]]){ //如果能查找到,证明数组元素重复了   obj[arr[i]] = 1;
12
2020
04

常用的数组操作的方法有哪些?

答:forEach()、sort()、reverse()、push()、unshift()、splice()、pop()、shift()、concat()、indexOf();join() 
12
2020
04

常用的数据类型有哪些?哪些是值类型哪些是引用类型?

答:a、基本数据类型和引用数据类型ECMAScript包括两个不同类型的值:基本数据类型和引用数据类型。  基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象。  当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是基本类型值还是引用类型值。b、常见的基本数据类型:Number、String 、Boolean、Null和Undefined。基本数据类型是按值访问的,因为可以直接操作保存在变量中的实际值。示例:var a = 10;var b = a;b = 20;con
12
2020
04

文本超出部分省略号怎么写?

答:width:固定;height:100px;overflow:hidden;white-space:no-wrap;text-overflow:ellipsis;
12
2020
04

用什么方法区分移动端还是pc端或者是微信app还是自己的官方app?

答:window.navigator.userAgent来匹配对应字段;
12
2020
04

有哪些常用的浏览器对象方法?

答:window对象History 对象Location Navigator
12
2020
04

用到了关于h5的哪些新特性?

答:· 新增选择器 document.querySelector、document.querySelectorAll· 拖拽释放(Drag and drop) API· 媒体播放的 video 和 audio· 本地存储 localStorage 和 sessionStorage· 离线应用 manifest· 桌面通知 Notifications· 语意化标签 article、footer、header、nav、section· 增强表单控件 calendar、date、time、email、
12
2020
04

如何实现布局左边固定宽度右边自适应?

答:a.left{width:200px;float:left;background:red;}.right{overflow:hidden;background:blue;}B、.container{display:flex;/*设为伸缩容器*/ }.left{width:200px;border: 2px solid blue;background:red;}.right{border: 2px solid yellow;flex:1;/*这里设置为占比1,填充满剩余空间*/&nb
08
2020
04

如何使元素垂直水平居中?

答:a、知道具体宽高:父级定位,子级定位,宽高300px.container {    position: absolute;    left: calc(50% - 150px);    top: calc(50% - 150px);    width: 300px;    height: 300px;    border: 1px solid red;}或者.contain