前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【学习笔记】0309_仿豆瓣电影app学习笔记

【学习笔记】0309_仿豆瓣电影app学习笔记

作者头像
web前端教室
发布2018-03-27 10:26:01
1.2K0
发布2018-03-27 10:26:01
举报
文章被收录于专栏:web前端教室
<!-- -->

讲课过程中会用来一些思维导图,

我这里用的是 xMind,

http://www.xmindchina.net/

<!-- -->

今天的内容是,仿豆瓣的电影app这么个demo,

里面的数据,都是使用在douban的公开api接口。

这个东西是用 vue-cli 这个脚手架来生成的,

关于vue-clic,它具体怎么用,自己百度查一下就知道,

教程很多。

<!-- 怎么找到豆瓣的公开的api接口 -->

百度搜索“豆瓣 api”

(1)、

-- 豆瓣API快速入门

https://developers.douban.com/wiki/?title=guide

(2)、

--豆瓣Api V2(测试版)

https://developers.douban.com/wiki/?title=api_v2

(3)、

--Movie API Doc

https://developers.douban.com/wiki/?title=movie_v2

<!-- -->

前端开发,无论什么东西,

第一步,先有图;

第二步,根据第一步,搞出dom结构 ;

第三步,向第二步的dom结构 里面,添东西;

第四步,根据第一步的图,向第二步的dom结构上绑定事件,用来操作第三步。

从上到下,从外到内,

先写结构(dom) ,再写表现(css),再写交互(js),

一般是这么个开发顺序。

现在讲究“数据驱动视图”,

你得先有数据才行。

<!-- -->

获取数据的ajax操作,使用axios来完成。

它需要通过npm来安装,

npm install axios -save

具体百度查一下,

<!-- -->

vuejs里,绑定属性是用 v-bind,缩写是 :src,

有一些电影图片,没有显示,现在先不管它们。

<!-- -->

vueJs里,有一个方法:created(),

它是最先执行的。

vueJs的生命周期中的,创建之后,就执行,created(),

http://blog.csdn.net/qq_24073885/article/details/60143856

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-03-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档