前端基础知识点 - Githubissues

boyiFan commented 5 years ago

JS

JavaScript面试的完美指南(开发者视角) 快速掌握JavaScript面试基础知识(一) 快速掌握JavaScript面试基础知识(二) 快速掌握JavaScript面试基础知识(三) 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)

事件循环

await/async
setTimeout
setInterval
Promise
process.nextTick
Vue.nextTick
microtask，macrotask

CSS

盒子模型

解析 box-sizing

布局

定位的区别 absolute、relative、fixed、static
display的区别 block、inline、inline-block
float float和display：inline-block；的区别

HTML

HTML5新特性

Ajax

Http

性能

浏览器缓存如何实现 etag如何实现 etag和cache-control的max-age的优先级哪个比较高以及为什么、cache-control和expire优先级哪个比较高以及为什么
浏览器渲染原理 1 2
域名收敛是什么
前端优化策略列举 1 2
首屏、白屏时间如何计算

ES6

promise

ybbdaidai commented 5 years ago

类型判断
- 原始类型或者JavaScript内置对象，使用Object.prototype.toString.call(variable)
- 自定义类型，使用 instanceof
类型转换

强制转换主要指使用Number()、String()和Boolean()三个函数，手动将各种类型的值，分别转换成数字、字符串或者布尔值。
自动转换第一种情况，不同类型的数据互相运算。 123 + 'abc' // "123abc" 第二种情况，对非布尔值类型的数据求布尔值。 ‘’’ if ('abc') { console.log('hello') } // "hello" ‘’’ 第三种情况，对非数值类型的值使用一元运算符（即+和-）。
- this 几种绑定方式
- 作用域块级，全局

闭包
原形链类式继承原型继承给定构造函数，不用new，创建一个对象高频考点解析函数实现考题1 考题2 考题3 考题4

ybbdaidai commented 5 years ago

CSS

长度单位：px，em，rem，vw/vh
- em和rem的区别在于，rem是相对于根元素（html）的字体大小，而em是相对于其父元素的字体大小
- rem所代表的尺寸大小与屏幕宽度成正比
- rem和px可以方便进行转换？
- rem可以实现响应式布局么？
- vw/vh 相对于视窗的尺寸，视窗指的是网页的可见部分
页面布局
- 圣杯布局-双飞翼布局
- 三列布局，左右定宽，中间自适应，任意列的高度最高
- 三种实现方式，相对布局，flex布局，绝对布局
- 流式布局
- 把盒子宽度设成百分比，根据屏幕的宽度进行伸缩
- 响应式布局
- 利用CSS3 中的 Media Query(媒介查询)，通过查询 screen 的宽度来指定某个宽度区间的网页布局。
- 这里的screen宽度指视窗的宽度？
CSS优先级算法
- 如何和何时使用CSS的!important，用户样式，作者样式和浏览器默认样式，优先级
CSS3新增的伪类和伪元素，之前的伪类和伪元素
CSS新特性
CSS动画
- transform，transition，animation
BFC
- Block Formatting Context
- 块格式化上下文，是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面元素。相当于渲染环境中一个独立的作用域。
- 与盒模型结合成一套完整的渲染机制
flex布局
grid布局
box-sizing
- content-box，默认值，只计算内容的宽度，border和padding不计算入width之内
- border-box，border和padding计算入宽度之内
硬件加速
- 利用渲染机制的原理

引用

那些你需要知道的CSS-面试

ybbdaidai / interview

前端基础知识点 #4

JS

事件循环

prototype

作用域链

this

闭包

事件模型

委托机制

模块化

异步与同步

CSS

盒子模型

布局

HTML

HTML5新特性

meta

Ajax

Http

性能

ES6

promise

CSS

引用