制作简单网页.JoJo字典/jojoDictionary

本文介绍了如何制作JoJo字典网页,包括从JSON获取数据、处理JavaScript字符串、HTML元素交互、响应式设计及position属性应用。提供了网页地址和源码链接供参考。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

网页地址:点击打开链接

源码地址:https://github.com/ningkko/jojoDictionary

1.如何从json中获取data

// Fetch data from json
var data;
fetch('data.json').then(function(response) {
  if(response.ok) {
    response.json().then(function(json) {
      data = json;
    });
  } else {
    console.log('Network request for data.json failed with response ' + response.status + ': ' + response.statusText);
  }
});

2.json中值储存为

[{"EN": " The Final Ripple","CN": " 最后的波纹"},
{"EN": " coffin","CN": " 棺材"}]
冒险 亲爱的冒险时间迷们,我们向您介绍与这个非常受欢迎的动画电视连续剧有关的新扩展。 我们真诚地希望我们的扩展将对您来说是完美的。 它带有冒险时间的随机高质量壁纸。 每当您打开新的标签页时,壁纸就会打开。 此外,我们的扩展程序还为您提供了多种功能,这些功能将改善您的浏览体验,并使您的浏览器焕然一新。 随时与您的朋友和其他粉丝分享此扩展程序。 如何使用:-通过单击添加到Chrome按钮安装此扩展程序,它将自动添加。 加载扩展程序时,请等待几秒钟,然后执行最佳操作! -在左上角,“齿轮”。 这将加载设置面板,您可以在其中使用切换按钮来打开或关闭功能。 “冒险时间”扩展程序具有一些选项,可让您仅具有高清背景(选择“收藏夹”或使其随机化)或使用一些出色的功能。 功能-高清和可完全自定义的墙纸-待办事项列表,提高工作效率-最受欢迎的标签-快速,简便的方法来查看已访问的网站-应用程序标签-只需单击一下即可获得热门应用程序的高效标签-笔记-快速提醒您的方法重要内容-改进且易于使用的“设置”面板(单击右上角的齿轮图标)选择要使用的标签,全部隐藏,查找更新信息和常见问题解答-背景标签(在设置面板内部)–选择如何更改背景:选择随机,随机播放收藏夹或随机播放所有壁纸。 此扩展名与“冒险时间”有关,具有墙纸,图纸和艺术品。 如何删除? 要从浏览器中删除扩展名,请执行以下步骤:-在屏幕右上角找到三个垂直点图标-转到“设置”。 -在出现的菜单中,选择“扩展名”。 -从已安装的扩展程序列表中,找到要卸载的扩展程序的名称。 -单击“启用”右侧的垃圾桶图标(对于您要卸载的扩展名)。 -我们的扩展程序应从您的Chrome浏览器中删除。 更简单的方法–右键单击工具栏中的Adventure Time图标,然后单击“从Chrome删除...”。免责声明:此扩展程序由Adventure Time粉丝为粉丝们而设计。 我们和内容与任何公司都不隶属,赞助或批准,并且是非官方的。 如果您认为我们侵犯了您的版权,请与我们联系。 尽管此扩展程序是免费的,但某些部分可以包含广告。 支持语言:English
POJOGenerator(POJO代码生成器 v1.3.3) 本POJO代码生成器采用Java的Swing技术编码实现,是绿色免费工具,可以自由传播。 由于本工具的内部实现较烂,所以还请反编译高手手下留情,让我留几分颜面。^_^ 由于本人只用过Oracle、DB2、MySQL、MS SQL Server这四款数据库产品,所以制作 成exe可执行文件时只添入了这四款数据库的驱动支持。如果您需要使用这款工具从 其它数据库中生成POJO,那么您可以联系我(Email:CodingMouse@gmail.com), 我会添加其它数据库的驱动支持后通过电子邮件发送给您。 简单的使用说明: 1、先将压缩档解压到任意文件夹,必须保留配置文件cmsdk4j.cfg.xml和generator .cfg.xml与可执行文件POJOGenerator.exe在同一目录,否则无法运行。 2、可以预先在配置档cmsdk4j.cfg.xml中设定您的数据库服务器配置,配置档中已经 提供了默认的配置信息,您仅需在此基础上修改部分参数(如:IP地址、端口号、 用户名、密码、数据库名等),这些参数将作为生成器的预设数据库连接配置参数。 3、可以预先在配置档generator.cfg.xml中设定您的数据类型映射方案,配置档中已经 提供了MS SQL Server/MySQL/DB2和Oracle两种映射方案,当然,可能有不太完整的地方 ,您可以根据实际情况稍作修改即可。需要注意的一点是ref属性表示引用同一映射方案 的另一映射,这样您便可以简化同一映射数据类型的配置;而import属性是指定需要在 最终生成的源代码中作为类最开始的package类型导入声明部分的导入类型名称,因此, 这个名称是完整带包名的类名称,否则不能正确生成最终代码。配置档中提供的默认配 置如果不能满足你的需要,也可以自行根据实际情况进行修改。最后,需要大家注意的 一点就是由于最终生成的代码要调用包装类型的equals和hashCode方法,因此,配置的 数据类型必须是包装类型,如果用基本类型生成的POJO代码是无法通过编译的。 4、所有配置档仅在工具启动初始读取一次并缓存到内存中,因此,如果您是在工具运行 时修改的配置档,请重新启动本工具以使新的配置生效。并且,所有配置档的XML结构均 不能修改,只能修改其节点间的文本值或属性值,以及添加新的标签组,否则会导致本 工具无法工作。选择“界面皮肤方案”后,默认会在当前目录生成名为skin.dat的文件, 这是一个Properties属性文件,用于保存您最后选择的皮肤名称,以便下次打开此工具 时加载您所选择的皮肤来渲染工具UI界面。 5、所有最终代码生成效果都可以在左边的代码预览区域中查看,可点击滑动箭头显示出 被隐藏的POJO代码卡片。点击“写入磁盘文件”按钮即可将POJO代码的Java源码文件写入 到指定文件夹中。POJO代码的equals方法重写完全符合《Core Java》所述规范,同时, 其中的hashCode方法重写则参考了Netbeans中JavaBean转换器的写法。为保障原有代码安 全,通常更好的做法是将最终代码生成后拷贝到您的项目对应文件夹中。最好不要直接指 向您的项目文件夹,因为本工具会直接覆盖掉指定目录中同名的文件。最终生成的代码文 件以.java为扩展名。 6、从1.3版开始生成的POJO代码目录中可自动添加一个名为pojo.ntf.xml的POJO映射通 知档,其中,ID列名默认使用主键名称(若为复合主键则采用次序排首位的主键列名) ,而Oracle环境下的sequence对象名称则为“seq_表名_id”格式的默认名称,请根据 实际情况修改。该配置档用于CmSdk4j-Core框架的ORM映射,不需要则请不要勾选此项或 在生成后直接删除即可。 7、目前1.3.3版与1.3版差异不大,仅修改了POJO类名与成员变量名的大小写处理策略。 即目标数据库服务器为Oracle时,才将表名除首字母外全部小写处理成POJO类名,同理, 成员变量名也只在Oracle数据库情况下才全小写处理。其余数据库如:DB2、MySQL、 MS SQL Server则直接处理为除首字母大写外,其余全部保留原始大小写。其中,对于 表名的处理还直接去掉了空格符和下划线,并且若为Oracle数据库时,下划线亦作为首 字母大写的分隔标志,如:HRM_HUMAN_RESOURCE,最终生成的POJO类名将直接去掉串中 的下划线,并以下划线作为首字母大写的起始,即:HrmHumanResource + POJO类名后缀。 同理,成员变量名的处理也是采用了相同的处理策略。最终处理效果详见生成写入到磁盘 的pojo.ntf.xml配置档。 8、此小工具一直均只写来自用,以便与自己的O/R Mapping简易版工具配套使用,目前 1.3.3这个版本已经能满足自己的需要,同时为了方便预览POJO代码生成的效果,特意添 加了语法着色功能,其着色色调搭配和关键字字典数据来源于EmEditor这款带语法着色的 纯文本编辑器,并且该色调搭配方案也被多款JS版本的语法着色器采用,色调可读性较高。 此小工具虽然GUI、功能这些都相对较弱,但自用已经足够。因此,后期可能就不再考虑 功能更新了,请见谅! 如果您有好的建议,请发送留言到作者博客:http://blog.csdn.net/CodingMouse 或发送邮件到:CodingMouse@gmail.com 本工具已经打包成exe可执行文件,便于在Window环境下运行,但仍需要你的机器上 安装至少1.6版本的jre环境(受打包工具的jre版本不兼容限制影响)。 By CodingMouse 2010年5月22日
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值