Vue.js写一个移动端新闻

Vue.js写的一个移动端新闻

刚学Vue，就本身动手撸了一个项目，项目可能不成熟，请你们多提意见

源代码

源代码地址: GitHub

预览

在线预览

在线预览地址: Vue新闻

ps: 电脑预览请切换到移动端,搜索的时候可能有点慢(API的问题)

预览图

技术栈

Vue2：采用最新Vue2的语法

Vuex：状态管理，实现不一样组件之间的状态共享

vue-router：路由管理，实现路由的跳转

axios：发起http请求

Express：处理跨域请求问题

Webpack：自动化构建工具，大部分配置vue-cli脚手架已经弄好了，很方便

淘宝flexible：经过改变font-size,利用rem解决移动端适配问题

使用 Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

遇到的问题

• 布局问题：在作项目以前，应该构思好大体的布局结构，各个组件的结构设计与联系要想好，本人作这个项目就是布局出了问题，致使后面要修改一大堆的东西，这个 项目也是重作了两次。

• 异步编程问题：本项目使用了极速数据的API，后端的API编写也要解决请求数据的异步问题，JS实现异步的方法有回调、Generator、Promise、Async。
  回调层次多了，有回调地狱问题，代码的重用性、可观性很差；Generator须要手动执行（co模块可解决），相比之下，Promise和Async是比较理想的。

• 组件之间通讯问题: 父组件能够经过props属性给子组件通讯，子组件经过监听、触发事件向父组件通讯，那兄弟组件呢？Vue2.0有eventBus解决这个问题，可是本人 仍是特别喜欢用vuex，vuex将状态集中管理，真是太方便了

总结

Vue.js真是过轻巧了，数据驱动使代码更加的简练，vue-router免去了传统前端跳转页面带来的页面的所有刷新，组件系统让咱们能够用独立可复用的小组件来构建大型应用。

ps:18届软件工程学生求份前端实习工做 个人简历