jeneser / douban Goto Github PK

你好！！ 我最近在学vue 看了你的写的项目。写的很好！ 但是有点看不懂的地方就是那个 头部的
header-bar 你是怎么插进去的 我看不懂？希望 能教一下我

按照文档安装之后，在http://localhost:8080地址访问页面，出现js报错
f.findIndex is not a function

感觉电影和图书的左右滑动没有官方的流畅，好奇官方用的什么组件

如题

豆瓣标题用<h1>,但是字体比较特殊,重新引入字体文件不现实,用一张图片加以替换还是比较现实的,成本低,操作简便.豆瓣官方也是这么做的,所以,在这里也实现了一下.
首先替换用的图片是一个base64的图片,所以优化上不会存在任何问题.然后用图片作为背景,调整好大小,位置.但是h1中的文字任然存在于页面中,要想办法将它隐藏,这里这里直接将他的字体大小设置为0px,就OK了.

视图发现好电影的渲染需要换行,但是,v-for直接渲染,往中间加一个空标签不现实,
我这里用的黑科技是css3里的li:empty,那么这个空元素怎么来呢?v-if条件渲染

Running the project in development mode,When visited /#/pages/group, DevTools throws a warn

[vue-router] missing param for named route "SubjectView": Expected "id" to be defined

Please fix it ~~

Thanks @UNDERCOVERj #6 (comment)

➜ douban npm run dev
npm ERR! missing script: dev

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/wangqian/.npm/_logs/2018-04-20T10_12_21_542Z-debug.log

全局更新npm后，版本升级到5.8，仍然不管用，是什么原因导致的呢

Describtion:
After the successful acquisition of JSON data,assign data to this.subject,everything is ok,but,At run time,parent component can render data,but got a [Vue warn]:

vue.common.js?e881:560 [Vue warn]: Error in render function: 
(found in <SubjectView> at /home/jeneser/workspace/douban/src/views/SubjectView.vue)

TypeError: Cannot read property 'average' of undefined
    at Proxy.render (eval at <anonymous> (app.js:1346), <anonymous>:29:36)
    at VueComponent.Vue._render (eval at <anonymous> (app.js:723), <anonymous>:3609:22)
    at VueComponent.updateComponent (eval at <anonymous> (app.js:723), <anonymous>:2158:21)
    at Watcher.get (eval at <anonymous> (app.js:723), <anonymous>:2469:25)
    at new Watcher (eval at <anonymous> (app.js:723), <anonymous>:2452:12)
    at mountComponent (eval at <anonymous> (app.js:723), <anonymous>:2162:17)
    at VueComponent.Vue$3.$mount (eval at <anonymous> (app.js:723), <anonymous>:7252:10)
    at VueComponent.Vue$3.$mount (eval at <anonymous> (app.js:723), <anonymous>:9301:16)
    at init (eval at <anonymous> (app.js:723), <anonymous>:2931:13)
    at eval (eval at <anonymous> (app.js:723), <anonymous>:3246:5)

My code:

<rating :average="subject.rating.average"></rating>

this.$http.jsonp('https://api.douban.com/v2/' + classify +
                     '/subject/' + id)
              .then(res => {
                console.log(res.body)
                this.subject = res.body
              })

Please fix it ~~

你好，路由嵌套，已经解决了滚动后的位置还原，那个这个有什么用呢

上拉加载更多数据，然后点进某一个详情页，返回的时候没有记录上一页的位置而是返回顶部这个要怎么样解决比较好？

现在切换 tab 的时候，如果发生滑动，其他的页面也会随之滑动，如何解决这个问题？

[email protected] dev /Users/sharexie/Documents/project/vuedemo/douban-master
node build/dev-server.js

events.js:160
throw er; // Unhandled 'error' event
^

Error: listen EADDRINUSE :::8080
at Object.exports._errnoException (util.js:1026:11)
at exports._exceptionWithHostPort (util.js:1049:20)
at Server._listen2 (net.js:1257:14)
at listen (net.js:1293:10)
at Server.listen (net.js:1389:5)
at EventEmitter.listen (/Users/sharexie/Documents/project/vuedemo/douban-master/node_modules/express/lib/application.js:618:24)
at Object. (/Users/sharexie/Documents/project/vuedemo/douban-master/build/dev-server.js:71:22)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.runMain (module.js:604:10)
at run (bootstrap_node.js:394:7)
at startup (bootstrap_node.js:149:9)
at bootstrap_node.js:509:3

npm ERR! Darwin 15.6.0
npm ERR! argv "/usr/local/Cellar/node/6.8.1/bin/node" "/usr/local/bin/npm" "run" "dev"
npm ERR! node v6.8.1
npm ERR! npm v3.10.8
npm ERR! code ELIFECYCLE
npm ERR! [email protected] dev: node build/dev-server.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script 'node build/dev-server.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the douban package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node build/dev-server.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs douban
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls douban
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/sharexie/Documents/project/vuedemo/douban-master/npm-debug.log

麻烦看下这是什么问题

您好，您在项目中使用了vue-scroll-behavior解决页面位置的记录与恢复。在首页/电影/图书列表页均可以恢复位置，但在详情页每次都默认回到了顶部。在项目中只是简单配置了Vue.use(vueScrollBehavior, { router: router })，请问这是如何做到的。

Hi,
I created the project with vue-cli. 'npm run dev' has worked flawlessly. Wanted to test a version of the app on my hosting server and my github pages.But the pages is blank.Before this,I have modified config->index.js->assetsPublicPath: './',There no any error in the console.please help me thanks

error in ./src/main.js

Module build failed: Error: Cannot find module 'babel-runtime/core-js/get-iterator'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (E:\web前端\github项目集\douban\node_modules_babel-core@6.26.3@babel-core\lib\transformation\file\index.js:6:21)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (E:\web前端\github项目集\douban\node_modules_babel-core@6.26.3@babel-core\lib\api\node.js:6:13)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)

@ multi ./build/dev-client ./src/main.js

New branch,
remove vue-material

这个能做容错么？

在 index.html里加上

<meta name="referrer" content="never">

即可 参考