小编Bho*_*yar的帖子

获取css属性的所有可用值

我可以使用 JavaScript 获取 css 属性的所有值吗?例如,我可以获得“cursor”属性的所有值(poniter、resize 等)吗?

我知道我可以从元素获取属性的值

element.style.cursor
Run Code Online (Sandbox Code Playgroud)

但这显然无法向我展示所有可能的值。

javascript css

1
推荐指数
1
解决办法
1125
查看次数

关于javascript/jquery语法

我无法在任何地方找到类似这样的语法:

var mz = jQuery.noConflict();
mz('#zoom01, .cloud-zoom-gallery').CloudZoom();
Run Code Online (Sandbox Code Playgroud)

这意味着: jQuery.noConflict()('#zoom01, .cloud-zoom-gallery').CloudZoom();

这样的事情:

$(window)[this.off?'off':'on']("scroll", fixDiv );
Run Code Online (Sandbox Code Playgroud)

所以,我想知道类似这些的语法:

jQuery.noConflict()(syntax)而且$(window)[syntax](syntax)我也认为可能会有这样的事情$(selector){syntax}

任何人都可以详细说明这些语法吗?

javascript jquery

1
推荐指数
1
解决办法
139
查看次数

我如何分组包装标签?

我的html中可能有任意数量的文章:

<div id="main">
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
</div>
Run Code Online (Sandbox Code Playgroud)

现在,我想分成一组所有文章.

var group = parseInt($('#main article').length / 3, 10); // results 4
Run Code Online (Sandbox Code Playgroud)

现在,我如何用一组中的四篇文章包装它?

结果应该是这样的:

<div id="main">
  <div class="group">
     <article></article>
     <article></article>
     <article></article>
     <article></article>
  </div>
  <div class="group">
     <article></article>
     <article></article>
     <article></article>
     <article></article>
  </div>
  <div class="group">
     <article></article>
     <article></article>
     <article></article>
     <article></article>
  </div>
  <div class="group"><!--the remaining two articles-->
     <article></article>
     <article></article>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

jquery

1
推荐指数
1
解决办法
73
查看次数

绑定与未绑定函数

什么是绑定函数和未绑定函数?

javascript

1
推荐指数
1
解决办法
2187
查看次数

最小高度不是最重要的

我有以下css:

textarea{
    height: 200px;
    min-height: 200px;
}
Run Code Online (Sandbox Code Playgroud)

我想覆盖一些textarea:

<textarea style="height:auto;min-height:auto;"></textarea>
Run Code Online (Sandbox Code Playgroud)

据我所知,内联式优先,但为什么它从外部css?

这是小提琴

css

1
推荐指数
1
解决办法
321
查看次数

在JavaScript中,var a = 5之间的区别是什么.和var a = 5?

如标题说明

在JavaScript中,var a = 5之间的区别是什么.和var a = 5?

typeof(5.)  //return number

typeof(5)  //return number
Run Code Online (Sandbox Code Playgroud)

javascript

1
推荐指数
1
解决办法
215
查看次数

以下乘法如何工作?

我无法理解以下内容:

3 * { valueOf: function(){ return 5} }
//outputs 15
Run Code Online (Sandbox Code Playgroud)

当我尝试使用这样的:

3 * { 5 }
//syntax-error

3 * {valueOf: 5}
//outputs NaN
Run Code Online (Sandbox Code Playgroud)

那么,这究竟是如何工作的{}呢?

javascript

1
推荐指数
1
解决办法
41
查看次数

有没有能力使用正则表达式来选择类?

我知道有能力使用通配符选择页面中的元素,如https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

但我想在这样的类名中使用正则表达式

div.col-*-2-* {
  color: green;
}
Run Code Online (Sandbox Code Playgroud)
<div class="col-1-1-1">Don't select</div>
<div class="col-1-2-1">Select</div>
<div class="col-3-2-3">Select</div>
<div class="col-4-2-1">Select</div>
<div class="col-5-3-2">Don't select</div>
Run Code Online (Sandbox Code Playgroud)

css sass css3 less

1
推荐指数
1
解决办法
50
查看次数

React何时开始在jsx中支持'class'属性

我听说Jsx不支持class属性。但是现在它运行良好。React什么时候开始在jsx中支持class属性

javascript reactjs react-native

1
推荐指数
1
解决办法
96
查看次数

如何从对象的属性渲染组件?

我正在构建一个导航栏,其中包含很少的图标和标题。

为了构建它,我正在使用react-iconshttps://www.npmjs.com/package/react-icons)。所以,我在这里导入这些项目

import { FaMobileAlt, FaCreditCard, FaRegBuilding } from 'react-icons/fa';
Run Code Online (Sandbox Code Playgroud)

我有一个常量负责保存菜单项列表

const LEFT_MENU_ITEMS = [
  { key: 'devices', icon: FaMobileAlt, title: 'Devices' },
  { key: 'cards', icon: FaCreditCard, title: 'Cards' },
  { key: 'business', icon: FaRegBuilding, title: 'Business' },
];
Run Code Online (Sandbox Code Playgroud)

正常用法是这样的<FaMobileAlt />,但就我而言,我试图迭代这个 const 来构建我的列表。

buildLeftMenuBar() {
if (!this.props.loggedIn) return null;
return (
  <ul key="leftMenuBar" className="items">
    {_.map(LEFT_MENU_ITEMS, itemDef => (
      <li key={itemDef.key}>
        <NavLink to={`/${itemDef.key}`}>
          <div>
          >>>>>  {itemDef.icon} <<<< 
          </div>
          <span>{itemDef.title}</span>
        </NavLink>
      </li>
    ))}
  </ul>
); …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

1
推荐指数
1
解决办法
1223
查看次数

标签 统计

javascript ×7

css ×3

jquery ×2

reactjs ×2

css3 ×1

less ×1

react-native ×1

sass ×1