2

css

BFC的理解，作用

• BFC块级格式化上下文，属于普通流，里面的元素不会影响到外面的元素，可以看做是独立的容器。
• 触发条件：
  1.float不为none
  2.overflow不为visible，比如可以hidden，auto
  3.设置伪元素：after{content:’’,height:0,clear:both;zoom:1}
  4.display:table-cell,inline-block
  5.position的值为absolute,fixed
  -作用
  1.防止margin重叠
  2.在浮动元素中，防止高度塌陷
  3.用于多栏布局

伪类，实现九宫格
定底

1.footer高度固定+绝对定位
.content{padding-bottom:100px}
.footer{position:absolute;bottom:0;height:100px}
2.footer高度固定+负的margin
.content{padding-bottom:100px}
.footer{margin-top:-100px;height:100px}
3.使用js
 $('footer').removeClass('fixedClass')
 var ConHeight=document.body.scrollHeight  //网页正文的高度
 var scHeight=window.innerHeight //除去头部工具栏外的可见屏幕高度
 if(ConHeight>scHeight){
   $('footer').addClass('fixedClass')
 }else{
  $('footer').removeClass('fixedClass')
  }

js

ejs模板引擎的作用，中间层

ejs预先定义好
数据–》将数据注入到模板中–>编译
带有数据的html页面

• 什么是ejs模板引擎
  1，遍历数据显示
  2，实现数据与视图分离
  ejs是js模板库，用来从json数据中生成html字符串
  3.功能：缓存，能够缓存好的HTML模板
  4.<% code %>用来执行js代码
• 为什么使用
  1，在渲染界面的时候，如果使用json或者拼接字符串，界面不美观，代码难以阅读
  2，ejs简单高效，通过数据和模板可以生产HTML标记文本
• 使用
  1,为express设置模板引擎类型

app.set("view engine","jade/ejs/handlebars/任选其一")

2,配置ejs文件存放路径

app.set('View',path)

3.将ejs模板渲染成html页面返回给浏览器

res.render(path,data)

node的优点 https://blog.csdn.net/hsj1669666567/article/details/79568545

1. 异步事件驱动
2. 非堵塞I/O
3. 单线程（这里指主线程）
4. 性能出众

event loop http://www.ruanyifeng.com/blog/2014/10/event-loop.html
地狱回调 https://www.jianshu.com/p/39adf6ab8ad1

es6

Promise
map和set的区别
冒泡，目标，捕获

网络

长连接，短链接 https://www.cnblogs.com/gotodsp/p/6366163.html

- HTTP协议与TCP/IP协议的关系
Http属于应用层协议，在网络层使用IP协议，主要解决网络路由和寻址问题，在传输层使用TCP协议，主要解决如何在IP层可靠地传递数据包，使得网络上接收端收到发送端发送的数据包，并且顺序和发送一致，tcp是可靠的面向连接的。
- 如何理解HTTP协议是无状态的
http对处理事务没有记忆能力，也就是说，打开服务器上的一个网页和上一次打开这个服务器上的网页之间没有联系。
- 什么是长连接、短连接？
短连接：客户端与服务端每进行一次http请求，就建立一次tcp连接，任务结束就中断连接
长连接：打开网页后，客户端和服务端建立tcp连接不会关闭，客户端再访问这个服务器时，会继续使用已经建立的连接，
- 长连接和短连接的优点和缺点