zhengguorong / maizuo

使用vue/vuex/redux开发的卖座网

注意！！！

由于卖座网数据接口升级导致该项目无法正常获取数据，如果需要查看效果的，可以自行mock数据。

模仿卖座网

使用vue/vuex/redux开发的卖座网

为什么要做这个项目?

最近在做技术选型,分别是vuejs和reactjs实现相同的逻辑,方便对比其开发效率,开发体验和代码维护难度.

该项目涉及的技术

vue/maizuo_v1: webpack + vue1.0 + vue-resource + vue-router

vue/maizuo_v2: webpack + vue1.0 + vuex + vue-resource + vue-router

vue/maizuo_v3: webpack + vue2.0 + vuex2.0 + vue-resource + vue-router2.0

react/maizuo_v1: webpack + react15 + redux + react-router-redux + fetch Api

react/maizuo_v2: webpack + react16.8 + reactHook + react-router + axios

跨域问题

跨域可以使用谷歌的插件解决:https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

或者谷歌开启允许跨域,参考 http://camnpr.com/archives/chrome-args-disable-web-security.html

演示效果

maizuo's Issues

感觉你的项目被抄袭了

https://github.com/ChuckCZC/vue-demo-maizuo 这里

Uncaught (in promise) Error: 0 at eval (eval at <anonymous> (app.js:2869), <anonymous>:54:27) 报这个错误

count参数没有传过去,也没有无限滚动

关于vuex中一个loading问题

大神请教下vuexMaizuo2这，你这vuex中app下面配置的一个loading，
然后action里面没有关于loading的，
mutations中又有两个赋值，
App.vue直接调用
computed: mapGetters({
loading: 'getLoading'
})
看不懂这个getLoading获取了什么值

请问演示的gif是用什么软件录的嘛？

关于模拟数据

请教一下demo里面的api链接中的‘’v4‘’是映射到‘’http://m.maizuo.com”域名下吗？提供数据的具体实现方式是怎样的呢？

在windows上启动redux项目报错

ERROR in ./src/index.js
Module parse failed: e:\zc_test\maizuo\reduxMoonMall\src\index.js Unexpected token (16:6)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (16:6)
at Parser.pp$4.raise (E:\zc_test\maizuo\reduxMoonMall\node_modules.npminstall\acorn\3.3.0\acorn\dist\acorn.js:2221:15)
at Parser.pp.unexpected (E:\zc_test\maizuo\reduxMoonMall\node_modules.npminstall\acorn\3.3.0\acorn\dist\acorn.js:603:10)
at Parser.pp$3.parseExprAtom (E:\zc_test\maizuo\reduxMoonMall\node_modules.npminstall\acorn\3.3.0\acorn\dist\acorn.js:1822:12)
at Parser.pp$3.parseExprSubscripts (E:\zc_test\maizuo\reduxMoonMall\node_modules.npminstall\acorn\3.3.0\acorn\dist\acorn.js:1715:21)
at Parser.pp$3.parseMaybeUnary (E:\zc_test\maizuo\reduxMoonMall\node_modules.npminstall\acorn\3.3.0\acorn\dist\acorn.js:1692:19)
at Parser.pp$3.parseExprOps (E:\zc_test\maizuo\reduxMoonMall\node_modules.npminstall\acorn\3.3.0\acorn\dist\acorn.js:1637:21)
at Parser.pp$3.parseMaybeConditional (E:\zc_test\maizuo\reduxMoonMall\node_modules.npminstall\acorn\3.3.0\acorn\dist\acorn.js:1620:21)
at Parser.pp$3.parseMaybeAssign (E:\zc_test\maizuo\reduxMoonMall\node_modules.npminstall\acorn\3.3.0\acorn\dist\acorn.js:1597:21)
at Parser.pp$3.parseExprList (E:\zc_test\maizuo\reduxMoonMall\node_modules.npminstall\acorn\3.3.0\acorn\dist\acorn.js:2165:22)
at Parser.pp$3.parseSubscripts (E:\zc_test\maizuo\reduxMoonMall\node_modules.npminstall\acorn\3.3.0\acorn\dist\acorn.js:1741:35)
@ multi main

赞👍

滚动条问题

@zhengguorong 当页面滚动至底部，点击最后一个电影信息，，加载的新页面内容还是在底部，

npm run dev 报错

ERROR in ./~/.npminstall/babel-loader/6.2.5/babel-loader!./~/.npminstall/vue-loader/9.7.0/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
Module not found: Error: Cannot resolve module 'babel-runtime/helpers/extends' in /Users/st/work/vue/Vuex-maizuo/src
 @ ./~/.npminstall/babel-loader/6.2.5/babel-loader!./~/.npminstall/vue-loader/9.7.0/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 7:16-56

ERROR in ./~/.npminstall/babel-loader/6.2.5/babel-loader!./~/.npminstall/vue-loader/9.7.0/vue-loader/lib/selector.js?type=script&index=0!./src/views/home/index.vue
Module not found: Error: Cannot resolve module 'babel-runtime/helpers/extends' in /Users/st/work/vue/Vuex-maizuo/src/views/home
 @ ./~/.npminstall/babel-loader/6.2.5/babel-loader!./~/.npminstall/vue-loader/9.7.0/vue-loader/lib/selector.js?type=script&index=0!./src/views/home/index.vue 7:16-56

ERROR in ./src/vuex/modules/film/mutations.js
Module not found: Error: Cannot resolve module 'babel-runtime/helpers/defineProperty' in /Users/st/work/vue/Vuex-maizuo/src/vuex/modules/film
 @ ./src/vuex/modules/film/mutations.js 7:23-70

ERROR in ./src/vuex/modules/app/mutations.js
Module not found: Error: Cannot resolve module 'babel-runtime/helpers/defineProperty' in /Users/st/work/vue/Vuex-maizuo/src/vuex/modules/app
 @ ./src/vuex/modules/app/mutations.js 7:23-70

ERROR in ./src/vuex/modules/film/actions.js
Module not found: Error: Cannot resolve module 'babel-runtime/core-js/promise' in /Users/st/work/vue/Vuex-maizuo/src/vuex/modules/film
 @ ./src/vuex/modules/film/actions.js 8:15-55

fetchComingSoonLists 这个方法在调用的时候有三个参数 ？{ commit }, page, count

看了楼主代码，fetchComingSoonLists 这个方法在调用的时候有三个参数 { commit }, page, count
按道理说 this.$store.dispatch 方法是不支持第三个参数的 所以楼主这里的代码有错误 ，我debug了一下确实是undefined . 类似问题：https://segmentfault.com/q/1010000007185702
mounted () { this.$store.dispatch('fetchComingSoonLists', 1, 10) },
export const fetchComingSoonLists = ({ commit }, page, count) => {

关于vue路由配置文件routers.js中动态载入组件的写法

请教，代码中的写法：component: require('./views/home') 是vue-router的老写法吗？
我测试的未能实现动态载入组件

目前官方文档是这样的：
component: resolve => {
require(['./views/home'], resolve)
}
参考：http://router.vuejs.org/zh-cn/lazy.html

获取直播状态

sorry