peindaihe
peindaihe

小米前端面经(社招)

前言

近一段时间我投了不少大厂的前端岗位，但是由于刚刚参加工作一年多点，所以要么简历没过筛选，要么面试一两轮就挂了，之前面试过阿里的，两轮挂了，头条一面没过，于是这段时间来自己又总结之前的面试经验，为自己充电。
事情发生在一个月黑风高的夜晚，不对，说顺嘴了，抱歉！！事情发生在周五的一个傍晚，我正在参加公司的团建活动，大家聚餐比较热闹，吃完饭才发现有一个陌生号码。但是我拨回去却打不通了，当时我就觉得是某家公司的面试通知，想了想最近投过的公司，想到了小米，然后度娘了一下那个电话，虽然没搜到具体信息，但是百度的相关消息里有一条是号码******是小米的招聘电话吗，我一看，好吗前几位和我这个一模一样，然后心里就觉得是小米的概率会比较大。
无奈赶上了周天，我打了这个电话一直没人接，直到周一晚上才打通，一问果然是小米的面试邀请！(要是没打回去的话估计连面试的机会都没了。。。)，对，提前说一下，小米的社招一共是四轮面试，三轮技术面急＋一轮hr面。

面试经过

按照和hr小姐姐约好的时间，我提前半小时到达目的地，本以为会是清河的小米大厦，不过邮件上给的地址是在西二旗的小米四期。由于他们下午两点半上班，所以我在外面等一一会儿，然后一个挺帅气的小哥哥出来了，也就是一面的面试官。面试官找了一个比较清静的地方开始了第一轮技术面，话不多说，直接上干货。

一面

  1. 你对vue掌握多少？
  2. vue双向绑定的实现原理说一下？数据劫持＋订阅发布模式，订阅发布模式如何实现？
  3. vue中key的作用？vue有原地服用的原则，通过key决定是否对元素复用，如果不绑定key会引起什么问题？
  4. vue父子组件间怎么进行通信？
  5. 平时怎么处理多个同级组件间的通信的？vuex用的比较多，event bus有了解，但是没用过。。。
  6. vuex的组成？store，action，mutation，modules，分别讲一下各自的作用？
  7. 有写过vue异步组件吗？
  8. 有自己在npm上发布过依赖包吗？没有。。。。
  9. webpack的作用是什么？开发环境和测试环境之间的配置文件有什么区别？
  10. devtool有那些选项，分别有什么作用？我只说了sourse-map和eval-source-map
  11. devServer的实现原理了解过吗？没有。。。
  12. 说一下event loop的过程？宏任务和微任务巴拉巴拉。。。
  13. reqeustAnimationFrame有用过没，是如何使用的？就是递归调用呗。她是属于微任务还是宏任务？我说的微任务，下来度娘才知道是宏任务。
  14. promise定义时传入的函数什么时候执行的？立即执行。
  15. promise.all用过吗？如何实现当其中一个promise抛出错误的时候也能顺利执行promise.all的回调？我当时想的是不让错误进入到catch阶段，而是强行resolve一个提示错误的信号，但是具体怎么实现没太想好，后来查资料知道是通过在promise里设置try catch语句当异步操作出错时强行resolve一个信号，这样就不会跑到promise.catch里了。
  16. css里的flex布局用过吗？用过，垂直居中，自适应。原理了解过吗？没有。。。
  17. 时间模型的三个阶段说一下？三个嵌套的div，每个div都同时绑定一个捕获事件和一个冒泡时间，写出事件执行顺序？
  18. 事件代理？父节点定义了多个点击事件，点击子节点，如何实现一个事件不执行，其他所有的事件都执行？用stopDefault()组织该事件默认行为。
  19. 如何阻止冒泡？在时间中调用stopPropagation()。
  20. 浏览器的缓存机制？
  21. 前端工程化的理解？前后端分离巴拉巴拉。。。部署方面呢？没太答上来。
    一面就这么结束了，大概一个小时吧，然后小哥哥让我等一会儿。

二面

