![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端面经
面经学习
react_in
小小前端研发
展开
-
【仿穷游项目】无缝连续滚动特效
思路: 机理:使用CSS3过渡,不是JS动画 比如 0 1 2 3 4 5,六张幻灯片,克隆第一张,当运行最后一张时,对结合transform的translateX进行处理 用定时器实现,去除首尾张幻灯片切换时的过渡效果; 同时还有注意防抖; translateX的时候,为了适应不同屏幕大小的宽度,需要结合id,即第几张图片的索引;比如:“translateX(” + (-100 / 6) * idx + “%)”;,6即有六张图片,每张图片占16.66666666%的宽度,因此每次移动的长度设置为百分比原创 2021-04-07 23:50:13 · 216 阅读 · 0 评论 -
【JavaScript】无敌基础面试题
无敌基础,无敌常见的面试题 let、const、var的区别 var 有变量提升;(ReferenceError和undefined的区别) var let是变量,可修改;const是常量,不可修改; let const 块级作用域,var没有。 typeof能判断哪些类型 所有值类型,undefined、string、number、boolean、symbol 引用类型:object(注意,null也是object,typeof null == “object”) 函数 列举强制类型转换和隐式.原创 2021-03-23 16:44:54 · 110 阅读 · 0 评论 -
【实习面经】金山云
2021金山云前端实习一面,总共八个问题 文章目录前端跨域问题JS数组常用方法深拷贝如何实现CSS实现水平居中、垂直居中CSS优先级以及权重sessionStorage和localStorage的区别清除浮动position属性 前端跨域问题 跨域就是浏览器从一个“域”向另一个“域”的服务器发送请求,来访问另一个“域”的资源。但是浏览器不允许直接访问另一个“域”上的资源,只能访问同一个“域”的资源,这就是“同源策略”。 所谓同源就是:协议、域名、端口号一致。 解决方案: JSONP CORS J.原创 2021-03-23 16:44:24 · 486 阅读 · 0 评论 -
【浏览器】浏览器渲染流程
前几天面试遇见了,记录一下 解析接收到的文档,根据文档构建DOM树; 解析CSS,构建CSS树 根据DOM树和CSS树构建渲染树Render Tree; 根据渲染树来进行布局,计算DOM元素要显式的位置和大小;(回流) 浏览器进行绘制渲染。 为了更好的用户体验,渲染引擎不会等到所有html解析完成之后再去构建和布局render tree,而是解析完一部分就显式一部分,同时在网络下载其余内容 ...原创 2021-03-22 16:48:39 · 58 阅读 · 0 评论 -
【JavaScript】(a==1 && a==2 && a==3)能输出ture么?
参考链接: [1]. (a1 && a2 && a==3)能输出ture么? [2]. https://github.com/jawil/blog/issues/1 代码如下: const a = { num: 0, valueOf: function() { return this.num += 1 } }; const equality = (a==1 && a==2 && a==3); console.log(equ原创 2021-03-17 15:41:44 · 78 阅读 · 0 评论 -
【Vue面试题】Vue项目中列表组件中为什么要写key?
很显然是为了提高性能。主要用在Vue的虚拟dom算法,key是每个vnode节点的唯一id,可以依靠key更快的拿到oldVnode中对应的vnode节点 因为不使用key,Vue会使用一种最大限度减少动态元素并尽可能的尝试就地修改/复用相同类型元素的算法。 ...原创 2021-03-15 19:10:40 · 213 阅读 · 0 评论 -
【JS面试题】防抖节流
参考链接:函数的防抖和节流是个啥??? 防抖 n秒内函数只会执行一次,如果n秒内事件再次被触发则重新计时 function debounce(func, delay){ let timeout; return function() { clearTimeout(timeout) timeout = setTimeout(()=>{ func.applay(this, arguments) }, delay); } } 节流 n秒内函数只会执行一次 .原创 2021-03-17 12:58:43 · 175 阅读 · 0 评论 -
【仿旅游网站】Ajax封装
文章目录“ajax封装”目录ajax.js (Ajax类)default.js (存放默认参数 )utils.js (工具函数)constants.jsindex.js导入 结合class和模块化 “ajax封装”目录 ajax.js (Ajax类) // 工具函数 import { serialize, addURLData, serializeJSON } from './utils.js'; // 默认参数 import DEFAULTS from '.defaults.js' class A原创 2021-03-15 23:12:00 · 77 阅读 · 0 评论