Giter Club home page Giter Club logo

Comments (6)

willbchang avatar willbchang commented on May 18, 2024

感谢你的欣赏😄。
目前阅读列表是通过添加的日期倒序排序的,分组我也有考虑过:

  1. 通过网页是否有视频/音频来自动分组。
  2. 通过网页的网址来自动分组。
  3. 如果自定义分组/标签,在保存时打上标签/打开时在阅读列表内手动拖拽的话感觉上就不是一步到位的使用体验了。
  4. 用搜索是否能够满足需求?

目前还没有想到其它的方式?想向你请教一下对分组的具体想法😉。

from chrome-read-later.

JosephDhF avatar JosephDhF commented on May 18, 2024

from chrome-read-later.

willbchang avatar willbchang commented on May 18, 2024

我能够理解你想对其分组/断点的想法,这两天我也思考了一番,如果要实现,具体的细节如下:

从界面设计的角度讲:

  1. 断点的颜色、大小
  2. 断点与周围元素的间距,以及没有断点时多余的空白影响界面的美观度
  3. 断点生成和删除过程的时长和效果

从使用体验的角度讲:

  1. 在图标前的空白区域点击一下,出现一个断点
  2. 点击断点本身会将其删除
  3. 需要考虑断点的大小和误触的概率,因为它临近删除按钮
  4. 需要支持快捷键

从编程角度讲:

  1. HTML:List 里需要新增一个元素
  2. CSS: 编写元素的具体样式
  3. CSS:调节周围元素的具体样式
  4. JS:存储数据的结构需要新增一个用于储存断点的 key,类型为 boolean
  5. JS:处理点击事件的字典需要对新增的断点情况进行过滤
  6. JS:编写点击事件的具体行为:点击这个元素时,绘制/删除元素里的断点,修改存储的数据
  7. JS:初始化列表时需要选择是否渲染这个新增元素里的断点
  8. JS:需要设置新的快捷键
  9. JS:处理按键事件的字典需要对新增的断点情况进行过滤

如果我说的有什么不到位的地方,请修正。😄

from chrome-read-later.

willbchang avatar willbchang commented on May 18, 2024

另外:

  1. 目前可以考虑新建一个用户,比如把学习和娱乐分开。(但是这样增加了使用成本,只是一个临时的办法)
  2. 这个阅读列表本身就是临时的,按照我对这类工具的使用分类
  • 书签:永久保存,一般为不同类网站主站的分类集合,会反复浏览使用。比如 https://github.com
  • 稍后阅读:临时保存,一般只会在看到的时候 mark 一下,稍后精读时就删除了。比如某篇博客文章
  • 阅读收藏:永久保存,对于不可多得的好文章,会离线保存,整体分类,反复阅读。

Chrome Read Later 目前是第二类,所以我个人不太推荐在整理稍后阅读的分组上多花时间,不过这个功能使用也比较简单,我会再仔细斟酌一番。

from chrome-read-later.

JosephDhF avatar JosephDhF commented on May 18, 2024

from chrome-read-later.

willbchang avatar willbchang commented on May 18, 2024

如果能增加一个选项,比如钉住,打开这个链接的时候,不会自动销毁,这样就更完美了,也许我的需求比较小众吧,但是还是给您反馈一下。

感谢你的反馈,目前来说有这样一种途径:直接鼠标右键点击,第一个选项,这样打开的就不会销毁了。

Screen Shot 2020-07-12 at 18 15 58

另外我设置的有快捷键 yy 能直接复制链接,相应的就是右键 Copy Link Address.

书签的管理和查找又是另外的效率工具和方法,在此就不离题了。

欢迎继续地对 Read Later 提出任何建议,我对此不胜感激。☺️

from chrome-read-later.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.