小编sup*_*ize的帖子

一次性解构对象并重新分配给不同的变量名

我有一个对象:

let obj = {
  "t":
    {
      "en": {
        "head" :"hello",
        "sub"  : "this is great"
      }
    }
  "link": {}
}
Run Code Online (Sandbox Code Playgroud)

我正在解构它:

{ t: { en }}
Run Code Online (Sandbox Code Playgroud)

是否可以在同一个解构语句中重新t分配en

en所以我想要分配给变量的对象t而不是en

javascript syntax ecmascript-6

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

获得可拖动元素的实时位置

我想知道你是否有人知道如何解决以下问题:

我有很多div

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
Run Code Online (Sandbox Code Playgroud)

而且他们都可以用jquery ui拖延

var $divs = $('#one, #two, #three')
$divs.draggable({   
     start: dragStart, cursor: 'move', stop: dragEnd        
      });
Run Code Online (Sandbox Code Playgroud)

我想要的是实时获取被拖动元素的当前位置,以便如果被拖动的div是例如触发事件:

if($('#two').position().left <= 500) { /*baadaboom*/ }
Run Code Online (Sandbox Code Playgroud)

我把div拖到哪里

左边是1000px

并立即如果它

小于500px

它应该开火!

html javascript jquery

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

scrollTop到溢出滚动div中的活动元素

我有一个具体的问题.scrollTop.我有一个div特定的height和很多p标签内:

<div id="scroll">
   <p>name1</p>
   <p>name2</p>
   <!-- till name50 -->
</div>
Run Code Online (Sandbox Code Playgroud)

根据您点击的名称,它会获得一个类.active.我当时想要做的是滚动div,使名称位于顶部.所以我得到的是我可以在这样的动画函数中使用scrollTop:

$('#scroll').animate({scrollTop: value });
Run Code Online (Sandbox Code Playgroud)

但我怎么能得到var value.我试过了

var value = $('#scroll p').hasClass('active').position().top;
Run Code Online (Sandbox Code Playgroud)

但不知怎的,它不起作用.

一些帮助非常感谢.

html javascript jquery

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

如何在SASS中为数字添加单位

我想知道如何将单位添加到SASS中变量的特定数量:

$number: 10;
padding: $number / 2 & px;
Run Code Online (Sandbox Code Playgroud)

不能&用。有什么帮助吗?

css sass

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

每种输入类型的通配符选择器

我想知道,是否有通配符选择器input[type=""]

input[type="*"]什么?

html css css-selectors

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

ActiveAdmin在其表单中将数据类型文本呈现为textarea

我的模型由几行数据类型组成text.不幸的是,ActiveAdmin似乎将这些渲染为<textarea>.我想把它们作为一个,<input type="text">但我不能让它工作.我到目前为止的尝试:

form do |f|
  inputs do
    f.input :name, as: :text
    f.input :name, input_html: { type: "text" }
  end 
end
Run Code Online (Sandbox Code Playgroud)

知道我如何将数据类型text行作为标准输入呈现,而不是作为ActiveAdmin中的textarea?

谢谢

ruby ruby-on-rails activeadmin ruby-on-rails-4

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

获取多选下拉列表的 selectedIndex

我有一个 HTML 选择下拉列表,其中multiple提供了:

<select multiple id="mySelect">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>
Run Code Online (Sandbox Code Playgroud)

并分配一个单击处理程序,该处理程序返回当前单击的元素的索引:

document.getElementById("mySelect").onclick = function() {
  alert(this.selectedIndex);
}
Run Code Online (Sandbox Code Playgroud)

当我仅选择其中一个元素时,效果很好。但我想返回当前选择的所有索引。

当我点击Apple, Orange and Banana返回时,就像[0,1,3]我想要的那样,但它不起作用。

工作示例:JSfiddle

html javascript

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

在span文本周围包裹元素

我有一个span动态填充的.然后标记是

<span class="child">
  John Doe <br>
  johndoe@gmail.com<br>  
  0123456789<br>
</span>
Run Code Online (Sandbox Code Playgroud)

我打算做的是span在第一个文本之前将另一个文本包裹起来<br>.它应该是这样的

<span class="child">
  <span class="firstrow">John Doe</span><br>
  johndoe@gmail.com<br>  
  0123456789<br>
</span>
Run Code Online (Sandbox Code Playgroud)

如何在第一个文本之前检测所有文本<br>并用其周围的类包装另一个文本.

html javascript jquery

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

故事书不会在Vue项目的组件中加载SVG

我已经创建了一个Vue项目,vue-cli并作为依赖项安装了storybook以后,npm install --save-dev storybook以显示我创建的组件。

故事书的webpack配置如下所示:

const path = require('path')

module.exports = async ({ config, mode }) => {
  config.module.rules.push(
    {
      test: /\.svg$/,
      use: ['vue-svg-loader']
    },
    {
      test: /\.scss$/,
      use: [
        'style-loader',
        'css-loader',
        {
          loader: 'sass-loader',
          options: {
            sourceMap: false,
            data: '@import "./src/assets/styles/main.scss";'
          }
        }
      ],
      include: path.resolve(__dirname, '../')
    }
  )

  return config
}

Run Code Online (Sandbox Code Playgroud)

和这样的故事index.js

import Vue from 'vue';
import { storiesOf } from '@storybook/vue';
import Alert from '../src/components/buttons/Alert.vue';

storiesOf('Components', module)
  .add('Alert', () …
Run Code Online (Sandbox Code Playgroud)

webpack vue.js vue-component vuejs2 storybook

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

Vim for VSCode 有时无法正确移动光标到上一个或下一个位置(ctrl + i / o)

Vim 中我最喜欢的功能之一是用于ctrl + o移动到最近的先前位置,并ctrl + i恢复(向前移动)光标。

由于某种原因,在我的 VSCode 中,这不能始终正常工作。有时光标会跳到完全错误的位置,我以前可能访问过该位置,但看起来完全是随机的。

我想知道以前是否有人经历过这种情况,这可能是一个设置吗?我正在运行vscodevim 1.23.2似乎是最新的。

谢谢

visual-studio-code vscodevim

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