Blog

Blog

PHODAL

用 jQuery实现 豆瓣读书 书单导出

想将读过的书导入到自己的博客中,于是便开始寻找,只是似乎没有找到合适的工具,于是只好自己动手了。

豆瓣导出书单

目测豆瓣用到了jQuery,打开Console,意外的发现:

喜欢看豆瓣的代码,还是发现了什么bug?不如和我们一起为豆瓣添砖加瓦吧!
http://jobs.douban.com/#position-zsqd

果然这就是前端工程师的好处啊~~

添砖加瓦包括导出书单么?于是,只好默默地写js代码了,思路神马地都挺简单的。

  • 用jQuery找到所有的元素
  • 将结果加上书名号
  • 丢掉某个IDE中用一下替换

于是就有了

var books = [];
$(".list-view .title a").each(function (index, book) {
    var book_name = $(book).text();
    books.push("《" + $.trim(book_name) + "》"));
})

接着便是每一页都打开一次,神马的。似乎这种事应该用Ruby来做啊,缩略的JS代码。

  var books=[];$(".list-view .title a").each(function(index,book){var book_name=$(book).text();books.push("《"+$.trim(book_name)+"》"));})

但是一想想用Ruby的话,似乎很麻烦,看到了一个叫神马阅读DNA的网站,所有的书都在一页里,瞬间觉得爽了~~

var books = [];
$(".fl img").each(function (index, text) {
    (books.push("《" + $(text).attr("alt") + "》"))
})

还有去掉换行的代码

  var books = [];$(".fl img").each(function(index,text){(books.push("《"+$(text).attr("alt")+"》"))})

献上书单,要是有API神马的就好了

 ["《认知与设计》", "《可爱的洪水猛兽》", "《通稿2003》", "《独唱团(第一辑)》", "《就这么漂来漂去》", "《三重门》", "《我所理解的生活》", "《他的国》", "《韩寒:就这么漂来漂去》", "《1988:我想和这个世界谈谈》", "《巴菲特传》", "《活着就为改变世界》", "《史蒂夫·乔布斯传》", "《追随你的心》", "《用户体验度量》", "《锦绣蓝图》", "《Web界面设计》", "《大数据时代》", "《乌合之众》", "《失实》", "《机器学习实战》", "《软件框架设计的艺术》", "《Python源码剖析》", "《代码整洁之道》", "《黑天鹅》", "《社交网站界面设计》", "《瞬间之美》", "《点石成金》", "《重构》", "《CSS禅意花园》", "《短码之美》", "《代码之美》", "《建筑的永恒之道》", "《敏捷软件开发》", "《修改代码的艺术》", "《设计模式解析》", "《企业应用架构模式》", "《Ruby元编程》", "《JavaScript设计模式》", "《Head First 设计模式》", "《设计模式》", "《程序员的思维修炼》", "《编程语言实现模式》", "《七周七语言》", "《领域特定语言》", "《计算机程序的构造和解释》", "《松本行弘的程序世界》", "《可视化数据》", "《数据可视化之美》", "《设计中的视觉思维》", "《活法》", "《人生中不可不想的事》", "《杰克·韦尔奇自传》", "《牛奶可乐经济学》", "《精灵宝钻》", "《枪炮、病菌与钢铁》", "《质数的孤独》", "《简约至上》", "《思考,快与慢》", "《看见》", "《长尾理论》", "《失控》", "《偶发空缺》", "《黑客与画家》", "《写给大家看的设计书(第3版)》", "《原来你还在这里》", "《致我们终将逝去的青春》", "《约翰·史密斯的告白》", "《三国演义》", "《孙子兵法》", "《羊皮卷》", "《世界上最伟大的推销员》", "《人性的优点》", "《人性的弱点全集》", "《思考致富》", "《拿破仑·希尔成功学全书(上下)》", "《拿破仑传》", "《爱伦·坡短篇小说集》", "《鲁迅全集(2005最新修订版)》", "《图解力》", "《色彩设计》", "《版式设计》", "《设计中的设计 | 全本》", "《哈比人》", "《The Making of the Movie Trilogy The Lord of the Rings指环王三部曲》", "《哈利波特7》", "《哈利·波特与凤凰社》", "《哈利·波特与混血王子》", "《哈利·波特与死亡圣器》", "《哈利·波特与密室》", "《哈利·波特与火焰杯》", "《哈利·波特与阿兹卡班的囚徒》", "《追风筝的人》", "《福尔摩斯探案全集(上中下)》", "《1Q84 BOOK 3》", "《1Q84 BOOK 2》", "《1Q84 BOOK 1》", "《字体故事》", "《一口气读完欧洲史》", "《你一定爱读的极简欧洲史》"]

或许您还需要下面的文章:

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806

新书《全栈应用开发:精益实践》

这不是一本深入前端、后台、运维、设计、分析等各个领域的书籍。本书以实践的方式,将这一系列的领域及理论知识结合到一起,来帮助读者构建全栈Web 开发的知识体系,并辅以精益及敏捷的思想,来一步步开发Web 应用:从创建一个UI 原型到编写出静态的前端页面;从静态的前端页面到带后台的应用,并部署应用;从Web 后台开发API 到开发移动Web 应用。在这个过程中,我们还将介绍一些相辅相成的步骤:使用构建系统来加速Web 应用的开发;为应用添加数据分析工具来改进产品;使用分析工具来改善应用的性能;通过自动化部署来加快上线流程;从而帮助读者开发出一个真正可用的全栈 Web 应用。同时,我们也将帮助读者把这些步骤应用到现有的系统上,改进现有系统的开发流程。

comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Developer, Consultant, Writer, Designer

ThoughtWorks 高级咨询师

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 与我沟通

标签