过了十分钟左右吧，另外一个小哥哥来了，这一面是其他部门的面试官，也就是交叉面。

  1. 平时pc端做的多还是移动端做的多？pc，移动端主要做一些自适应和响应式布局。
  2. 主要是通过什么手段实现响应式布局的？媒体查询配合弹性布局，rem之类的。
  3. 做移动端适配的时候需要设置什么？<meta name=“viewport” content=“width=device-width;initial-scale=1;”>
  4. 详细说一下viewport？visual port、layout port、ideal port巴拉巴拉。。。。
  5. 做过动画吗？css动画和reqeustAnimationFrame比较？
  6. css动画实现一个div平移动画，用translate和left有什么区别？
  7. flex布局了解吗？平时主要是做自适应和水平居中，用flex写一个水平垂直居中？
  8. 手写了一个react组件，组件里有A和B两个子组件，A组件属性接受了父组件的state属性，B组件没有接受state属性，当父组件setState之后，如何变化？我回答的是A更新B不更新，面试官给我纠正了一下，A、B的render都会执行，在react中，父组件更新，默认是会更新所有子组件、孙组件的。这种情况下，你必须重写shouldComponentUpdate方法，自行判断这个组件是否需要更新，return false就会阻止更新。
  9. 还是刚刚的组件，实现一个异步获取数据列表[‘a’, ‘b’, ‘c’…]，然后将这个数组中的数据渲染到dom中去的功能，最终是一个dom列表(<li>)。在componentMounted钩子里异步操作然后setState就ok了。为什么用componentMounted？因为此时dom节点已经挂载完毕，可以安全的对dom进行访问。
  10. react展示组建和功能组件的区别？
  11. react定义事件？使用前需要bind。
  12. es6新特性说一下？let、var、const区别？es6如何实现块级作用域的？
  13. WeakMap用过吗？没。。。
  14. promise.all？如何实现一个链式异步请求，一个请求完成继续下一个请求?then链式执行呗。中间如果有一个promise出错怎么办？如何确保执行到最后？我答的还是try catch前行resolve，不过好像不太对，有知道的大神求指导。
  15. promise、async/await、generator区别？
  16. 手撕代码：找出一个字符串中重复次数最多的字母？
  17. 手撕代码：实现对象的深克隆？
    二面结束，我跟小哥哥说明了下我的情况，请假出来面试不太方便，尽量一次性面完，小哥哥让我等一会儿，然后是等待时间。。。

三面

三面的时候脑子已经有点儿晕了稍微，尽量保持清醒。三面是最后一轮技术面，果不其然，是一个比较有气场的小哥哥，比较帅气，不出意外的话应该是部门的技术leader。三面的气氛感觉和前面明显不一样，问的问题也不再局限于前端，有简历上的经历，也有计算机相关的其他领域的知识，综合性很强，其实这是最头疼的，有些问题没涉足过，真的不太了解。。。
首先上来是一道经典的两侧定宽，中间自适应的题目，但是加了点东西，就是头部一个header，header下面是经典案例，但是要求各个元素有显示顺序，header->center->left->right，我当时直接用了浮动：


<html>
<style>
	.parent {
    	text-align: center;
    	width: 500px;
        height: 400px;
    }
    
    .up-wrap {
    	background-color: #ccc;
        height: 30%;
    }
    
    .down-wrap {
    	overflow: hidden;
    	height: 70%;
    }
    
    .left {
    	background-color: #f00;
    	width: 100px;
        height: 100%;
        float: left;
    }
    
    .right {
    	background-color: #f00;
    	width: 100px;
        height: 100%;
        float: right;
    }
    
    .center {
    	background-color: #cc2;
    	margin-left: 100px;
        margin-right: 100px;
        height: 100%;
    } 
style>
<body>

<div class="parent">
	<div class="up-wrap">
		1
	div>
    <div class="down-wrap">
    	<div class="center">
			2
        div>
		<div class="left">
			3
        div>
        <div class="right">
			4
        div>
    div>
div>

body>
html>

当时以为清除浮动就万事大吉，但是忘了left、right需要定义在center前面才会不换行，但是题目要求的是center首先显示，因为必须是center在left、right前面，这样会导致一个问题，center是块状元素，left、right会被挤到下一行，导致left、right不可见。
面试回来后由写了一下，改用绝对定位就好了，直接彻底脱离文档流：


