本帖最后由 Niaaan 于 2020-6-26 21:36 编辑
2020年6月26日:
1. 点击展开的点击区域扩展到相应条目的整个标题栏。 2. 去掉js文件,展开改用html和css控制(准确来说是盗用韦氏图片词典的代码) 3. 版面微调。 4. 给拥有多个article的entry的每个article增加点击展开/折叠效果。
本词典我会一边使用一边更新,所以是不定期的。新版本会修复一些bug,但是也有可能引入新bug。请注意保存老版本。
2020年6月15日: 1. 今天发现mdx里面有部分类(class)中的引号被我错误的打成了中文状态的引号,导致该类无效。主要影响的是原词典的斜体之类的字样。新版本已更改此问题。 2. 减少解释行的缩进。 另: 1. 今天和v3(b)版对比了一下,发现B版带REVISED标签的有9万多个。本来想把这些追加到后方,这样既能保持原词典的完整性,又能保证词典能赶上时代的步伐。但是实际对比下来没有这么多,估计不是在我用的这个版本上revised吧 。目前没有办法区分哪些词条是在这个版本上revised过的。并且新版要做成我现在这个排版样式很有难度,所以目前就没有计划把mdx更新到新版。这级别的词典,如果不是出第四版,估计内容都很难有大的变化。至少我觉得目前这个版本是够我用的了。 2. 我在前面提到了在使用别的词典的js文件时,定义的函数名称一定要改了。我说的函数名是指的下面代码中的zac。经常遇到某本词典必须放在第一位才能正确点击展开和隐藏,很有可能就是因为这个原因。 - var zac=(function(){
- function lsg(){
- var h=document.getElementsByTagName("h");
复制代码
2020年6月14日更新(2): 虽然我实现不了把点击展开的点击区域扩展到相应条目的整个标题栏,但是我想了个一个办法,把点击的图片做成长条形,就可以增加可点击面积和长度。 浅蓝色部分为有效点击区域。如果需要此功能,请下载分享文件夹中的名为“能够增加点击区域面积的文件”的文件夹中的css和图标。 2020年6月14日更新(1): 1.重新制作mdx文件,版面排列略有更改。之前的mdx有一点点小问题(但不影响使用,毕竟那个版本我都用了几年了)。本词典的原mdx来自于网络,看里面自带的介绍是2009年12月28更新的。词典有效词条为296188,其他词条为包含特殊字符单词的跳转和本词典中包含该单词短语的汇总(原词典叫search result show the entry is found in,我觉得太长改成了related terms。上一个版本我把它们合并到了主词条,新版本我一合并就闪退,所以是分开的)。这些功能都来自原来的mdx。 2. 版式略作调整,词条标号看上去更加整洁。 3. 韦氏词典好像特别喜欢用冒号,我不是很喜欢,所以前一个版本我把能去掉的都去掉了。去掉的过程中产生了一些新问题,比如部分空格没了,单词凑在一起了。所以新版我保留了冒号。我在网上搜了下纸质版的,确实很多冒号。所以就算是更接近原版的样式吧。 4. 词典中的usage和etymology项目标签(也就是usage和etymology这两个本身)是原mdx自带的,其分类应该比较准确。infelcted form, variant,这两个标签是我自己加的(我只是加了标签,标签中的内容依然是词典自带的)。这里有两点需要说明下:
- 由于词典比较复杂和庞大,我加的标签不一定准确。比如可能是variant,我却标成了inflected form,或者一些其他状况。使用过程中如果遇到这种问题请留言吧,我尽量抽空改改。
- infelcted form, variant这两个叫法来自于他们官方出的一个电脑版本,不过有点久远了。我看了下以前的纸质版,好像没这样叫,是直接罗列出来的。我们可以简单的把infelcted form理解成动词的变形,比如单复数,现在分词,过去分词等等。variant理解成单词的另外的写法。
设计到大规模改mdx,一般都会有大量bug。需不需要请自行斟酌。
下面有老哥建议说把点击展开的点击区域扩展到相应条目的整个标题栏。我觉得这个提议很好,但是本人技术有限,不会搞。有会的老哥可能帮忙一下
先说说设计思路,这样显得比较“专业”: 1. 整个版面统一选用Arial字体。 2. 全局字体大小设为设备默认字体大小的95%。除开词头字体为全局字体大小的170%之外,其他字体之间大小区别控制在5%以内。在不影响条目清晰度的情况下,可以使得版面更加整洁。 3. 同样在不影响条目清晰度的情况下,尽量减少左边缩进的空白,增强移动设备的阅读体验。毕竟手机屏幕宽度只有那么点宽度。 4. 整体配色采用韦氏第三版的官方配色,红色c30028和蓝色445c7b。所谓官方配色,意思就是本人在网上下了个logo,然后用ps拾取logo颜色而得到的。不一定好看,但是肯定不会错。 5. 词典扩展条目比如词源采用点击展开设计。对于不懂java的我,真的搞了很久。这里也有个经验,在使用别的词典的js文件时,定义的函数名称一定要改了,不然可能会和其他词典起冲突。这点我就折腾了小半天。 6. 词头右上角放了一个logo,增加B格。当然不喜欢的可以自行隐藏。 7. Logo,箭头,封面的图片都是高清大图。版面放大也不会发虚,增强使用体验。 8. 顺便修改了一些mdx里面以前遗留的问题。当然修改的过程中也可能引入了新问题,欢迎大家反馈。我有空再修正。 做起来太累了,不过希望大家喜欢。 最近太卡,图片就不放多了。到过段时间再添加吧
提取码: |