=============================================================
从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
个人将这段时间所学的知识，分为三个阶段：
第一阶段：HTML&CSS&JavaScript基础
第二阶段:移动端开发技术
第三阶段:前端常用框架
3. 怎么做一个登陆窗口，input有哪些兼容性
使用form表单。
4. input按钮如何校验
使用正则表达式。
5. 如何实现水平垂直居中，relative、absolute、fixed
6. 写一个函数，1s之后依次输出1,2,3,4,5
直接使用了let和定时器。
for(let i = 1 ; i < 6; i++){
setTimeout(() => {
conosle.log(i)
}, 1000)
7. 事件队列（宏任务、微任务）
8. 如何每隔三个数加一个逗号，还要考虑小数点的情况
function transform(number){
var num = number.toString()
var numArr = num.split(‘.’)
var [num, dotNum] = numArr
var operateNum = num.split(‘’).reverse()
var result = [], len = operateNum.length
for(var i = 0; i< len; i++){
result.push(operateNum[i])
if(((i+1) % 3 === 0) && (i !== len-1)){
result.push(‘,’)
if(dotNum){
result.reverse().push(‘.’， …dotNum)
return result.join(‘’)
}else{
return result.reverse().join(‘’)
9. webpack有配置过吗？原理知道吗
10. 父子组件如何通信，子组件怎么跟父组件通信？
父组件把state作为props传递给子组件进行通信。
父组件写好state和处理该state的函数，同时将函数名通过props属性值的形式传入子组件，子组件调用父组件的函数，同时引起state变化。
11. 简单说一下pwa
1. 手写indexOf
function indexOf(str, val){
var strLen = str.length, valLen = val.length
for(var i = 0; i < strLen; i++){
var matchLen = i + valLen
var matchStr = str.slice(i, matchLen)
if(matchLen > strLen){
return -1
if(matchStr === val){
return i
return -1
2. 实现 JS 的继承
function A () {
this.name = ‘a’;
A.prototype.getName = function () {
return this.name;
function B () {
// B 如何继承 A
3. 从url输入到页面显示会有哪些步骤
（1）DNS服务器解析域名，找到对应服务器的IP地址;
（2）和服务器建立TCP三次握手连接；
（3）发送HTTP请求，服务器会根据HTTP请求到数据服务器取出相应的资源，并返回给浏览器；
（4）浏览器处理响应
-
加载：浏览器对一个html页面的加载顺序是从上而下的。
当加载到外部css文件、图片等资源，浏览器会再发起一次http请求，来获取外部资源。
当加载到js文件，html文档会挂起渲染（加载解析渲染同步）的线程，等待js文件加载、解析完毕才可以恢复html文档的渲染线程。
4. method有哪些方法，分别是什么意思？post和put的区别
post：上传资源
put：修改资源
5. https有几次握手
6. http2比http1好的地方
7. 页面刷新不出来，是有哪些问题
可以从第三题的每个步骤进行分析，大概是：
-
域名不存在，或者ip地址错误
-
网络问题，不能建立正常的tcp连接
-
服务器找不到正确的资源
8. 上一次系统性的学习是什么时候，怎么学习的
9. 你觉得项目中最自豪的是什么
10. 上家公司有哪些不好的地方
再窒息也要好好回答出来！小编整的一份2021前端面试题精编包括了人事面试题、描述项目、兼容性、小程序、开发中遇到的BUG、HTML5\CSS3、JS、HTTP、ES6、VUE、React面试题，想看完整版的2021前端面试题精编的小伙伴
点击这就OK了。
-
请你自我介绍一下你自己？
-
你觉得你个性上最大的优点是什么？
-
说你最大的缺点？
-
你对加班的看法？
-
你对薪资的要求？
-
在五年的时间内，你的职业规划？
-
你还有什么问题要问吗？
-
谈谈你对跳槽的看法？
-
你对于我们公司了解多少？
-
最能概括你自己的三个词是什么？
-
数据请求怎么封装
-
参数传值的方法
-
提高小程序的应用速度的方法
-
小程序的优点
-
小程序的缺点
-
简述小程序原理
-
怎么解决异步请求问题
-
小程序和Vue写法的区别
-
小程序的双向绑定和vue哪里不一样
-
生命周期函数
-
几种跳转，小程序内的页面跳转
-
如何自定义组件
-
vue项目中用v-for 循环本地图片， 图片不显示，解决办法：使用require动态引入图片，
-
合并多个对象并去重（es6）
-
vue计算属性里如何传参：需求是需要把数值转为三位数，类似1需要变为001，10变为010这样。
-
JS监听同源其他窗口发生的事件，主要是利用 window.addEventListener('s
-
前端做登录注册时提交按钮问题在用ajax传数据给后端时，通常给button按钮绑定js事件
-
ajax传输给nodejs后台数据时的数据类型问题
-
用isNaN判断数据是否是非数字值，是则true，不是则false
-
Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
-
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
-
CSS的盒子模型有几种？各有什么特点？
-
link 和@import 的区别是?
-
CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？
-
如何居中div,如何居中一个浮动元素?
-
浏览器的内核分别是什么? 经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技
-
css属性那些有继承性？哪些没有？
-
如果盒子都为浮动，父类会没有高度，如何解决
-
visibility和display 的隐藏有什么区别？
-
伪类的写作顺序？
-
border和outline的区别
题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
的兼容性有哪些？原因，解决方法是什么，常用hack的技
题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
[外链图片转存中…(img-UrqAwciG-1715082422740)]
大家应该看过不少分享的
面试
成功的面经，但成功的可能只是少数人，失败的才是大多数人。我们要学习别人成功的经验，也要总结失败的原因，让自己不断成长。
今天要分享的是凉经，主要总结一下
面试
失败的原因。
字节
前端
实习（凉经）
css选择器权重
http状态码
跨域 JSONP原理
JSONP的优缺点
new的过程
箭头函数 与 普通函数的区别
React setState
React数据通信
手写Promise finally
[3,212,4
收不到offer，找不到工作？那还不多刷面经，多看经验！
应对互联网技术
面试
绝不仅仅是刷题就可以达到的。首先选择技术岗位，其次每个岗位开始都是先着手面经，多看到了解，提炼出必考的技术点合集，
最后
针对这些必考技术，系统学习，融会贯通。
对这个岗位的必备技能，一定要
做
到基础扎实，完全理解。
很多人都在纠结
面试
需要准备什么，当然是需要具体岗位具体对待了！
下面是真实的
百度
前端
面试
经验分享，感兴趣的小伙伴可以点击文末的链接进行测评。搬砖不易，还请各位小主动动小手点赞关注一下。
1. 实习经历
基础知识是
前端
一面必问的，如果你在基础知识这一块翻车了，就算你框架再好，无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。
（本篇文章可能只是适用于刚毕业的同学或者毕业 2
年
之内的小伙伴，大家酌情阅读~~~）
面试
准备
1）准备
面试
简历：
个人基本信息：如姓名、
年
龄、联系电话、邮箱，专业，学校等
工作经历：包括工作时间、公司、岗位、职责、技术栈、突出业绩等。
对工作理解和掌握情况：说明每个技能点是了解、熟悉、熟练使用、还是精通的水平。精准定位应聘岗位任职要求。
过度自信和极度自卑都不会给
面试
带来好的结果，只有明确自己的目标并积极备战，才能更有可能拿到offer。即使
面试
失败了也不要气馁，而是要从失败的经历中总结经验，每一次的
面试
失败都可能是你下一次
面试
成功的铺垫。
作者：路从今夜白丶https://juejin.cn/post/7142690757722243102前言省流：最终拿到了58、UMU、便利蜂、虾皮、快手、腾讯、字节的offer。金三银四
面试
的, 这次整体
面试
通过率还挺高的,
面试
前没有太多准备, 基本上是
面试
过程中不断复盘, 整理
面试
遇到的
问题
, 到
最后
面几家自己心仪的公司, 其实就会发现大家问的
问题
都差不多。滴滴第一家就面的滴滴, 啥都没准备...
敏捷开发：分很多方向，主要是平台方向，商品相关，pc、移动、小程序、B端商城后台，主页、列表页，详情页相关，我们这边也是有低代码平台的，我们有我们的建站平台，店铺的页面，商品详情页，这些都是可以配置开发的，也是有不同的主题。3、对于不同版本的组件，组件肯定有它内部维护的数据，例如
一个
图片，或者是
一个
表格之类的，会有
一个
url内容，那如果组件升级了，那组件里面的数据结构发生了改变，你们对数据合并这一块有什么处理吗？7、编辑态的时候，比如说左侧肯定会有一些组件，拖拽的时候会拖入到画布区，你们是怎么渲染出来的？