<html>
<style>
	.parent {
    	text-align: center;
    	width: 500px;
        height: 400px;
    }
    
    .up-wrap {
    	background-color: #ccc;
        height: 30%;
    }
    
    .down-wrap {
    	overflow: hidden;
    	height: 70%;
        position: relative;
    }
    
    .left {
    	background-color: #f00;
    	width: 100px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .right {
    	background-color: #f00;
    	width: 100px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .center {
    	background-color: #cc2;
    	margin-left: 100px;
        margin-right: 100px;
        height: 100%;
    } 
style>
<body>

<div class="parent">
	<div class="up-wrap">
		1
	div>
    <div class="down-wrap">
    	<div class="center">
			2
        div>
		<div class="left">
			3
        div>
        <div class="right">
			4
        div>
    div>
div>

body>
html>

面试官看我研究生期间做过图像处理，问我为什么没从事这个，我说研究生两年时间只够入个门，然后实习做的也是前端，渐渐的就喜欢上了前端，说了一下我的毕业设计内容，然后给我出了一道算法题，给了我一组坐标点list，让我求经过所有点的最短路径组合，我想了半天，只能想到最简单粗暴的方法，排列组合求出所有路径的长度，取最大值，但是这显然是复杂度很高的做法，然后面试官提示我用分治思想，我最终还是没写出来。然后让我写了个“双飞燕”布局，按照顺序加载dom节点，并且能撑满高度，中间我写的一些地方面试官认为有点儿问题，然我回去试一下。再然后面试官问我想离职的原因，我说希望能进入更大的平台提升自身技术能力，然后聊了半天，面试官也给我提了一些学习成长的建议，挺受启发的。然后聊到关注react17和vue3的时候，面试官突然想到了diff算法，让我手写一个深度判断两个对象是否一致的函数，我写了一下，用的递归，但是中间分情况讨论的地方可能有的情况没写出来，就写了个大概实现。
然后问了webpack打包会生成hash名称，怎么判断这个资源是否变了，我说etag，面试官又问我etag怎么生成的，我一知半解的说了一些，后台的了解的不多。
最后就是熟悉的问问题环节，我问了下他们现在主要做什么内容，用的技术栈，还有面试结果多就能知道，面试官说他知道的都在一到两周内有恢复，如果技术面通过会有hr联系。为时四个小时的小米面试之旅就这样画下了句号。

结语

这应该算是我毕业一年来去大厂面试第一次面完三轮技术面，因为我本科并不是计算机系的，研究生才开始接触的代码，所以基础相对差一些，这次面试我也不太抱希望，就当是一个对自己知识技能的检验了，即使没通过，一年以来的学习也有进步了，一直保持学习的步伐，我相信迟早会实现进入互联网大厂的梦想~加油了！

你可能感兴趣的:(前端面经)

  • 【面试经验】滴滴 秋招储备实习 前端面经 litterfinger 面试经验面试前端职场和发展
    滴滴秋招储备实习前端面经时间线：5.1511点半一面，下午2点半二面一面●自我介绍+项目介绍●拷打项目●文件断点续传+切片上传●不知道盒子宽高情况下水平垂直居中●transform的属性●scale是怎么放大盒子宽高的●数据类型●原型和原型链●做几道js题二面timeline：5.152:30自我介绍拷打项目（这次竟然没问文件上传的实现）v-if和v-show的区别，为什么要用v-show替换v-
  • 【每日前端面经】2023-02-25 糠帅傅蓝烧牛肉面 每日前端面经前端面试
    题目来源:牛客+牛客每日面经20240225了解Taro么Taro是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用多端适配怎么做固定布局（PC）window.screen分类加载CSS@media媒体查询vh+vw+rem百分比布局响应式布局移动端适配怎么做同上偏工程化如何做字体大小的适配通过媒体
  • 【每日前端面经】2023-02-23 糠帅傅蓝烧牛肉面 每日前端面经前端面试
    题目来源:牛客企业级开发整体流程有哪些项目启动需求调研->需求文档系统设计->设计文档程序开发->开发文档BUG测试->测试文档验收维护遇到技术难题怎么办分析可能出现的原因查找搜索引擎寻问文心一言等对话模型打断点，寻找问题复现再一次归纳分析询问师傅或更高级的工程师常用的设计模式工厂模式简单工厂模式抽象工厂模式单例模式懒汉单例饿汉单例装饰器模式策略模式代理模式观察者模式发布订阅模式单例模式具体实现和
  • 前端面经 关于http和https（基本概念、区别、优点及缺点、加密、数字签名、数字证书、工作原理） Silam Lin 前端面试httphttps前端网络协议
    前端面经http和httpshttp和https的基本概念http和https的区别http的三大风险和https的三大优势https解决http的三大风险关于加密——解决风险一“被窃听”方法一、对称加密方法二、非对称加密方法三、对称加密+非对称加密（https所采用的）对称加密为什么不安全新思路：对称加密+非对称加密对称加密+非对称加密的实现关于数字签名——解决风险二“被篡改”数字签名的作用服务
  • 【前端面经】即时设计 知心宝贝 前端面经前端图形渲染javascriptreact.js面试
    目录前言一面git常见命令跨窗口通信vue响应式原理发布订阅模式翻转二叉树Promise.all()扁平化数组面试官建议二面EventLoop原理Promise相关css描边方式requestAnimationReact18新特性JSX相关react输出两次函数式编程React批处理机制http请求头有哪些本地存储性能优化方面webgl的优化手段着色器优化相关缓冲区和深度测试异步原型和原型链倒序输
  • 狂刷这套前端大厂面试宝典，4月成功收获阿里/字节/腾讯Offer 摸鱼吃榴莲的只只 前端前端面试前端面试职场和发展javascript程序人生
    大厂必考经典前端面试题精选和答案面试题是来自牛客网大佬发布的真实大厂前端面经题目，我一直在收集题目长期一个一个的记录下来的，可能会有重复，但基本前端的面试大纲和需要掌握的知识都在其中了，面试题做学习参考，学习者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。内容大纲概括：HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，数据结构与算法。
  • 秋招 -- 前端面经 GGxGx 前端面试
    大概记录下自己的秋招历程，希望对大家能够有所帮助吧，下篇博客开始写正式面经，如果不想看这个博客可以直接去主页找下一篇啦~秋招历程最近一直在准备秋招，博客也没有更新，上一篇还停留在2020年3月。从3月开始找实习一直到九十月秋招，大小厂投了个遍，索性结果还不错，拿了度小满，好未来，跟谁学（SP），有赞，大华，兴业数金，电信云。自己也是一边秋招一边整理面经，刚刚结束了秋招，计划将自己整理的面经发出来大
  • 【前端面经】Vue-Vue Router 路由有哪些模式?各模式有什么区别? 深海大凤梨_ 前端面经前端vue.jsjavascript
    VueRouter路由模式详解VueRouter是一个轻量级的前端路由库，它提供了三种路由模式，每种模式都适用于不同的场景。本文将详细介绍这三种模式的优缺点和适用场景，以便读者在使用VueRouter时进行选择。Hash模式在hash模式下，URL中的hash值作为路由路径。该模式可以兼容较老的浏览器，并且无需后端服务器的支持。在使用hash模式时，我们可以实现单页应用的效果，从而提高页面的性能。
  • 好的网站及Blog记录 蓝莓_酸牛乳
    一、有关前端面经1、知乎专栏总结2、git上的一个总结3、前端相关的一些好的博客、网站、前端Blog这两天刷这两个上面的题：http://markyun.github.io/2015/Front-end-Developer-Questions/https://github.com/BearD01001/front-end-QA-to-interview
  • (字节/华为/美团)前端面经记录冷冷清清的金三银四 若川视野 面试javapythonreactvue
    大家好，我是若川。持续组织了8个月源码共读活动，感兴趣的可以点此加我微信ruochuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》包含20余篇源码文章。历史面试系列从毕业到现在已经在北京3年了，当年一起来北京的同学，如今都有了要离开的打算。我也在萌生了想要去成都的想法。然而从投递简历开始，就感受到了今年确实不是很景气。很多大厂不是裁员就是
  • 关于前端设计模式 努力学习前端的77 前端设计模式前端设计模式
    前端设计模式：参考：https://www.cnblogs.com/tugenhua0707/p/5198407.htmlhttps://zhuanlan.zhihu.com/p/256405681设计模式6大原则：https://www.cnblogs.com/toutou/p/4870926.html前端面经：https://juejin.cn/post/6939774328858738696
  • 前端面经真题解析2-字节/抖音/前端（四万字长文） 浪里个浪zxf 前端面试前端javascript开发语言
    文章目录一面1.个人对前端的理解，需要掌握的技能2.前端路由实现几种常见的前端路由实现方式：在实现前端路由时，你通常需要做以下几个步骤：在react中使用路由react-router-domv5和v6的区别3.前端埋点、监控实现如在React中实现前端埋点可以按照以下步骤进行：4.三列布局1.使用float实现2.使用flexbox布局3.使用grid网格布局4.absolute实现5.使用tab
  • 前端面经 强缓存与协商缓存 TA_WORLD 前端面经前端面经强缓存协商缓存
    前端面经强缓存与协商缓存图片多来自第三方平台文章目录前端面经强缓存与协商缓存适用场合浏览器缓存的过程缓存规则强缓存（本地缓存）协商缓存缓存分为两种：强缓存和协商缓存，根据响应的header内容来决定获取资源形式状态码发送请求到服务器强缓存从缓存取200(fromcache)否，直接从缓存取协商缓存从缓存取304(notmodified)是，通过服务器来告知缓存是否可用强缓存相关字段有expires
  • WEB前端面经（一） 番茄&辣椒酱 Web前端面经前端jsjavascript
    1、http请求头包含哪些信息？Accept：指客户端能够处理的内容类型，在Ajax代码中，可以使用XMLHttpRequest对象中setRequestHeader函数方法来动态设置这些Header信息Accept-Charset：浏览器能够显示的字符集Accept-Encoding：浏览器能够处理的压缩编码Accept-Language：浏览器优先选择的语言Connection：浏览器与服务器
  • WEB前端面经（三） 番茄&辣椒酱 Web前端面经前端
    1、跨域？浏览器禁止非同域js进行交互，只要域名、协议、端口一个不同就是非同域。CORS（Cross-OriginResourceSharing）跨域资源共享使用自定义http让浏览器与服务器进行沟通，服务器端对于CORS的支持，主要就是通过设置Access-Control-Allow-Origin来进行的。//指定允许其他域名访问'Access-Control-Allow-Origin:*'//
  • 前端面经 http TA_WORLD 前端面经http前端ssl
    面经http文章内容摘自第三方，仅供参考http和https的基本概念http：超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地服务器的传输协议，它可以使浏览器更加高效，使网络传输减少https：是以安全为目的的http通道，简单讲是http的安全版，即http加入ssl层，https的安全基础是ssl，因此贾
  • 前端面经 前端优化 TA_WORLD 前端面经前端javascript优化面经面试
    前端面经前端优化文章目录前端面经前端优化HTTP/2Web优化最佳实践DNS与解析如何使用CDN分发缓存策略页面渲染优化避免CSS、JS阻塞CSS阻塞JS的阻塞改变JS阻塞的方式使用字体图标iconfont代替图片图标降低CSS选择器的复杂性减少重绘和回流如何避免图片资源优化Webpack优化降低请求量：合并资源，减少HTTP请求数，minify/gzip压缩，webP，lazyLoad。加快请求
  • 2021.10.9web前端面经 lololiliko csshtml5html
    一、初见面1.自我介绍简单的介绍一下自己的学校，专业方向。说了下之前的实习情况，以及自己的学校专业课。2.笔试没有手撕代码，题目都是解答题。1.聊聊输入链接按下回车后浏览器都在做什么。回答方向往前端渲染，答偏了。复盘解答：1.先进行DNS域名解析，查看本地hosts文件，查看有没有当前域名对应的ip地址，若有直接发起请求，没有的话会在本地域名服务器去查找，如果本地域名服务器没查找到，会从根域名服务
  • web前端面经总结 努力学习的俊猫 web前端开发前端html5jquery
    web前端面经总结（1）HTML的集中布局方式静态布局元素均采用px设置宽高。流式布局子元素主要采用%来设置宽度，用于屏幕太大（或小）不能完美显示子元素的时候使用，但是子元素的相对布局不会改变。比如说，一行是5个div,每个宽度设为20%，父元素宽为500px时，每个100px,但是子元素最完美的宽度却是80px，通常搭配min-width、max-width使用，不至于过大过小。自适应布局每个屏
  • 前端面经(PALMAX) GRP_dream 面试问题面经Web前端
    简单题1.标准盒模型和IE盒模型的区别？标准盒模型：width和height不包括padding和borderIE盒模型：width和height包含padding和borderie8以上都是w3c标准盒模型ie5极其以下都是ie盒子模型，ie6、ie7、ie8在混杂模式下ie盒模型，在标准模式下是w3c标准盒模型(注意：ie6在混杂模式下一定是Ie盒模型，而ie7、ie8在混杂模式下不一定是ie
  • web前端面经 扛狼1427 csshtmljavascript
    1.的作用？告诉浏览器的解析器用什么文档标准解析这个文档2.行内元素？(一个行内元素占据它对应标签的边框所包含的空间)行内元素是指一行内可连续并排出现的元素，例如：...3.块级元素？块级元素占据父容器的整个宽度，例如：H5新标签...4.行内元素和块级元素的区别？格式上：默认情况下，行内元素不会以新行开始，而块级元素会内容上：默认情况下，行内元素只能包含文本和其他行内元素，而块级元素可以包含文本
  • 2020.8腾讯前端秋招面经 前端彭于晏Eddie 面试面经vuejs前端面试
    文章目录2020.8秋招腾讯前端面经第一次一面第二次一面1.两个字符串最大子串2.实现fun函数满足fun(2)(3)(4)=2，要求考虑扩展3.watch和computed区别，对于computed缓存性的理解4.惰性加载5.vue-router怎么触发模块变化2020.8秋招腾讯前端面经第一次一面数学与统计学院的学生为什么选择前端二叉树的中序遍历n阶台阶，一步或者两步走，有多少种走法定义f(n
  • web前端面经 梦境半小时
    注册登录是怎么实现的1.登陆注册要做成受控组件，组件定义state，和表单绑定2.redux-saga调用数据请求，发送action修改数据，useEffect中dispatch发送数据请求，后端比对用户名是否重复，返回state3.前端根据返回的信息成功跳转登陆页4.登陆发送数据请求，数据库对比用户名密码是否正确,根据后端返回的结果进入首页5.setCookie将用户登录名密码token存coo
  • 【初 / 中级前端面经】中小型公司面试时都会问些什么? 记得抬头微笑 原生JSPromiseJSjavascriptjs前端面试webpack
    前言本文主要记录面试过程中涉及到的问题，文中会有部分我在面试中的经历和我当时是怎么回答这个问题的，只是给大家提供思路，绝非标准答案！为避免不必要的问题，题目将所属通过A、B、C的形式记录。公司AA公司的这个岗位职称比较高，所以涉及到的一些原理层面的东西居多，而且面试官在提问的时候，会按照你回答的东西去问下一个问题。ES6的新特性promise.all的原理webpack跟vite的区别vite的优
  • 虾皮 | 2020校园春招前端面经 格致匠心
    双非+无实习经验+考研失败党目前虾皮offer已收到。笔试：选择题12条包括HTTP2的知识、冒泡事件和捕获的、出入栈顺序之类的，数据结构、JS、计算机网络都有覆盖到。代码题3条：版本号比较，比如2.9.13>2.8；解析'a=4&b=2'=>{a:4,b:2}把字符串转为对象string=>object，然后用reduce函数把所有对象的a属性全加起来；编写函数解析类似字符串'2[a3[b]]'
  • 杭州 3~5年 前端面经，高频面试题总结 若川视野 面试java编程语言人工智能字节跳动
    大家好，我是若川。假期归来，国庆期间没有更文，不用想每天发什么文章，不用担心阅读量，其实感觉挺好。最近组织了源码共读活动《1个月，200+人，一起读了4周源码》，已经有超100+人提交了笔记，群里已经有超1500人，感兴趣的可以点此链接扫码加我微信ruochuan12金九银十，推荐这篇杭州3-5年面试的文章。本文经作者授权转载。作者：懒狗小前端链接：https://juejin.cn/post/7
  • 最全前端面经（持续更新） 阿迪不想上班 前端学习经验分享经验分享程序人生面试
    下面是我面试过程所整理的知识点，如有错误请指出。目录OSI的7层模型：HTTP特点、HTTPS特点等UDP和TCP的特点与区别HTTP1.0/1.1/2.0对称加密与非对称加密XSS与CSRF跨域：强缓存与协商缓存：JS数据类型深拷贝浅拷贝判断JS数据类型的基本方法：闭包this的指向问题JS运行机制箭头函数和展开语法...cookie、sessionStorage和localStorage如何创
  • 阿里19年校招前端面经 C脖子
    一面一面的电话是8月13日打来的，约了14号下午7点，结果7点半才打来。主要内容：自我介绍看你项目用了Vue,vue的工作原理讲一下讲一下vuex，为什么要用vuex，不用vuex应该怎么做了解过vuerouter的实现吗，讲一下vuerouter的作用vue的生命周期讲一下flex布局页面上有两个元素，如何计算它们的中心点距离304状态码知道吗？和200FROMCACHE有什么区别？跨域的方法，
  • 文远知行前端面经 （社招资深） CRJ997
    一面（2022年2月21日）：中间挺多意外的：自我介绍介绍一下项目。根据项目问了以下一些问题：使用canvas过程中有没有进行一些优化。用了缓存canvas来减少一部分操作步骤，然后问了下如果缓存canvas过多怎么处理？这个没答上来，感觉有必要看一下Fabric的源代码（面试官想让我答LRU，但是每次重绘都要画一次画板，个人觉得做不到）。然后问我还有没有其他项目要介绍的。我说了一下electro
  • 05.前端面经汇总javaScript篇 杨苏西 10.面经相关javascript前端
    一、JS数据类型相关1.JavaScript有哪些数据类型，它们的区别？JavaScript共有八种数据类型，分别是Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。其中Symbol和BigInt是ES6中新增的数据类型：Symbol代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。BigInt是一
  • JAVA基础 灵静志远 位运算加载Date字符串池覆盖
    一、类的初始化顺序 1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器 同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。 二、String 1 String a = "abc"; JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根
  • keepalived实现redis主从高可用 bylijinnan redis
    方案说明 两台机器（称为A和B），以统一的VIP对外提供服务 1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始
  • java文件操作大全 0624chenhong java
    最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 一.获得控制台用户输入的信息    &nbs
  • android学习任务 不懂事的小屁孩 工作
    任务 完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog，并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程，并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果，写一个实例 已完成 复习fragem
  • zoom.js 换个号韩国红果果 oom
    它的基于bootstrap 的 https://raw.github.com/twbs/bootstrap/master/js/transition.js  transition.js模块引用顺序 <link rel="stylesheet" href="style/zoom.css"> <script src=&q
  • 详解Oracle云操作系统Solaris 11.2 蓝儿唯美 Solaris
    当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。 
  • spring学习——springmvc（一） a-john springMVC
    Spring MVC基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。   1，跟踪Spring MVC的请求 请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前
  • hdu4342 History repeat itself-------多校联合五 aijuans 数论
    水题就不多说什么了。 #include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
  • EJB和javabean的区别 asia007 beanejb
    EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了   1.EJB用于服务端应用开发, 而JavaBeans
  • Struts的action和Result总结 百合不是茶 strutsAction配置Result配置
        一:Action的配置详解:      下面是一个Struts中一个空的Struts.xml的配置文件     <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo
  • 如何带好自已的团队 bijian1013 项目管理团队管理团队
    在网上看到博客" 怎么才能让团队成员好好干活"的评论，觉得写的比较好。 原文如下： 我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点： 1.诚信         对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提
  • Java代码混淆工具 sunjing ProGuard
    Open Source Obfuscators ProGuard http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
  • 【Redis三】基于Redis sentinel的自动failover主从复制 bit1129 redis
    在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。   什么是Sentine
  • 使用代理实现Hibernate Dao层自动事务 白糖_ DAOspringAOP框架Hibernate
    都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。 public void save(Object obj){ Session session = this.getSession(); Transaction tran = session.beginTransaction(); try
  • maven3实战读书笔记 braveCS maven3
    Maven简介 是什么？ Is a software project management and comprehension tool.项目管理工具 是基于POM概念(工程对象模型) [设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复] [与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区]     功能：
  • 编程之美-子数组的最大乘积 bylijinnan 编程之美
    public class MaxProduct { /** * 编程之美 子数组的最大乘积 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。 * 但按题目的意思，是要求得这个子数组，而不
  • 读书笔记-2 chengxuyuancsdn 读书笔记
    1、反射 2、oracle年-月-日 时-分-秒 3、oracle创建有参、无参函数 4、oracle行转列 5、Struts2拦截器 6、Filter过滤器(web.xml) 1、反射 (1)检查类的结构 在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。 2、oracle年月日时分秒 s
  • [求学与房地产]慎重选择IT培训学校 comsci it
          关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题       培训学校的教学楼和宿舍的环境和稳定性问题       我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... &nb
  • RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 daizj oraclermanfilespersetPARALLELISM
    RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转 PARALLELISM --- 我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： RMAN > configure device type disk parallelism 3 ; 表示启动三个通道，可以加快备份恢复的速度。
  • 简单排序:冒泡排序 dieslrae 冒泡排序
    public void bubbleSort(int[] array){ for(int i=1;i<array.length;i++){ for(int k=0;k<array.length-i;k++){ if(array[k] > array[k+1]){
  • 初二上学期难记单词三 dcj3sjt126com sciet
    concert 音乐会 tonight 今晚 famous 有名的；著名的 song 歌曲 thousand 千 accident 事故；灾难 careless 粗心的，大意的 break 折断；断裂；破碎 heart 心（脏） happen  偶尔发生，碰巧 tourist 旅游者；观光者 science （自然）科学 marry 结婚 subject 题目；
  • I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码 dcj3sjt126com redis
    wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-stable make   前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。 异常一： make[2]: cc: Command not found 异常原因：没有安装g
  • 并发容器 shuizhaosi888 并发容器
       通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。    并发容器ConcurrentHashMap       替代同步基于散列的Map，通过Lock控制。   &nb
  • Spring Security（12）——Remember-Me功能 234390216 Spring SecurityRemember Me记住我
    Remember-Me功能   目录   1.1     概述 1.2     基于简单加密token的方法 1.3     基于持久化token的方法 1.4     Remember-Me相关接口和实现
  • 位运算 焦志广 位运算
    一、位运算符Ｃ语言提供了六种位运算符： & 按位与 | 按位或 ^ 按位异或 ~ 取反 << 左移 >> 右移 1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。 例如：9&am
  • nodejs 数据库连接 mongodb mysql liguangsong mongodbmysqlnode数据库连接
    1.mysql 连接    package.json中dependencies加入     "mysql":"~2.7.0"    执行 npm install      在config 下创建文件 database.js    
  • java动态编译 olive6615 javaHotSpotjvm动态编译
        在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。     HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视
  • Storm0.9.5的集群部署配置优化 roadrunners 优化storm.yaml
    nimbus结点配置（storm.yaml）信息： # Licensed to the Apache Software Foundation (ASF) under one # or more contributor license agreements. See the NOTICE file # distributed with this work for additional inf
  • 101个MySQL 的调节和优化的提示 tomcat_oracle mysql
    　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。 　　3. 使用电池供电的RAM（注：RAM即随机存储器）。 　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列
  • zoj 3829 Known Notation(贪心) 阿尔萨斯 ZOJ
    题目链接：zoj 3829 Known Notation 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。 解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他