面经详情
匿名用户
面试了职位:前端开发
感觉没戏
【前端开发】面经分享
我选择了视频面+线下面。可能第一关就挂了。
我的电话面:一开始js基础 "10"+1 "10"-1 0.1+0.1 0.1+0.2这种
如何做继承 ready方法 rem缺点 vhvh弹性布局 小程序生命周期 es5继承 网络状态码301 303很细致的问题
我写vue的,他们技术栈是react和小程序,感觉就是拿我刷kpi的呵呵
给大家先总结下全网的面经:
先做一份笔试题,大家好好复习js。先笔试筛选,笔试不好就直接 pass 了。笔试的难度一般吧,更看重 Js 基础。正则相关也有,最后两道算法题有点难,不过把 leetcode 中等难度的题刷一下就不会觉得难。
还有就是根据个人简历上聊一些项目吧。需要会流行框架,公司里面用的是 react 技术栈。
笔试主要是一些js基础题和css的布局先做份3页纸的面试题,只有40分钟,写知识点或思路都写不完,最后是个英文题,给一段英文描述让你写实现,没时间细看,好像是实现一个冒泡排序。
二面技术官:
1、如何实现一个弹框,需要具备什么,需要怎么做;
2、 用到的技术有哪些?
1.先搭建组件的html和css样式,遮罩层和内容层。
2.定制弹窗内容:弹窗组件通过slot插槽接受从父组件那里传过来弹窗内容。
3.定制弹窗样式:弹窗组件通过props接收从父组件传过来的弹窗宽度,上下左右的位置。
4.组件开关:通过父组件传进来的props控制组件的显示与隐藏,子组件关闭时通过事件$emit触发父组件改变值。setData数据过大会有问题,怎么解决。
通过设置数组下标(二维数组),实现每次只setDate新加载的数据优化长列表渲染懒加载通过懒加载的方式,在出现长列表的时候,第一次并不完全渲染所有的DOM节点,即可解决一部分场景下的问题。
优点:实现简单缺点:
1.想要定位到某一个位置的数据会非常困难2.如果一直加载到底,那么最终还是会出现大量的DOM节点,导致滚动不流畅虚拟渲染懒加载无法满足真正的长列表展示,那么如果真正要解决此类问题该怎么办?
还有一种思路就是:列表局部渲染,又被称为虚拟列表.当前比较知名的一些第三方库有vue-virtual-scroller、react-tiny-virtual-list、react-virtualized。
它们都可以利用局部加载解决列表过长的问题的,vue-virtual-scroller一类的方案只支持虚拟列表单纯列表虚拟渲染我们先看下vue-virtual-scroller这种纯虚拟列表的解决方案。
它们的实现原理是利用视差和错觉制作一份出一份“虚拟”列表,一个虚拟列表由三部分组成:
1.视窗口
2.虚拟数据列表(数据展示)
3.滚动占位区块(底部滚动区)假如刚好是视口的高度,当向下移动窗口的时候,需要将窗口最上方的Item去掉,因为用户不需要看到了,然后把下一个数据push到窗口最下方,那么窗口移动很快的时候,更新的频率也会非常快假如将窗口再放大一些,就能减小上面的更新频率,相当于节流,
这取决于窗口大小具体的做法就是,如果一页展示10条数据,那么实际上我会渲染20条,并且将这20条数据划分为2部分,当可视区移动到容器的边缘时
最终要实现的效果:由滚动占位区块产生滚动条,随着滚动条的移动,在可视窗口展示虚拟数据列表怎么实现文件上传功能,同时实时监测上传进度使用ajax异步上传,提交表单形式,使用H5的FormData对象 let file = document.querySelector(".myfile").files[0]; console.log(file); let form = new FormData(); //实例化FormData对象
// 向form中添加新的属性值,如果对应的属性值存在也不会覆盖原值,而是新增一个值,
// 如果属性不存在则新增一项属性值。
form.append("myfiles",file);
//myfiles是文件上传时对应的自定义名称
// 当前上传文件的文件大小:evt.loaded
// 需要上传的总文件的大小:evt.total
// 上传进度
//上传文件的百分比
相关推荐
匿名用户
前端开发
确定通过
先是笔试题,基本上都是网上的那些,没啥意外。然后有个小伙子来面前端,感觉经验不是很多,问了一些常规的问题。后来一面是CTO,头天太忙了来了没见着人,第二天再来面了一下,感觉人比较浮夸,问的问题也偏后端较多(但是又装出一副很懂的样子,不是很喜欢这种风格。
包含1个问题,0个回答
Q:1. 优化长列表渲染; 2. http先关。
2 年前 发布
面神
前端开发
确定通过
先是hr面试(hr是个心理咨询师) 然后前端负责人面,是个女的(问的问题也还好,不难)前端同事都是女的,薪资不高,大小周,下午茶一般般,加班严重,10点以后打车报销,公司内部很卷,同事关系勾心斗角,尔虞我诈,打小报告,
2022-07-28 发布
0847
前端开发
感觉没戏
进公司先填写纸表,等了大概10分多钟,进入技术面。公司蛮大的,人不多,蛮空旷的。
2 年前 发布
匿名用户
前端开发
未通过
word 发一份面试题过来,让用飞书屏幕共享/开视频对着屏幕做。。。一个小时的时间主要招vueHR 说面试题是:题目类型差不多一个css问题 几个js的基础问题 有两个vue的相关问题 一个关于js异步的问题 差不多就是这样子
2022-07-15 发布
初心Yearth
前端开发
感觉靠谱
问:讲一下 diff 答:- why。为什么需要 diff,举一个简单的例子,装修,如果没有 diff,就是整个家拆了,重新来,成本太高。- what。什么是 diff,就是对比新旧两个 vdom,找出差异,可复用的节点复用,不可以的再改。- how。先简单讲了一下 vdom,起源于 snabbdom。vdom 的优势,其实最大的优势不是性能优化,而是跨平台 render。然后 vue2 中 diff 最大的特点是引入了 4 个游标,而不是完全遍历两棵树。而在 react 中则是同层比较,深度优先答:- why。为什么需要响应式,为了把 developer 的精力拉到数据端来,用阿里的话说就是降低心智负担。‘- what。什么是数据响应式,就是我改一个数据,不需要再像 jq 时代那样,去页面上修改 dom- how。 - vue2:defineProperty,这是给属性的值设置属性的,通过其 get,set 来实现,get 阶段收集依赖,set 阶段触发更新 - vue3:Proxy,与 vue2 相比,起码有几点优势: - 不需要递归 obj - 天然支持各种奇怪类型,比如 vue2 中数组需要 hack 方法
...查看更多
包含2个问题,1个回答
Q:问:讲一下 diff
2 年前 发布
9951
前端开发
感觉靠谱
面试的过程很和谐,面试官的态度很好,先写一下个人信息,然后问写技术上的问题,根据自己掌握的知识点一一回答就好。下面是问答方面的一些注意事项:首先要确定项目是否是自己做的,即确定项目的真实性;举个例子:你的项目是 React 搭建的,能告诉我搭建项目的过程和需要注意的地方吗?这时候有人就漏底了,除了 Create-react-app 之外,什么都说不出来。难道你不用 Router 吗,难道不需要处理静态资源吗,难道不需要构建吗? 细问之下,告诉我项目是其他同事搭建的,自己只负责开发业务。
...查看更多
2 年前 发布
匿名用户
前端开发
确定通过
本人两年经验。首先笔试题,笔试题大部份都是初级开发都会的题目,除了两道英文的算法题没做以外,其他的题目都算基础且简单。然后就是到真正的面试环节,第一轮群面,两位小伙伴问,问的都比较基础,然后就到前端的负责人面,问的就是技术上面的东西例如redux,nodejs 那些的,有些还答不上来,尴尬。最后就是到HR面了。办公环境真的十分好,感觉像坐在酒吧,餐吧工作那样,而且还会配备Mac办公,最后拿到offer但是被压工资了,所以没去,除了薪酬这块其他还是挺满意的,hr 如果可以手下留情估计我就来了。
...查看更多
2 年前 发布
进入微信小程序
前往微信小程序,查看更多结果
立即前往
看准网
爱范儿
爱范儿面试经验
爱范儿面试经验:【前端开发】面经分享
正在招聘
产品设计师(CMF方向)
等 4 个岗位
去看看