CSSCore用于添加、移除、判断是否包含某个样式类,以及是否某个校验器。
'use strict'; // 首参否值报错 var invariant = require('./invariant'); // 通过父节点判断元素element是否匹配某个选择器selector function matchesSelector_SLOW(element, selector) { var root = element; while (root.parentNode) { root = root.parentNode; } var all = root.querySelectorAll(selector); return Array.prototype.indexOf.call(all, element) !== -1; } var CSSCore = { // 添加样式类 addClass: function addClass(element, className) { !!/\s/.test(className) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'CSSCore.addClass takes only a single class name. "%s" contains ' + 'multiple classes.', className) : invariant(false) : void 0; if (className) { if (element.classList) { element.classList.add(className); } else if (!CSSCore.hasClass(element, className)) { element.className = element.className + ' ' + className; } } return element; }, // 移除样式类 removeClass: function removeClass(element, className) { !!/\s/.test(className) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'CSSCore.removeClass takes only a single class name. "%s" contains ' + 'multiple classes.', className) : invariant(false) : void 0; if (className) { if (element.classList) { element.classList.remove(className); } else if (CSSCore.hasClass(element, className)) { element.className = element.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)', 'g'), '$1').replace(/\s+/g, ' ') // multiple spaces to one .replace(/^\s*|\s*$/g, ''); // trim the ends } } return element; }, // 按第三个参数布尔值添加或移除样式类 conditionClass: function conditionClass(element, className, bool) { return (bool ? CSSCore.addClass : CSSCore.removeClass)(element, className); }, // 判断元素是否包含某个样式类 hasClass: function hasClass(element, className) { !!/\s/.test(className) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'CSS.hasClass takes only a single class name.') : invariant(false) : void 0; if (element.classList) { return !!className && element.classList.contains(className); } return (' ' + element.className + ' ').indexOf(' ' + className + ' ') > -1; }, // 判断元素是否匹配某个选择器 matchesSelector: function matchesSelector(element, selector) { var matchesImpl = element.matches || element.webkitMatchesSelector || element.mozMatchesSelector || element.msMatchesSelector || function (s) { return matchesSelector_SLOW(element, s); }; return matchesImpl.call(element, selector); } }; module.exports = CSSCore;
相关推荐
void cSScore(string,int); }; ⽤户类中UserType被⽤来表⽰这个⽤户是教师,本科⽣,研究⽣还是博⼠⽣。其中教师拥 有管理权限。包括UserType在内,StudentNo(学号),sname(姓名),spassword(密码) 和Score...
postcss core.css \ -u postcss-import \ -u postcss-css-variables \ -u cssnano \ -o ./build.css --no-map 充分 postcss raw/* \ -u autoprefixer \ -d src --no-map \ && \ postcss cor
前端项目-core.css,建立响应网站的轻量级基础。
Core CSS 英文原版光盘附带 100%清晰
这是我为期一个月的实习项目。 CLient是AXIS Bank的一个分支机构,希望更改 (票务软件)的UI以反映AXIS Bank的主题。 内容 部署和使用 ... Core.AgentTicketQueue.css Core.Default.css Core.Form.cs
Core Css 参考书 Css禅意花园作者写的参考资料
Supplement to the Bluetooth Core Specification CSS Version: 6
原生js Aui-core结合css3 transform属性制 原生js Aui-core结合css3 transform属性制
MOSS2007 CORE.CSS样式文件解析
jhyphen.zip,“libhyphen”连字符库的Java绑定libhyphen连字符库的Java绑定
BootStrap Custom Theme CSS
官方蓝牙资料,蓝牙协议文档 This supplement contains information related to data types, common Profile and Service error codes, and enumerates the services permitted to use Security Mode 4 Level 0
const extractCss = require ( 'extract-css-core' ) const css = await extractCss ( 'https://www.projectwallace.com' ) //=> html{font-size:100%} etc. 或者,如果您需要更多详细信息: const entries = ...
/* The Core Technique ================================= */ body { text-align: center; } .wrapper { width: 76.8%; margin: 0 auto; text-align: left; max-width: 125em; min-width: 76em; ...
OpenHWGroup的CORE-VRISC-V内核集的文档_JavaScript_CSS_下载.zip
Eclipse-plugins 插件,eclipse 各种插件 .jar 包,免费下载 eclipse202106 -plugins 各种插件 .jar 包,免费下载 如果下载不了,关注我,评论区联系我,
全名Core CSS Cascading Style Sheets 2nd Edition,英文.
Explains core processes, such as marking up text, images, lists, tables, forms, audio, and video Delves into CSS3, teaching you how to control or change the way your pages look and offer tips on how ...
TMS WEB CORE特性 现代的单页面web应用程序模型。 纯粹的基于HTML5和CSS3 / Javascript的应用程序 通用UI控件的标准组件框架和浏览器特性的访问。 通过浏览器调试Pascal代码。 多年开发的一个可靠的Delphi Pascal到...
rcs是重命名css选择器的缩写 为什么? 较长CSS选择器(例如main-menu__item--disabled )可以增加文件大小。 使用此rcs-core可以很容易地重命名选择器,从而减小文件大小。 通过缩短CSS文件中CSS选择器,可以节省...