前端面经总结

前端面试题总结

html

  • 语义化标签,作用
  • input有几种类型

CSS

  • flex布局:实现两栏(左固定 右自适应)/三栏(左右固定 中间自适应)布局
  • 常见伪元素、伪类,越多越好
  • 垂直水平居中方法,越多越好
  • 八种定位属性的具体含义 - static relative fixed absolute sticky inherit initial unset
  • 选择器和优先级,权重- 这里继承优先级最低
  • 哪些CSS属性可继承?
  • 回流重绘的概念、触发条件,避免回流重绘的操作,flush队列,display:none触发的是哪一个, visibility:hidden呢
  • BFC(块级格式上下文)的概念,触发条件,渲染规则,应用场景
  • 移动端适配 - 这里涉及到的东西可就多了:媒体查询,viewport,em/rem,vw/vh
  • 行内元素的padding和margin生效吗?

JS

基础

  • js数据类型
  • 提到了Symbol,那么Symbol('1') === Symbol('1')返回什么
  • 如何区分引用类型(Object等)
  • ES5 和 ES6的继承
  • this指向规则,并有一道关于this的题
  • 两种声明函数方式的区别
    //存在函数提升
    function fun(){
      //代码
    }
    //可以写成立即执行函数 a()
    var a=function(){
      //代码
    }
  • 如何创建一个闭包
  • vue的路由跳转是根据什么实现的。hash和history
  • 说一下js的原型
  • 说下一你熟悉的模式,那vue有哪些地方是使用到观察者模式。
  • null和undefined的区别
  • 怎么实现继承
  • axios内部怎么实现(ajax)、那ajax怎么实现(XmlHttpRequest)
  • 作用域(var定义的循环下标,循环中套定时器输出,问输出及怎么改成正确输出,立即执行函数为什么可以)

    代码题

    实现一个拖拽过程,使用原生js。没实现出来,大概过程写了。
    写一个函数,让页面上一个div内容从60一秒减一直到变成0
    实现一个效果,就是像手机刷微博刷到底了再显示一些内容,只要写伪代码
    让一个图片滚动显示,类似轮播图那样,有几种实现方式
    写一个单例,new该对象的时候总是返回同一个对象

    VUE

  • 双向绑定原理,有没用过vue3,vue3为什么改用proxy

其他

  • 进程与线程的关系与区别
  • TCP和UDP各自的特点和区别(三次握手四次挥手等)
  • ip地址是什么, ipv4和ipv6
  • DNS协议了解吗
  • 强制缓存和协商缓存
  • 几种本地存储,对比
  • 跨域,几种解决方式,jsonp为什么能那样做
  • 状态码
  • http有几种请求方式,get和put的区别
  • 输入url到展示页面的过程
全部评论

相关推荐

是腾讯的csig腾讯云,前天晚上九点突然打电话约面,激动的通宵学了一晚上,第二天状态很差改了今天(以后再也不通宵学习了)感觉自己浪费了面试官一个半小时单纯手写+场景,无八股无项目无算法,打击真的很大,全是在面试官提醒的情况下完成的,自己技术方面真的还是有待提高,实力匹配不上大厂和已经面试的两个公司完全不一样,很注重编码能力和解决问题的能力,然而我这两个方面都很薄弱,面试官人很好很耐心的等我写完题目,遇到瓶颈也会提醒我,写不出题也会很耐心的跟我讲解好感动,到最后面试结束还安慰我打算把下周最后一场面试面完之后就不面啦,如果能去实习还是很开心,但是最重要的还是好好努力提高技术以下是面经第一题// 实现一个解析 url 参数的函数function parseUrl(urlStr) {// TODO}parseUrl('*********************************************');// 返回 {a: 1, b: 2, c: 3}追问:在链接里见过什么部分?用 hash 路由的话放在哪第二题// 考虑有一个异步任务要执行,返回 Promise,这个任务可能会失败,请实现 retry 方法,返回新方法,可以在失败后自动重试指定的次数。/*** 异步任务重试* @param task 要执行的异步任务* @param times 需要重试的次数,默认为 3 次*/function retry(task, times = 3) {// TODO: 请实现}// ---------------测试示例 ----------------// 原方法const request = async (data) => {// 模拟失败if (Math.random() < 0.7) {throw new Error('request failed');}const res = await fetch('https://jsonplaceholder.typicode.com/posts', {method: 'POST',body: JSON.stringify(data),});return res.json();}// 新的方法const requestWithRetry = retry(request);// 使用async function run() {const res = await requestWithRetry({ body: 'content' });console.log(res);}run();第三题就是给 retry 函数添加类型注释,用到泛型第四题:在组件库中将 Alert 用 api 的形式实现(应该就是 message 这个组件)怎么渲染到一个浮层里而不是原地渲染出来
不知道怎么取名字_:技术这个东西,太杂了,而且要下功夫的
查看5道真题和解析
点赞 评论 收藏
分享
评论
点赞
8
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务