![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端js面试题
Mangoxin1
这个作者很懒,什么都没留下…
展开
-
vue3后端返回文件流前端导出xlsx
vue3后端返回文件流前端导出xlsx因为使用vue3,所以我采用axios,可以在promise的then里取到流const sdownload=async()=>{const re=await download().then(re=>{ //在.then里可以获取到data//ant的成功消息提示 notification.success({ message: '提示', description: '操作成功', }原创 2021-07-16 14:22:09 · 2348 阅读 · 0 评论 -
数组方法
数组方法let arr=[12,3,123,1,23,12,3,123,123]let a=12arr=arr.filter(item=>{ return item!=a})console.log(arr);let b=[ {name:'魏建新',age:12}, {name:'魏建新',age:13}, {name:'魏建新',age:14}, {name:'魏建新',age:15},]let c=b.map(item=>{ return it原创 2021-04-21 13:58:51 · 61 阅读 · 0 评论 -
使用Object.defineProperty监听一个数据的改变和获取
html结构 <input type="text" id="input" > <button id="btn"></button> <input type="button" id="zhikon">let obj={ name:'魏建新', age:25}定义一个对象let zk=document.getElementById('zhikon')获取置空按钮let input=document.getElement原创 2021-04-19 11:06:47 · 298 阅读 · 2 评论 -
Vue响应式
什么是响应式修改 data 属性之后,vue 立刻监听到data 属性被代理到 vm 上#3.2 Object.defineProperty#3.3 模拟实现原创 2021-04-18 23:07:07 · 59 阅读 · 0 评论 -
简述diff算法
你如何理解vue中的diff算法1.diff算法是虚拟dom技术的必然产物,通过新旧虚拟dom做对比,将变化的地方更新在真是dom上,另外也需要diff高效的执行对比过程,从而降低时间的复杂度2.vue中的diff执行时刻是组件实例执行其更新函数时,他会对比上一次渲染结果oldvnode的新的渲染结果newvnode,此过程称为patc3.diff过程整体遵循深度优先,同层比较策略,俩个节点之间比较会根据他们是否拥有子节点或者文本节点做不同操作,比较俩组节点是算法的重点,假设头尾节点可能相同会做四次对原创 2021-04-18 17:45:55 · 2989 阅读 · 0 评论 -
回流和重绘
回流和重绘什么时候发生回流页面第一次渲染的时候添加删除可见的dom元素元素的位置发生变化元素的尺寸发生变化(包括外边距 ,内边距等)浏览器的窗口尺寸变化(因为回流是根据视口的大小来计算元素的位置和大小的)什么时候发生重绘(回流一定触发重绘 ,重绘不一定触发回流当页面中元素样式的改变并不影响它在文档流中的位置时(例如:color、background-color、visibility等),浏览器会将新样式赋予给元素并重新绘制它,这个过程称为重绘。如何避免回流重绘避免使用table原创 2021-04-18 14:10:05 · 60 阅读 · 0 评论 -
css左侧盒子固定右边自适应
盒子左侧固定右边自适应使用浮动加外边距设置父盒子高度,让子盒子高度100%继承父盒子,给做盒子设置宽度和浮动背景色,然后给右侧盒子设置marginleft宽度和背景色 <style> .box{ height: 50px; } .box >div{ height: 100%; } .box1{ width: 20px;原创 2021-04-18 13:53:23 · 2078 阅读 · 0 评论 -
从浏览器地址栏输入url到显示页面的步骤
从浏览器地址栏输入url到显示页面的步骤在浏览器地址栏输入URL浏览器查缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤如果资源未缓存,发起新请求如果已缓存,检验是否足够新鲜,足够新鲜直接提供给客户端,否则与服务器进行验证。检验新鲜通常有两个HTTP头进行控制HTTP1.0提供Expires,值为一个绝对时间表示缓存新鲜日期HTTP1.1增加了Cache-Control: max-age=,值为以秒为单位的最大新鲜时间浏览器解析URL获取协议,主机,端口,path原创 2021-04-17 15:38:47 · 252 阅读 · 1 评论