前端相关知识点(2018.09.06 星期四)

168 阅读1分钟

每日总结

前端相关知识点

组件的使用

页面如果有相同的块,可以使用组件,后期会很方便

组件间的传值

父传子 props属性

前后端分离的概念

传统开发方式:前端必须依赖后端响应的包含数据的页面

  1. 不依赖后端的运行环境
  2. 需要响应页面nginx
  3. 需要请求数据ajax
  4. 需要得到数据 json-server 模拟数据

客户端渲染 vs 服务端渲染

性能区别:
客户端渲染机器性能不如服务器

用户体验:
服务端渲染响应一个页面,这个完整的页面内容会有很多,有可能因为网速,执行效率,工作量的原因,造成局部卡顿(每次都是一整个页面)
客户端:响应第一个页面也同样容易卡顿,
1.传统多页应用:每次都是一整个页面,页面会跳转,闪烁(首屏容易卡顿)
2.单页应用:就第一次响应一整个页面,后面都是局部渲染(客户端做小型的渲染工作,体验比较好,不会有页面跳转的行为)

总结:服务端渲染性能更好,客户端渲染结合单页应用体验更加