enquire.js 详细介绍

enquire.js 是轻量级,纯 JavaScript 实现的 CSS 媒体查询库:

JavaScript 回调媒体查询,匹配或者不匹配干净直观的 API超轻量级 —— 大约 0.8kb minified & gzipped!

完全无依赖,甚至是 jQuery。

简单使用:

enquire.register("screen and (max-width:45em)", {// OPTIONAL// If supplied, triggered when a media query matches.match : function() {},      // OPTIONAL// If supplied, triggered when the media query transitions // *from a matched state to an unmatched state*.unmatch : function() {},    // OPTIONAL// If supplied, triggered once, when the handler is registered.setup : function() {},    // OPTIONAL, defaults to false// If set to true, defers execution of the setup function // until the first time the media query is matcheddeferSetup : true,// OPTIONAL// If supplied, triggered when handler is unregistered. // Place cleanup code heredestroy : function() {}});

文章转载自 开源中国社区[https://www.oschina.net]

JavaScript 媒体查询库 enquire.js相关推荐

  1. JavaScript 媒体查询

    首先在 CSS3 中引入的媒体查询构成了响应式 Web 设计的核心组件.应用程序应根据每种类型设备(如手机.平板电脑.笔记本电脑.台式计算机)的限制进行定制,媒体查询提供了一种根据正在查看应用程序的设 ...

  2. JavaScript 音频处理库 pico.js

    pico.js 实现了实时音频处理的简单 JavaScript 接口. 示例代码: 转载于:https://www.cnblogs.com/shihao/archive/2012/12/08/2809 ...

  3. 移动web开发之rem布局(rem基础、媒体查询、 less 基础、rem适配方案)

    移动web开发之rem布局 一.rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小. 不同的是rem的基准是相对于html元素的字体大小. 比如,根元素 ...

  4. pc显示器分辨率 前端_@media 响应式PC端媒体查询屏幕分辨率尺寸总结

    最近在写一个PC端的活动页面,想让页面适配不同的分辨率,既然提出了这样的需求,那么我们就要去尽量满足.因为之前一直写的是固定版心,然后在将容器居中,这样写的话,就导致页面在低分辨屏幕下会出现横向的滚动 ...

  5. enquire.js-响应css媒体查询的轻量级javascript库

    轻量,没有依赖. 安装: npm install enquire.js API: enquire.register(mediaQuery, handler). mediaQuery: 字符串,需要响应 ...

  6. js小学生图区_推荐12个最好的 JavaScript 图形绘制库

    众多周知,图形和图表要比文本更具表现力和说服力.图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等.可视化图表可以帮助开发者更容易理解复杂的数据,提高生产的效率和 Web  ...

  7. js中的new file_深受 Pandas 启发的 JavaScript 开源库 — Danfo.js 现已推出!

    特邀博文 / 独立研究员 Rising Odegua 与来自 Data Science Nigeria 的 Stephen Oni Danfo.js 是个 JavaScript 开源库,提供了高性能. ...

  8. js 包含某个字符串_[译] 5 大 JavaScript 字符串操作库

    原文地址:5 String Manipulation Libraries for JavaScript 原文作者:Mahdhi Rezvi 译文出自:掘金翻译计划 本文永久链接:https://git ...

  9. PathFinding.js – 综合性的 JavaScript 路径查找库

    PathFinding.js 是一个综合性的 JavaScript 路径查找库.这个项目的目的是提供一个可以很容易地纳入网页游戏的路径查找库.它可以运行在 Node.js 或浏览器中.提供的在线演示展 ...

最新文章

  1. 解决 王爽写的汇编语言的第七个验七- 寻址方式在结构化数据访问中的应用
  2. 多个SSH Key自动化配置
  3. DotNetCore跨平台~EFCore数据上下文的创建方式
  4. Android菜鸟的成长笔记(25)——可爱的小闹钟
  5. python在中国的发展-python在中国的现状和发展趋势
  6. PAT_B_1089_Java(20分)
  7. 【数据结构】C++STL map 常见用法小结
  8. Atitit. 项目文档目录大纲 总集合  v2
  9. paip.验证码识别---初始化
  10. xshell与虚拟机VMware中centos6.7系统突然连不上
  11. win7变成xp风格了怎么改回_win7桌面怎么改成xp风格
  12. 半带滤波器 cic滤波器
  13. 大数运算——模加减运算
  14. vue axios封装 类方法
  15. python dataframe是什么_【Python-pandas】核心数据结构DataFrame介绍
  16. 开篇-开启全新的.NET现代应用开发体验
  17. pp模块常用表 sap_SAP 常用表 MM PP SD FICO PM PS QM WM 等
  18. LitsModer —— 开发日志(上)
  19. The Fun Of Algorithm - Day4 - 百钱百鸡问题
  20. go work 工作区

热门文章

  1. java 随机生成大写字母_java 生成随机大写字母,整数,小写字母
  2. 继电反馈法自整定_用STM32F407玩控制—继电反馈法PID参数自动整定
  3. mysql创建和修改索引_MySQL索引创建 删除 增加 修改命令
  4. eplan如何导入access_EPLAN脚本从入门到应用-2
  5. python判断是否为素数_python判断是否为素数
  6. perl中的sleep函数
  7. Eclipse开发常用快捷键
  8. 张广慧:云计算对游戏开发者的价值
  9. View-client自动登录
  10. jQuery的页面加载事件