魏名华

不要偷懒,做更好的自己

Nothing


No Welcome Message

chrome extension for note

需求

希望能像看书记笔记一样,实现网上的技术文章的学习,能自由的记录、搜索、分享;

1、参考diigo实现划重点的功能,参考 note anywhere 实现 标注的功能;

2、标注和笔记,应该与当前的web页面关联,最好是包括web页面和笔记在内所以资料,本地存一份,另外存储到云端备份;最少也要能实现笔记单独存储在本地,另外在云端备份;

3、最好能实现分享功能,方便用户将笔记分享给朋友,配置web页面直接查看;

4、考虑是否实现保存笔记到Evernote等其他平台

交互细节

1、选中文本

2、弹出菜单(高亮标记、备注)

3、点击高亮标记,则只标记;点击备注,则标记的同时备注

4、备注的位置,应处于页面右侧,看怎么实现一个好的位置

5、如何处理与google翻译等菜单的冲突

开发步骤

  • 了解插件开发
  • 完成笔记功能实现:功能简单为主,先支持单色,后续再实现多色,样式参考mac平头的便签,或者自己做一个背景,避免被告侵权
  • 完成本地存储功能实现:分为2个功能:1、笔记数据的本地存储;2、网页截屏;3、云端备份(后续实现)
  • 发布到chrome extensions商店
  • 完成云端备份
  • 完成分享功能
  • 完成保存到Evernote等其他平台功能

进度记录:

1、2019-02-02 寻找可以做web页面笔记的chorme插件,各式各样的很多,没找到1个能完全满足我使用习惯的,突发奇想,想自己做一个,列了初步需求和实现方案。(基于 diigo 和 note anywhere)

2、2019-02-02 开始,学习插件开放,基本上还是web开放那一套(一直说没有web开发实战,这下自己找的一个了)

3、2019-02-03 真正进入源码的学习和开发,从note anywhere开始,发现光是学习它的源码,就已经够我喝一壶了,比想象中的难。其实应该早点预料到,做了这么多年开发,任何实战,开始都难。插件开发相对来说还是简单的,而且这次的方向应该很对,一定坚持做下去,加油。(唯一的问题是iOS面试的准备,年后找工作的计划,要不先鸽了,到时找振华说下)

3、2019-02-03 js的语法真他妈不习惯,哪位大大教下怎么用ts或flow编译。这句话要写到代码注释

4、2019-02-14 基本实现了高亮,剩下对各种元素的处理,各种边界操作的处理;note部分,基本参照noteanywhere做,会用jquery改写。加油。(1、遇到困难别轻易求助他人,冷静,最近遇到js和html和css的语法困难,也就1-2天就能解决;2、iOS面试看来真没戏了,好好谋划后路了)

5、2019-02-18 参考diigo实在吃力,代码都做了混淆,而Liner的代码没做混淆,但是实现又不一样了,最后,还是参考diigo吃力的实现了,坚持就是胜利,距离最后的胜利不远了

6、2019-05-24 基本上实现都搞明白了,也跑起来没问题,接下来就是搞清楚每一行代码,做一些个性化的设置,比如波浪线的高亮等等

7、2019-06-17 精力有限,兴趣分散,没有接着搞js,最近了解服务端开发,从最开始的登录注册开始,了解到sso(Single Sign-On),有一些开源的可以实现,Cas、Shiro、Smart,希望能在1个月内把服务端的程序搞出来。