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

新书《前端架构:从入门到微前端》

《前端架构:从入门到微前端》是一本围绕前端架构的实施手册,从基础的架构规范,到如何设计前端架构,再到采用微前端架构拆分复杂的前端应用。本书通过系统地介绍前端架构世界的方方面面,来帮助前端工程师更好地进行系统设计。

前端架构包含以下五部分内容:

  • 设计:讲述了架构设计的模式,以及设计和制定前端工作流。
  • 基础:通过深入构建系统、单页面应用原理、前端知识体系等,来构建出完整的前端应用架构体系。
  • 实施:通过与代码结构的方式,介绍如何在企业级应用中实施组件化架构、设计系统和前后端分离架构。
  • 微前端:引入6种微前端的概念,以及如何划分、设计微前端应用,并展示了如何实现这6种微前端架构。
  • 演进:提出更新、迁移、重构、重写、重新架构等架构演进方式,来帮助开发人员更好地设计演进式架构。
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Developer, Consultant, Writer, Designer

ThoughtWorks 高级咨询师

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

开源深度爱好者

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

联系我: h@phodal.com

微信公众号: 与我沟通

标签