360公司前端面经

360前端面经

360一面:4:45-5:30
  1. 自我介绍+项目介绍

  2. 问了一大堆微前端问题

  3. 前端场景题:请求一个url+参数,参数变化前端向服务器端请求资源并返回资源再渲染列表的过程。

  4. 针对参数变化怎么监听到变化,然后如果url有两个参数,其中一个参数发生改变了,1秒后另一个参数发生改变,如何做到只发送一个axios请求。(我是从防抖方面回答的,但面试官想要的答案是让vue-router监听完整的url发生改变这种方式)

    可以使用computed属性

    watch: {
       //在vue的watch中监听路由
      $route(){   
          this.userId= this.$route.query.id
      },
      userId() {
        console.log("重新请求" + this.userId + "的数据")
      }}
    
    
    watch: { // watch的第一种写法
    	$route (to, from) {
            console.log(to)
            console.log(from)
    	}
    },
    
    watch: { // watch的第二种写法
        $route: {
        handler (to, from){
        console.log(to)
        console.log(from)
    },
    // 深度观察监听
    deep: true
    
    }
    
  5. 了解防抖吗,手写一个防抖或节流函数

  6. 算法题:一个数组中找重复数字,并返回这个数字(要求多种方法)他想要的答案是用索引位和当前数据相等来判断这个思路。

就想起来这么多…

360二面

没问到什么特别专业的问题,闲聊较多。

### 前端经验和常见问题 #### Vue.js 的重要性和应用场景 对于希望在前端开发领域寻求更多机会和发展的人来说,Vue.js 是一种值得深入学习的技术。作为一种渐进式框架,Vue.js 不仅易于上手,而且功能强大,能够帮助开发者构建复杂的单页应用程序(SPA)[^1]。 #### CSS Reset 和 Normalize.css 的差异及其应用场合 CSS Reset 旨在移除所有默认样式,使得网页元素呈现一致的基础外观;而 Normalize.css 则专注于跨浏览器一致性优化,保留有用的默认样式并修正已知的显示错误。选择哪一个取决于具体需求——如果追求绝对统一,则倾向于者;若需保持部分原生特性的同时解决兼容性难题,则后者更为合适[^2]。 #### Content-Disposition Header 的作用 当服务器向客户端发送文件下载请求时,`Content-Disposition` HTTP头部字段用于指示浏览器应如何处理接收到的内容。此头信息可指定文件名以及建议保存方式(作为附件还是直接打开),从而影响用户体验和交互逻辑[^3]。 #### Bootstrap 网格系统的机制解析 Bootstrap 提供了一套灵活且高效的响应式网格系统,允许设计者轻松实现自适应布局方案。该系统基于弹性盒模型(flexbox),支持多达十二列宽度划分,并提供了多种预设断点设置以满足不同终端设备的需求。利用`.container`, `.row` 及各类`.col-*` 类组合即可迅速搭建起美观实用的多平台界面结构[^4]. ```html <div class="container"> <div class="row"> <div class="col-md-8">.col-md-8</div> <div class="col-md-4">.col-md-4</div> </div> </div> ``` #### 面技巧总结 为了提升自己在前端技术岗位上的竞争力,除了扎实掌握上述知识点外,还应该注重培养解决问题的能力、团队协作精神和技术文档撰写水平等方面素质。同时也要关注行业动态,紧跟最新趋势变化,不断更新自己的技能树。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

veggie_a_h

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值