前端通识笔记

css基础题

问：CSS有哪些选择器？它们的权重怎么计算的？
CSS选择器分基本选择器(元素选择器，类选择器，通配符选择器，ID选择器，关系选择器),属性选择器，伪类选择器，伪元素选择器，以及一些特殊选择器,如has，not等。
在CSS中，权重决定了哪些CSS规则生效，浏览器按如下规则进行CSS权重计算
1000：内联样式
0100：ID选择器
0010：类，伪类，属性选择器
0001：元素，伪元素，通配符，子选择器，相邻选择器等
无：继承样式
浏览器通过对元素上的CSS规则进行权重计算，权重高的规则将生效，如果权重相同则最后的规则生效，而使用的！important的规则将具备最高权重，如果多条规则有！important，同样是最后的规则生效
问：CSS盒子模型
有两种， IE 盒子模型、标准 W3C 盒子模型；IE的content部分包含了 border 和 pading;
盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border).
问：浮动的原理和工作方式，会产生什么影响呢，要怎么处理？
工作方式：浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。
影响:
浮动会导致父元素无法被撑开，影响与父元素同级的元素。
与该浮动元素同级的非浮动元素，如果是块级元素，会移动到该元素下方，而块级元素内部的行内元素会环绕浮动元素；而如果是内联元素则会环绕该浮动元素。
与该元素同级的浮动元素，对于同一方向的浮动元素(同级)，两个元素将会跟在碰到的浮动元素后；而对于不同方向的浮动元素，在宽度足够时，将分别浮动向不同方向，在宽度不同是将导致一方换行(换行与HTML书写顺序有关，后边的将会浮动到下一行)
浮动元素将被视作为块元素
常用的清除浮动的方法，则如使用空标签，overflow，伪元素等。
问：CSS中的定位机制
absolute
生成绝对定位的元素，相对于值不为 static的第一个父元素进行定位。
fixed （老IE不支持）
生成绝对定位的元素，相对于浏览器窗口进行定位。
relative
生成相对定位的元素，相对于其正常位置进行定位。
static
默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right z-index 声明）。
inherit
规定从父元素继承 position 属性的值。
问：常见的CSS布局
block 布局是把块在垂直方向从上到下依次排列的；
inline 布局则是在水平方向来排列
flex 布局会调整其中包含的条目的尺寸和顺序来最好地填充所有可用的空间

CSS项目题

1. 如何实现常见的Header, main, footer布局（至少占满一屏）和左右布局
2. 怎么调z-index都没有用，是因为什么
3. 一个大的项目，css如何规划，需遵循什么规范
4. 如何实现多分辨率适配

js基础题

问：作用域和作用域链
首先有全局作用域
其次函数在创建的时候会用一个属性保存当前所在的作用域
函数在执行的时候会生成函数作用域，压入到作用域栈中，形成作用域链
访问变量时，首先在当前作用域寻找，找不到会沿着作用域链继续寻找
问：闭包机制
内部函数执行时可以通过作用域链访问外部函数的变量
问：原型和原型链
构造函数在创建的时候会内建一个prototype属性保存原型对象
通过构造函数实例化的对象会内建__proto__属性指向原型对象
原型对象也是个对象，也有__proto__属性指向原型对象的原型对象，形成原型链
访问对象属性时，首先寻找对象本身的属性，找不到时会沿着原型链继续寻找
问：实现继承
通过构造函数和原型实现继承
问：事件机制
事件流包括三个阶段：事件捕获阶段(capture phase)、处于目标阶段(target phase)和事件冒泡阶段(bubbling phase)
首先发生的是事件捕获，为截获事件提供了机会。事件是从document向下传递，直到事件的发生地（目标元素）
然后是实际的目标接收到事件
最后一个阶段是冒泡阶段，可以在这个阶段对事件做出响应，事件从事件的发生地（目标元素），一直向上传递，直到document
问：介绍事件委托
利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！
js项目题

1. 如何解决a.b.c.d可能会出现的undefined问题
2. 如何实现模块化
3. 函数式编程

html
1.0 行内标签 和块级标签的区别
css
1.0 css水平、垂直居中的写法，请至少写出4种？
2.0 1rem、1em、1vh、1px各自代表的含义？
3.0 你了解的盒模型
4.0 清除浮动的几种方式，及其原理
5.0 BFC是什么
js
1.0 var、let、const 定义变量，有什么区别？
2.0 有哪些数据类型
3.0 你理解的闭包，在哪里使用了闭包
4.0 数组如何去重
5.0 如何拷贝一个对象
6.0 如何解决跨域的问题。
ie和谷歌浏览器是否有不一致的情况？
7.0 用到了哪些es6的功能
8.0 异步请求promise
9.0 cookie，session，localStorage，sessionStorage的区别
10.0 事件循环eventloop
11.0 webpack相关的
12.0 前端框架相关的内容
[vue] vue的生命周期函数都有哪些，分别有什么作用

[vue]data为什么是个函数

[vue] methods 和 computed 和 watch 的区别

[vue] v-show 和 v-if的区别

[vue] vue的diff算法

[vue] vuex

[vue] vue路由

通用

1. http的响应状态码
2. https的原理
3. http2.0有哪些优势
4. 性能优化

点击查看页面浏览者数据