about

[utterances-bot]

关于本博客及作者 | CRIMX BLOG

CRIMX 的博客，主要记录 Web 前端相关的一些内容，偶尔涉及其它方面。

https://blog.crimx.com/about

[crimx]

This is a comment.

[yttrium7]

因为沙拉查词而了解了ANKI， 继而找到你的BLOG。You did a so good job :)

[crimx]

@yttrium7 cheers mate! 🍻

[licoded]

膜拜大佬+1

[wsgzao]

Saladict 沙拉查词特别好用，自己整理了Chrome扩展和油猴插件的文章，希望对需要的人有帮助 Google Chrome 浏览器插件和油猴脚本推荐

[DaweiLiuFrance]

这前端写的，太性感了！ 国人产品做的越来越给力！一百个赞！我曾经想做一个类似的，但自己非IT专业，编程水平很差，想法无法实现。

[crimx]

@DaweiLiuFrance 谢谢你的赞美！现在不需要编程借助诸如 WordPress 的 CMS 也可以灵活搭配出心宜的样式。

[StoneKnocker]

沙拉查词用户，感谢作者的贡献

[syt-honey]

真大佬。受小菜一拜

[triplepointer]

Hello. Can you write something about how you learn to code?

[xiaotting]

大佬 @netless/app-docs-viewer 可以脱离白板单独使用吗？直接给文件地址

[crimx]

@xiaotting 可以脱离白板使用，把连接白板数据的代码换掉就行，应该没有多少。

[xiaotting]

好的 谢谢,是需要拉下@netless/app-docs-viewer 的源码，进行修改吗？我在flat这个项目里面也没有找到使用@netless/app-docs-viewe进行预览的代码。我拉了netless-app的源码，看了很久也还是不知道在项目中怎么使用。

我主要是想脱离白板进行文件的预览

[crimx]

在这个项目下 https://github.com/netless-io/netless-app/

[crimx]

把 https://github.com/netless-io/netless-app/blob/master/packages/app-docs-viewer/src/app-docs-viewer.ts 里处理 storage 的代码换成处理文件就行

[crimx]

有更多问题请前往仓库的 issue 中讨论

[xiaotting]

我看了这个项目的源码，没有看明白使用方式

[xiaotting]

我需要new NetlessAppDocsViewer()吗，它的上下文就是 options: { scenePath: /${kind}/7, title: "Click PPT", scenes: [ { name: "1", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/1.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/1.slide", width: 960, }, }, { name: "2", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/2.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/2.slide", width: 960, }, }, { name: "3", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/3.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/3.slide", width: 960, }, }, { name: "4", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/4.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/4.slide", width: 960, }, }, { name: "5", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/5.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/5.slide", width: 960, }, }, { name: "6", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/6.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/6.slide", width: 960, }, }, { name: "7", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/7.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/7.slide", width: 960, }, }, { name: "8", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/8.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/8.slide", width: 960, }, }, { name: "9", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/9.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/9.slide", width: 960, }, }, { name: "10", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/10.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/10.slide", width: 960, }, }, { name: "11", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/11.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/11.slide", width: 960, }, }, { name: "12", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/12.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/12.slide", width: 960, }, }, { name: "13", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/13.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/13.slide", width: 960, }, }, { name: "14", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/14.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/14.slide", width: 960, }, }, { name: "15", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/15.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/15.slide", width: 960, }, }, { name: "16", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/16.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/16.slide", width: 960, }, }, { name: "17", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/17.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/17.slide", width: 960, }, }, { name: "18", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/18.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/18.slide", width: 960, }, }, { name: "19", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/19.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/19.slide", width: 960, }, }, { name: "20", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/20.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/20.slide", width: 960, }, }, { name: "21", ppt: { height: 720, previewURL: "https://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/preview/21.png", src: "pptx://convertcdn.netless.link/dynamicConvert/aaf14800057311ec8936c3bb220fc543/21.slide", width: 960, }, }, ], },

[crimx]

Hello. Can you write something about how you learn to code?

@triplepointer Sorry for the late reply. It's such a broad topic I don't know how far you want to know. For an absolute beginner learning the goal should be learning the basic of a programming language and be able to use it to solve simple issues. After that I think the best way to learn programming is to read good source code. There must be libraries or tools that you enjoy using. When I saw a well-implemented feature, I would search for source code and discussions to understand how it evolved. Seeing how other developer implements a feature in action is far more impressive and productive than following learning materials IMHO.

[crimx]

@xiaotting 忘了说如果用 docs viewer 读文件你还需要将 PDF 转换成图片。或者你可以考虑用 https://github.com/mozilla/pdf.js

[xiaotting]

哦哦 好的 谢谢