文末
如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。
同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。
这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。
269页《前端大厂面试宝典》
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。
前端面试题汇总
JavaScript
开源分享：docs.qq.com/doc/DSmRnRG…
但我这边是要面的。很多公司面人的问题千奇百怪，甚至是很脱离实际开发工作，我个人对这样的面试没有好感，我自己弄了一套面试题目。非常遗憾，我的问题不多，也不偏离业务开发，但面试快一年了，全答上的面试者有一个。那哥们我很喜欢，给了offer，不过别人没选我这边。其余的起码大几十个面试者，都或多或少地“翻车”，我也只能挑几个翻车不严重的人进2面。哪里翻车最严重？CSS！我只有4道CSS面试题，90%的面试者翻车。
-
第一道：有3个div，呈竖向排列，第一个div贴顶，第三个div贴底，中间的div填满剩余空间。该怎么做？（flex，grid，js动态计算）
-
第二道：我要写一个弹窗，需要水平竖直居中，同时它不能被其他元素遮掩。该怎么做？
（居中，zindex，zindex的从父原则）
- 第三道：你的移动端的自适应是怎么做的？
（rem，vwvh。其实这两个等比放大缩小的自适应单位解决方案是不够完美的。内容用px + 排版用自适应单位 + 布局采用flex/grid才是解决移动端自适应的最优解）
- 第四道：如何减少重排。
这4个题是真的不难，我原先的设想是搞几道css做开胃菜，慢慢深入了解面试者，然而这个翻车率是我始料未及的，特别是很多的面试者都在简历上注明：擅长/熟练使用Flex布局。想想面试那段时间都挺头疼的，比如发请求拿数据，每个前端都要做的事。问怎么区分返回内容是文件流还是json数据，其实就一个content-type，答上来的人不多。问平时怎么上传文件的？就一个form-data，很多人也不会。再问怎么看一个资源的缓存情况，一个control-cache，就更没人会了…
我不想问一些httptcp、什么链路层、什么三次握手、什么https的加密规则，平时工作用不着，刻意去背一背应付面试，不见得能体现一个面试者的水平。但我问的这些这么实操的东西都不知所云，那是绝对行不通的。现在很多前端，只会跑vue-cli搭建个项目，import一下ui库，就觉得自己没问题了，实际上在我眼里连日常开发工作都应付不了。
我这种还算好的了，碰到喜欢出越深越好，越偏门面试题的，可能是真不想招人，不想要KPI，但要是换他来答题，十有八九更差劲（别杠，杠就是你对）。虽然说是问CSS少了，但不怕一万就怕万一，咱们可别因没准备吃了哑巴亏，所以我整理了一套前端面试题免费分享给大家，里面包括了CSS，大家在准备面试时，也别忘了看下CSS哈。
================================================================
1.页面渲染时，dom元素所采用的布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为
2.ie盒模型算上border、padding及自身（不算margin），标准的只算上自身窗体的大小css设置方法如下
3.几种获得宽高的方式
4.拓展各种获得宽高的方式
5.边距重叠解决方案(BFC)BFC原理
6.cssreset和normalize.css有什么区别：
7.居中方法
8.css优先确定级
9.如何清除浮动
10.CSS开启GPU加速
11.开启GPU硬件加速可能触发的问题
12.CSS中link与@import的区别
13.CSS选择器列表优先级及权重
14.display:none和visibility:hidden的区别：
15.介绍一下CSS的盒子模型
1.你是怎么理解HTML语义化
2.你用过哪些HTML5标签
3.metaviewport是做什么用的，怎么写？
4.H5是什么
5.label标签的作用
6.行内元素有哪些？块级元素有哪些？空(void)元素有那
些？
7.a标签中如何禁用href跳转页面或定位链接
8.canvas在标签上设置宽高和在style中设置宽高有什么区别
9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
10.iframe有哪些缺点？
1.vue.js的两个核心是什么？
ES6
-
列举常用的ES6特性：
-
箭头函数需要注意哪些地方？
-
let、const、var
-
拓展：var方式定义的变量有什么样的bug？
-
Set数据结构
-
拓展：数组去重的方法
-
箭头函数this的指向。
-
手写ES6 class继承。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
微信小程序
-
简单描述一下微信小程序的相关文件类型?
-
你是怎么封装微信小程序的数据请求？
-
有哪些参数传值的方法？
-
你使用过哪些方法，来提高微信小程序的应用速度？
-
小程序和原生App哪个好？
-
简述微信小程序原理？
-
分析微信小程序的优劣势
-
怎么解决小程序的异步请求问题？
