看看readability

先从整体入手

看一个项目首先看人家的readme,从readme当中大概了解到了这个库的用法。首先,这个库主要是用来干嘛的?阅读模式,从一个很多结构的,很多东西的页面当中然后进入阅读模式后可以变成一个很清爽的一个模式。页面时由很多个dom节点组成,但是咱们的目标是变成一个容易阅读的模式。所以就是dom节点的一个操作。 从操作dom上来看,其实在web端中与在node中变现是不一样的,在web中是可以直接操作dom,node是因为没有这个渠道,在库中用了一个叫jsondom的方式,能过间接的操作dom 。

测试用例

看了一下的话,大概了解了一个目录结构是怎样的。通过一个个脚本对每一个测试用例进行跑动。在test-page中存在很多个测试用例。但是由于命名实在不知道每一个用例所针对的都是一些什么问题。每个目录中一般有三个文件,一个是expected-metadata(指描述数据的数据,它提供有关数据的信息,包括数据的来源、格式、结构、内容等。元数据通常用于描述数据的特征和属性,以便于数据的管理、查找、理解和使用。元数据可以帮助用户更好地理解数据的含义和背景,以及如何正确地处理和分析数据。).json然后一个expected.html一个source.html。 一个是源文件,一个是希望的输出文件。这是从整体上的一个感官。具体每一个所对应的东西待研究…

6.2

从一名前端去看,或者说从一名js开发者去看。怎么去看一个新的项目呢?emmmm,或许说是我们创建一个项目的时候会先去做一些啥呢?npn init?初始化一个项目,初始化完之后那就会有一个package.json包。这个我觉得蛮重要的,毕竟这也是咱们启动项目的一些配置。除此之外就还有一些库,虽然都会进行导入,直接看这个文件会有一个整体的观感。

image

每次看到这些没看到过的包就开始觉得自己所学甚少,哈哈哈。之前一直是个切图仔吧,哈哈哈哈。这里有个蛮重要的node版本,虽然我们一般默认不会下载太低的版本,但总归是一个需要注意的地方。当然这些包应该是不会再一个个去看了,先看看一些关键文件,再看看调用再回滚应该会更好吧。

接下来看index.js,一般都是项目的出发点~

image

言简意赅怎么说,导入了两个对象。好的代码总是赏心悦目的。合理的命名,一看就知道这个是用来干啥的。isProbablyReaderable函数 isProbablyReaderable 是用来决定文档是否适合进行阅读解析的,它会判断文档的可读性,而无需解析整个文档内容。Readability是一个对象。封装的一个对象,至于有什么用。稍微看了一下里面的方法。各种各样的调用,call啊啥的。这大概就是面向对象的意义吧。如果一个东西比较复杂,或者说需要一个工厂?一步步加工。哈哈哈哈。