后台restful api采用node + express框架。项目地址
关于为什么要使用首页服务端渲染。主要的优点有以下两点
1、在渲染首页数据时不需要客户端发起ajax请求数据然后将数据插入到页面，而是直接在服务端完成请求数据的逻辑，直接返回插入好数据的html给客户端渲染
加快首屏渲染速度
2、便于SEO，如果是单页面应用不使用服务端渲染的话在页面结构看到的只是空荡荡的div #app
关于ssr的官方文档请查看这里
想查看尤老师的官方demo请查看这里
由于文档和demo的写法不是完全一样，我这里在吸收了两者后，根据自己的理解开发了这个项目的架构，
可能有些代码和demo的介绍不一样但没有本质区别。简化了部分代码
代码缩进风格和项目架构均使用当前最标准的架构体现模块化开发的**
git clone git@github.com:zhangyuang/doubanbyvuessr.git
npm install
npm run dev 在开发模式下启动
npm run build
npm run start-prod 在生产模式下启动
开发模式具有热重载以及source map功能
生产模式具有将css文件提取为一个单独的css功能以及砍掉一些设置实现性能最大化
- 服务端使用node流式渲染提升性能 -- 完成
- 使用code spliting 尽可能优化性能 -- 完成
- 使用flex + rem实现多移动端自适应 -- 完成
- 首页查看3种分类的电影功能 -- 完成
- 查看更多电影功能 -- 开发中
- 模糊搜索电影功能 -- 完成
- 热搜词功能 -- 完成
- 查看电影详情功能 -- 开发中
- 收藏电影功能 -- 开发中
- 查看文章列表功能 -- 开发中
- 文章详情功能 -- 开发中
