填词翻译柯林斯词典Chrome扩展程序

分析2017-2020日历年Android击败的真实面试问题（累计下载1082万次有道怎么用柯林斯词典，不断更新）>>>

Collins的chrome扩展名，用于查询英语单词. 支持单词翻译，数据来自有道词典. 访问扇贝原始词，以快速记录新词，以备将来查阅.

快捷键ctrl + q打开右上角的浮动层以搜索单词

成功搜索到的单词可以快速添加到扇贝词汇中（词库，oauth访问权限，您需要具有扇贝的帐户）以供查看

Chrome商店中已经有许多其他词典可以满足一般的英语单词含义查询. 同时，我在自己的单词查询过程中发现，与解释两个或三个汉字的含义相比，柯林斯词典提供了一定的英语上下文有道怎么用柯林斯词典，可以帮助我更多地理解单词的含义准确地加深我的记忆.

当找不到单词的科林斯式定义时，此扩展应用程序将使用在Youdao词典中找到的解释.

单词翻译是提高查询效率的重要组成部分. 该扩展程序提供:

两个选项. 当然，您也可以关闭单词翻译.

扩展名的数据源来自《 Youdao Dictionary》，但无法通过api访问. 而是直接获取页面内容，然后进行处理. 从理论上讲，它不受api访问次数和时间的限制.

市场上有很多用于学习英语的软件，扇贝就是其中之一. 但是，我个人认为，扇贝是探索如何有效地将软件技术和语言学习有效结合的少数产品之一，这也是该应用程序选择访问扇贝词汇的重要原因. 已经实现的功能，但严格限制用户使用此功能，这使我对仅使用其中一些功能的用户感到非常困惑. ）通过词汇表，我们每天花费更多时间来复习今天遇到的单词. 这在教育和学习方面为该软件增加了很多价值.

根据一个应用程序的开发可以始终帮助其他进阶而找不到有效信息的开发人员的原则，这是此应用程序的一些特征.

React组件的组合和重用能力非常出色.

在Chrome扩展程序的内容脚本中添加的CSS样式文件将影响当前页面的样式. 但是，我们通常只想在我们自己的扩展中使用这些样式. 因此，此扩展直接使用内联样式进行处理. 但是，即使在诸如内容脚本之类的特殊运行时环境中，我也认为使用内联样式的React是一个好主意.

jsx和内联样式表示大多数应用程序内容存储在js文件中，这些文件通过我们用于构建的js模块机制统一管理. 这样的应用程序的代码将非常易于重用和移植.

由于安全原因而受限制的浏览器跨域限制已导致常规网页无法任意从跨域页面提取信息. 但是，客户端Chrome扩展程序（内容脚本仍将受到限制）和React Native在其他环境方面，尽管它们都是JS，但它们不受跨域限制，因此很容易忽略.

此应用程序的所有数据源都通过事件页面进行爬网和解析. 因此，我们可以使用api代替提取以下原始页面的数据.

Cheerio是一个有用的静态页面解析工具，它是js社区中CSS选择器的形式. 但是cheerio依赖于节点本机模块，因此无法在Chrome Extension或React Native上直接使用它. 但这没关系，我稍微修改了cheerio代码及其相关代码，cheerio-without-node-native. 您可以直接从npm安装它，并在非节点环境中使用它.

如前所述，事件页面不受跨域限制，并且可以充分利用chrome上的api. *，具有各种丰富而强大的功能. 我们对内容脚本（大约是常规的网页）无法执行的操作可以放在事件页面上，然后通过chrome api将数据发送到内容脚本.

为了节省性能，事件页面将在没有消息唤醒时进入空闲状态. 这对于开发是麻烦的. 您可以在开发期间将persistent设置为true，以便我们可以随时打开“背景”进行调试.

问题

MI

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-149303-1.html