如题,notelive.cc 最近抽空更新了一版,把原来的淳朴的 textarea 编辑框换成了 manaco editor,
如果你觉得陌生,那么我和你说 vscode 你就知道了,这个就是那货。
带来的一个小代价就是打包有些大了,第一次加载时速度会有些慢。
选择不同的语言会有不同的高亮,并且对应的右键菜单会有一些不一样的功能。与 vs 一样,按'F1'会有所有动作。
欢迎各位看官品尝。
pwa 的应用,如果是第一次打开加载比较慢,如果以前用过那么会缓存着历史版本,虽说也会自动更新,但是想立即看到效果还是要强制刷新一下。
除此之外,有几个问题要请教一下各位大佬。
1.webpack 的项目打包 manaco editor 就比较大,我想通过 cdn 去加载编辑器,也看了官方文档还是没弄出来,有哪位大佬有经验可以分享下哈?
2.使用的 webpack 的 offline 插件做的 pwa,对于服务更新后,客户端怎么才能更好的获知发生变化并执行更新?现在是会自动更新,但是因为用户也不能感知,而且下载还需要时间,用户可能要在第 n 次重新打开页面后才能拿到最新的版本。
offline-plugin 有个 autoupdate 参数,我不知道这个怎么用会有什么效果,麻烦谁能给解释下?
以及这个参数中的'时间间隔'是什么意思?为什么会有个间隔?难道他是定期去检查是否有更新然后强制刷新吗?
ps. 我发现 notelive 的 api 功能一直在被用,而且是频率比较高的使用,姑且是加了简单的缓存机制减少了数据库的查询,但还是有些担心这个廉价地摊的服务器能不能 hold 的住,没钱折腾机器了。
最后,最近在繁忙的工作中抽空做了一个协同编辑的 DEMO,
机器性能很有限,而且是一个很粗暴的 DEMO,没有什么优化,大家可以试试,看看效果如何,现在还有些 bug。
http://rizon.coding.me/notelive_coolab_demo/
打开地址(只能打开这个地址访问),等待加载完成(略慢),点击 DEMO,然后相同的操作再开 1 个窗口(不能直接复制地址),开始体验。
这个是联网的,在这个 DEMO 中所有人都在一个文档下编辑。
机器性能有限,也可能试的人多了就卡住了,或者直接挂了。
试用完说下体验哈,如果还行我就考虑把它做到现在的 notelive.cc 中去。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.