赵振才 英语常见问题解答大词典(图片版) 升级版 动态追加页面瀑布流技术

动态插入页面的基本思路:

制作的图片词典的图片文件名中已包含了页码信息,当前词条显示页面的前后相邻页面的图片文件名和当前页面的图片文件名之间存在简单的加减1的关系。例如,当前词条的页面是在词典第1234页,它的图片文件名是OALD9_1234.jpg,则其前后相邻页面的图片文件名分别为OALD9_1233.jpg和OALD9_1235.jpg。那么想看前页或后页的时候只要通过程序由当前文件名获得前后文件名然后在当前页面前后插入新页面节点即可。新插入的页面会被立即在原有视图中渲染显示出来而不会先抹去当前视图中所有内容后再去跳转显示一个新的页面。这个JS程序干的活儿实际上就是在DOM树上添加DOM节点而已,这是JS最最常见的基本应用了,实在是任何一个即便JS刚入门的新手都应该掌握的技术。如果原静态词典每个页面内容除了页面图片本身还有其他信息(如当前页所有单词的列表),则稍微复杂一点,事先将这些信息数据汇总后用某个数据结构如JSON存进JS程序中,当插入页面图片的时候从JSON中查找该页面的信息数据连同图片一并插入。

动态插入技术将大大提升图片词典的体验,希望今后成为图片词典制作技术的主流。其中的JS程序一旦读懂理解之后,可以用作模板用于任何图片词典,无需每次制作都重新编程。

4 Likes

相同词条的确有不完美的地方! 在深蓝词典和dicttango多词典查询中,查after all, 62页和64页都有after all 这个词条,我是设置了合并相同词条标签的,这时候62页和64页就会并排在一起!就会发现可以打开61,65,但是无法打开63!总的来说是很方便的,谢谢分享!

原来楼主是一直锐意创新的技术大咖啊!可否考虑将技术教学录成视频上传至哔站之类的平台呢?您一人的精力毕竟有限,如果有更多同好掌握了这些技术,相信我们的词典词库DIY领域将焕然一新,进入勃勃生机,万物竞:arrow_lower_right::arrow_upper_right:的境界!

1 Like

一袭青烟 检查出来的错误现在已经更正。请下载最新版的两个文件更新:jieda.js 和 英语常见问题解答大词典(图片版 增订版 第五版).mdx 两个文件
本词典比较另类,不仅同一个词头可能在MDX中作为entry多次出现,而且还可能出现一个词头下有多个页面但它们的页码不连续的情况,后者在一般的图片词典中是不会有的,之前编程没有考虑这点,这也是之前有BUG的原因。

最后我用简短的话精炼归纳了一下JS中使用的动态追加页面的功能:

短促点击页面左(右)半部分,跳转到页码连续的前(后)页,若没有前(后)页或虽有前(后)页但页码与当前页不连续,则向前(后)动态插入追加一页;长按页面左(右)半部分,也可跳转到页码连续的前(后)页,若没有前(后)页则追加所有前(后)页至首(末)页,若有前(后)页但页码与当前页不连续,则追加当前页和前(后)页之间所有缺失的页面。
作为例子,请查询God bless you,一试便知。

3 Likes

您好,多谢分享。提个小bug,还是相同词条的问题,在goldendict中,查after all, 62页和64页都有after all 这个词条,但是63页实际上是62页after all这个词条的后半部分内容,希望能够在查after all这个词条时,能够一次性把所有相关内容展现出来,无须再次点击翻页。可能其他类似的词条也存在这样的问题。

谢谢提醒。这种BUG只改一个您发现的没有意义,要改就一个不拉全面地改,这需要全面校对MDX,现在没有精力去做这个了,你找找原作者看看他是否有时间?其实只要您鼠标点击一下就可以方便地将缺失的页面补全了,我也是和您一样的完美主义者,但感觉实在太累现在有点想退出了…

看看我的JS源码吧。我认为源码不难看懂的,我这里已经写了原理了更好看懂。

收到收到,主要困难是没有注释,不过我会尽力的。

非常感谢和理解您!如果目前因为身心疲惫而萌生退意,可以先降低更新频率休息休息,和坛友闲聊吹水,指点迷津,共同进步,待养精蓄锐之后再重新出山~一句话,freemdict无法失去您 :rofl:

1 Like

大神之作,值得拥有:exclamation:

2 Likes

Terribly sorry to learn that.

请不要离开论坛,非常喜欢您的作品!

大大能否将 《英语常用疑难词用法手册》 陈用仪 第二版 MDX 也加上动态追加技术呢?

可以麻烦大神们传一个到主站吗?百度云的这个图片mdd一直无法下载,不知道是什么缘故!

感谢大神们!

现在有目前最清晰的1.9G版本 原贴在此
请webeyes 大 更新到动态追加页面里,谢谢。

刚用了一下,楼主呢动态图片技术确实挺好用的,多说一句,论坛有这本书的高清版本了,期待楼主可以替换一下呢。

自扫,高清赵振才「英语常见问题解答大词典」 - 资源分享 / 电子书 - FreeMdict Forum

跟楼主一样对图片进行了切边,ComicEnhancerPro可以自动切边很好用,但总是有小毛病。因为有强迫症,花了两小时挨个校对过了,可以放心食用。只把图片柔化+加粗处理了,符合个人喜好。不太懂图片处理,欢迎提建议。
我只改动了mdd。

10 Likes

谢谢费心修改,已下载使用,除了封面 和答案链接不对,其它都没问题,比较起来,的确1.9G版本,在每一页上,细节清晰得多。 :kissing_heart:

我这里没问题啊?


抱歉,确实是我粗心了,已经重新上传

的确正确了,神速,严重感谢! :heart: :heart: :heart:
能给论坛输入的都是好样的,我得慢慢学会做词典啥的,不能老是等着搬运。 :blush: