- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
首先,我想强调一下,我是 javascript 编程的新手,我正在努力从这里学习尽可能多的东西。阅读查询 js api、文档以及源代码。我想知道 inquire js 和常规使用 matchmedia 和 resize 事件监听器有什么区别。
查询js链接:http://wicky.nillia.ms/enquire.js/
感谢任何贡献
最佳答案
在这里询问作者 :) 我偶尔会关注关于它的问题,所以我可以提供帮助。
没有任何区别,inquire 是在 matchMedia 之上构建的。因此,一个更相关的问题可能是“inquire 在 matchMedia API 之外提供了什么?”
查询,最基本的是对 matchMedia API 的简单包装。它的目标是消除您经常使用 matchMedia 编写的样板代码(它本身并不是一个非常好的 API)。它还为处理媒体查询提供了更多的完整生命周期:设置(可以选择延迟)、匹配、取消匹配、销毁。你必须自己处理所有这些,而不需要询问。此外,它还简化了注销媒体查询并为旧版浏览器提供了一个陷阱门,使用 shouldDegrade
换句话说,inquire 在您使用 JS 中的 MQ 做相当高级的事情时非常有用。否则,您可以只使用原始的 matchMedia API——我绝对推荐它用于简单的东西。如果你走这条路,绝对不要使用调整大小事件,因为你必须将逻辑放入去抖动事件等中,它很快就会变得复杂!而是使用浏览器的原生 MediaQueryList.addListener:
matchMedia("screen and (min-width:40em)").addListener(function(mql) {
if(mql.matches) {
// do something when matching
}
else {
// do soemthing when no match
}
});
希望这能帮您解决问题
关于javascript - matchmedia和inquire js的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19261761/
我正在使用库:inquirer 在 node.js 中构建命令行界面。 根据我的需要,我想在用户输入时呈现提示、确认文本等。示例。 询问者使用情况 var _questions = [{ 'typ
const inquirer = require("inquirer") var questions = [ { type: "number", name: "name",
默认情况下,询问者 js 问题前面有一个“?”。是否可以将其更改为其他内容?我尝试探索但没有发现任何地方提到它。 最佳答案 当然,您可以使用 prefix 更改问题的前缀。您的问题对象的选项: inq
我有一个迷你游戏程序,要求用户输入一个数字,如果该数字与随机选择的数字匹配,我会为对手变量减去另一个随机数。否则,对手会伤害我。我让程序使用减法,但问题是,每次我在 node.js 中运行我的文件(即
我正在使用 inquirer.js 编写一个 Node CLI 命令,这可能需要很长时间才能完成,所以我正在尝试更新 UI,如下所示: ✓ Thing A complete ✓ Thing B com
我知道网站的布局和功能应该严格分开。布局应该用 CSS 完成,网站的功能,比如点击展开移动菜单,应该用 JS 完成。引用:1 . & 2 . 我经常看到响应式布局的情况是为各种媒体查询提供列类,其中只
我一直在尝试了解搜索各种论坛,但无法找到我要查找的内容。部分原因是我对 NodeJS 的无知。我才刚刚开始。 我的任务是通过 Jest/Mocha 对基于查询器的 CLI 进行单元测试。我如何模拟和测
我正在使用 inquirer.js 来创建一个 yeoman-generator 并且当涉及到一个长列表作为提示时,它的高度太短而无法显示所有项目。我怎样才能增加它?我知道inquirer.js使用了
我想知道如何为 npm 包编写单元测试 Inquirer.js ,这是一个使 CLI 打包更容易的工具。我读过this post但我无法让它发挥作用。 这是我需要测试的代码: const questi
我想向用户提问,而不是立即排好所有问题。 文档中提到了 rxjs,但我觉得文档中关于如何在执行提示时正确添加问题方面存在差距,或者至少它对我来说不太适用。 https://www.npmjs.com/
我在导入 Inquirer 时遇到问题使用 Node 13.12.0 中的模块.任何其他import效果很好。只要我一直在使用Node 12.x与 require()它运作良好。 我的 anythin
我正在尝试使用带有“MQ”触发器的 Azure 逻辑应用程序从 IBM 队列读取消息。 问题是它不仅读取,而且进行查询(即读取队列的深度等)。出于安全考虑/设置,我们不允许这样做。 是否可以关闭或配置
当我在我的项目中运行这个命令时: yarn eject 显示这个错误: [root@VM-0-16-centos cruise-web]# yarn eject yarn run v1.22.10 $
当我在我的项目中运行这个命令时: yarn eject 显示这个错误: [root@VM-0-16-centos cruise-web]# yarn eject yarn run v1.22.10 $
我正在尝试获取一些代码,以便根据他们对问题给出的答案在屏幕上显示特定的消息。这是一个使用 Inquirer 包的 Node 应用程序,每次我运行该 Node 应用程序时,它都会返回“未定义”。 {
在创作 yeoman 生成器时,我想在我的一个提示中使用询问者的“自动完成”插件 ( https://github.com/mokkabonna/inquirer-autocomplete-promp
我遇到了一个问题。我有一组用 protractor.js 编写的端到端测试,我用 inquire.js 制作了一个小菜单,我将在其中选择我想运行的测试。问题是,我真的找不到任何关于如何将这两个项目实际
我正在创建我的第一个(真正的)Yeoman.io 生成器,它有一些嵌套提示(即一个提示的答案会影响其他提示和操作的呈现)。 我已经追踪了我的代码,表面上看起来我正在适本地“打开和关闭”我的提示,但在脚
遇到了node.js无法调试的情况。应用程序入口文件使用交互模式。它与inquirer npm 包一起使用。 我用过node的调试工具,还是不行。 代码如下: const inquirer = req
我是一名优秀的程序员,十分优秀!