前端相关知识点（2018.09.06 星期四）

每日总结

前端相关知识点

组件的使用

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

组件间的传值

父传子 props属性

前后端分离的概念

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

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

客户端渲染 vs 服务端渲染

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

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

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

转载于:https://juejin.im/post/5b9b6f9b5188255c57212af4