【短讯】处理Media Queries的javascript类库 - enquire.js

最新推荐文章于 2024-03-17 09:46:04 发布
最新推荐文章于 2024-03-17 09:46:04 发布
阅读量48 收藏
点赞数
原文链接：https://my.oschina.net/gbin1/blog/78317
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

日期：2012-9-13  来源：GBin1.com

【短讯】处理Media Queries的javascript类库 - enquire.js

enquire.js是一款超棒的轻量级处理CSS Media Queries的javascript类库。主要特性如下：

  • 帮助你处理匹配的media queries(不匹配的也可以)
  • 针对浏览器事件响应
  • 支持一次性的设置
  • 不依赖任何类库，甚至jQuery
  • 可以方便的应用到响应式设计中
  • 类库非常小，压缩版小于1kb

你可以在你的web设计中用来显示图片或者隐藏特定的页面部分。要知道相对于CSS来说使用javascript来控制将会使得开发更加灵动。

来源：【短讯】处理Media Queries的javascript类库 - enquire.js

转载于:https://my.oschina.net/gbin1/blog/78317

weixin_33924220
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端项目-enquire.js.zip
09-02
前端项目-enquire.js,Awesome Media Queries in JavaScript
使用enquire.js实现响应式布局
weixin_48723799的博客
05-30 766
enquire.js 是一个小巧、灵活的 JavaScript 库，用于实现媒体查询的 JavaScript 回调。它可以帮助我们在不同设备上动态地调整布局和样式，从而实现响应式布局。
介绍enquire.js
08-26 2632
一段时间以来，我一直在使用的enquire.js库 ，以增加在JavaScript中使用的媒体查询。 我已经有很多使用各种项目库的成功，但我见过的大多数开发人员承认他们从来没有使用过或听说过它。 在这篇文章中，我想给你介绍图书馆，解释为什么你会想如何使用它。 什么是enquire.js？ enquire.js是一个轻量级的，纯JavaScript库，用于应对CSS媒体查询。 在我自己的话，...
enquire.js-响应css媒体查询的轻量级javascript库
Cool的博客
09-03 912
轻量，没有依赖。 安装： npm install enquire.js API: 　　enquire.register(mediaQuery, handler). 　　　　mediaQuery: 字符串，需要响应的媒体。 　　　　handler: 函数或对象， 　　enquire.unregister(mediaQuery[, handler]) 　　　　mediaQuery: 字符串，需要注销响应的媒体。 　　　　handler: 函数或对象，可不写，一旦写了，只有这个handler被注销
探索 enquire.js: 响应式 JavaScript 插件
gitblog_00048的博客
03-17 255
探索 enquire.js: 响应式 JavaScript 插件 enquire.js 是一个强大而灵活的响应式 JavaScript 插件，旨在帮助开发者创建优雅的响应式页面布局。它允许您轻松地根据设备特征或屏幕尺寸执行特定的操作。 什么是 enquire.js？ enquire.js 是一个轻量级的库，用于处理媒体查询和其他响应式设计任务。与传统的 CSS 媒体查询相比，enquire.js ...
JavaScript 媒体查询库 enquire.js
weixin_33720078的博客
06-09 646
enquire.js 详细介绍 enquire.js 是轻量级，纯 JavaScript 实现的 CSS 媒体查询库： JavaScript 回调媒体查询，匹配或者不匹配 干净直观的 API 超轻量级 —— 大约 0.8kb minified & gzipped! 完全无依赖，甚至是 jQuery。 简单使用： enquire.regist...
ahome-enquire:用于 Enquire.js 的 Java(GWT) API
06-24
Ahomé-查询关于 Ahomé-Enquire Ahomé-Enquire 构建在 Enquire.js 之上，是一个基于 GWT 的库，可帮助您在 Web 应用程序中创建动态 CSS 媒体查询。 ##Enterprise 支持通过 Ahomé 获得高质量的支持（请注意，所有 ...
angular-enquire-breakpoints:用于通过 Enquire.js 响应 CSS 媒体查询的 AngularJS 指令包装器
06-24
用于通过 Enquire.js 响应 CSS 媒体查询的 AngularJS 指令包装器 设置 向标记添加指令。 < body data-breakpoints > 定义断点。 如果希望保持 DRY 并在一个地方定义断点，请查看 xx 方法。 var ...
reflux-enquire:用于监听媒体查询变化的回流存储
06-21
// register screen breakpoints for media queries RefluxEnquireStore . register ( 'sm' , 'only screen and (min-width: 48em)' ) ; RefluxEnquireStore . register ( 'md' , 'only screen and (min-width: 62em...
babonjs:只是另一个 Javascript 库
07-10
BabonJS BabonJS只是另一个 Javascript 库。 它可以帮助您使用一些有用的功能， Automators和Generators 。要求BabonJS需要这些库才能工作。 jQuery Enquire内容让我们开始了解BabonJS有什么。本国的BabonJS创建了...
html5的css3-mediaqueries.js和html5.js两个js
01-27
在开发html5的时候要用到css3-mediaqueries.js和html5.js两个js。 但是现在google很难连接了所以只有本地引用来的好点 所以提供给大家下载
css3-mediaqueries.js 下载
04-05
css3-mediaqueries.js 下载<!--[if lt IE 9]> [removed][removed] <![endif]-->
css3-mediaqueries.js+html5.js
07-04
响应式页面 引用的两个js 兼容ie8 ie7的html5标签与media属性 css3-mediaqueries.js html5.js
推荐一款优秀的前端响应式布局库 - enquire.js
gitblog_00056的博客
03-17 349
探索 enquire.js: 响应式 JavaScript 插件 enquire.js 是一个强大而灵活的响应式 JavaScript 插件，旨在帮助开发者创建优雅的响应式页面布局。它允许您轻松地根据设备特征或屏幕尺寸执行特定的操作。 什么是 enquire.js？ enquire.js 是一个轻量级的库，用于处理媒体查询和其他响应式设计任务。与传统的 CSS 媒体查询相比，enquire.js ...
vue的响应插件enquire-js
碉堡飞哥的博客
07-31 5454
cnpm install enquire.js --save或 cnpm install enquire.js --save 创建device.js import enquireJs from 'enquire.js' export const DEVICE_TYPE = { DESKTOP: 'desktop', TABLET: 'tablet', MOBILE: 'mobile'...
4、vue 中使用vuex 和 enquire.js
SoOnPerson的博客
09-04 1546
1.介绍Enquire.js 参考资料： 1：官网 2：其他资料 参考项目:ant-design-pro-vue :https://github.com/sendya/ant-design-pro-vue 2.动手实践 1、引入vuex,enquire.js package.json: "dependencies": { "ant-design-vue": "^1.3.1...
响应css媒体查询 插件(enquire.js)
weixin_44862325的博客
09-24 352
https://www.cnblogs.com/holajulie/p/7891354.html
飞歌G6IV刷机包，恢复出厂解决车机问题
最新发布
05-05
飞歌G6IV刷机包，恢复出厂解决车机问题
import enquireJS from "enquire.js"; export const DEVICE_TYPE = { DESKTOP: "desktop", TABLET: "tablet", MOBILE: "mobile", }; interface match { match: () => void; unmatch?: () => void; setup?: () => void; destory?: () => void; deferSetup?: boolean; } export const deviceEnquire = (callback: (a: string) => void) => { const matchDesktop: match = { match: () => { callback && callback(DEVICE_TYPE.DESKTOP); }, }; const matchTablet: match = { match: () => { callback && callback(DEVICE_TYPE.TABLET); }, }; const matchMobile: match = { match: () => { callback && callback(DEVICE_TYPE.MOBILE); }, }; enquireJS .register("screen and (max-width: 576px)", matchMobile) .register( "screen and (min-width: 576px) and (max-width:1200px)", matchTablet ) .register("screen and (min-width: 1201px)", matchDesktop); }; 解释一下这段代码
07-15
enquire.js是一个用于响应式设计的JavaScript库，可以根据媒体查询的变化来执行相应的操作。 接下来，定义了一个常量DEVICE_TYPE，它包含了三个设备类型：desktop、tablet和mobile。 然后，定义了一个接口match，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值