前端知识点

1.git svn
git 分布式管理 svn 集中式管理 git克隆分支更快 支持的系统更多
2.TCP/IP协议
物理层-数据链路层-网络层(ip)-传输层(TCP,UDP,SPX)-会话层-表示层-应用层(TELNET,HTTP,FTP,NFS,SMTP)

3.http 头
accept host charset content-code content-length
get-Url包含:协议名、主机名、端口、对象路径

4.水平居中 垂直居中
垂直居中 vertical-align: middle; display:table;display:table-cell
display :flex;position: absolute;top:0; margin:auto;

5.清楚浮动方法
clear:both;:after伪类 overflow:hidden;

6.flex布局
7.浏览器渲染顺序
8.websokect 连接
9.sticky footer 不动的页脚
方案1:display: flex flex:1
方案2:height:100%;min-height:100% clear:both;2018/9/27 .footer{100%;height:160px; margin-top:-160px;}

10.box-size: boder-size宽度和高度固定后不会加padding和border的值 content-size标准的盒子模型

11.computed method区别
computed计算属性 基于缓存的,属性变化才会更新 method调用就改变 多两个()

12.let const var
let const 都是块级作用域 var 是全局的 const定义时必须赋值不能改变其值
变量提升 函数提升
13.点击事件和拖动事件区分 拖动

14.call apply 区别,js继承有几种方式
apply()方法 接收两个参数列表
call([thisObject[,arg1 [,arg2 [,...,argn]]]])
15.闭包的理解

16.Object Array判断
Object.prototype.toString.call(obj)==“[object object/Array]”
Array.isArray(obj)==true/false
Array.prototype.isPrototypeOf(arr) //true表示是数组,false不是数组
obj instanceof Array
17.vue生成周期
beforeCreate created beforeMount Mounted beforeDestory destory
18.浏览器的渲染过程
1. 浏览器会将HTML解析成一个DOM树,DOM 树的构建过程是一个深度遍历过程:当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点。
  2. 将CSS解析成 CSS Rule Tree 。
  3. 根据DOM树和CSSOM来构造 Rendering Tree。注意:Rendering Tree 渲染树并不等同于 DOM 树,因为一些像Header或display:none的东西就没必要放在渲染树中了。
  4. 有了Render Tree,浏览器已经能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系。下一步操作称之为layout,顾名思义就是计算出每个节点在屏幕中的位置。
  5. 再下一步就是绘制,即遍历render树,并使用UI后端层绘制每个节点。
?????
19.prototype原型链
__proto__
20.link和@import的区别
1.加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。
2.@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。

21.超链接点击后hover样式不起作用问题
主要是visit 和hover顺序放错了,正确的应该是:link--visited-- hover-- active
22.css兼容问题
1.chrome最小12px
2.margin-bottom margin-top 合并问题
23.dom操作方法
createElement appendChild removeChild createTextNode insertBefore() cloneNOde()
24.node js应用场景
高并发,业务逻辑简单
25.清楚浮动的方法
1.加个空div 2.:after伪类
26.div 居中

27.行内元素 块级元素 区别

28.react

29.设计模式
30 垂直居中 水平居中 staky footer
31、Arrary 方法 Array foreach map 区别
32、js继承 prototype call apply

33、ajax 同步异步区别

34、new 做了哪些事情

postcss 自动添加前缀

commonJs
backdrop-filter(blur(10px));
opacity:1 透明度
css rgba 透明

原文地址:https://www.cnblogs.com/brucehome/p/9712846.html