小编Kay*_*ote的帖子

CSS - 使用display:inline属性删除列表菜单中的水平空间

我是CSS的新手,并且在本月底之前设定了在CSS中学习和发布我的网站的目标.

我的问题:

我正在尝试使用悬停下拉菜单构建一个CSS水平菜单,但是,当我使用display: inline带有li(列表)项目的属性时,我会li在条形图中的(列表)项目之间获得水平空格.如何删除此空间?

这是HTML:

<div id="tabas_menu">
    <ul>
        <li id="tabBut0" class="tabBut">Overview</li>
        <li id="tabBut1" class="tabBut">Collar</li>
        <li id="tabBut2" class="tabBut">Sleeves</li>
        <li id="tabBut3" class="tabBut">Body</li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

这是CSS:

#tabas_menu {
    position: absolute;
    background: rgb(123,345,567);
    top: 110px;
    left: 200px;
}

ul#tabas_menu {
    padding: 0;
    margin: 0;
}

.tabBut {
    display: inline;
    white-space: 
    list-style: none;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,142,190,1)),to(rgba(188,22,93,1)));
    background: -moz-linear-gradient(top, rgba(255,142,190,1), rgba(188,22,93,1));
    font-family: helvetica, calibri, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-shadow: 1px 1px 1px rgba(99,99,99,0.5); …
Run Code Online (Sandbox Code Playgroud)

css inline

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

你能为变量声明添加一个条件吗?

这对我来说没有意义,但我有一种感觉,我看到了一个代码使用这个:

var abc = def || ghi;
Run Code Online (Sandbox Code Playgroud)

我的问题是,这有效吗?我们可以为变量声明添加条件吗?我想答案是否定的,但我心里想到的是,我曾在代码中看到类似的东西.

javascript variables declaration

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

理解React的综合事件系统

现在已经有几天了.

根据文档,React有一个合成事件系统,它是一个a cross-browser wrapper around the browser's native event.通过文档,我的理解是正确的,自定义(合成)事件系统,不是效率,而是跨浏览器兼容性.

换句话说,React仍然将事件附加到元素而不是父元素上更有效的事件委派方法?

我在Firefox Inspector中也注意到了这一点,这引起了最初的好奇心.

提出问题的原因是我正在开发一个应用程序,用户可能会选择一千个元素并将它们拖动到屏幕上,因此最终会出现事件委托.

javascript events dom event-handling reactjs

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

Aptana Studio 3 - 可变高亮启用

所有,

不知何故,我设法在Aptana Studio 3中禁用了"变量/元素突出显示".

在线搜索提出了某人的建议,以便在"首选项"对话框的"常规">"编辑器">"文本编辑器"部分中启用"突出显示当前行选项",该部分已经启用,我认为实际上是行高亮,而不是变量突出显示.

谢谢,

aptana ide syntax-highlighting highlight

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

Webpack - 没有输出文件,没有报告错误

我正在学习Webpack并一次又一次地学习它.在最新版本中,有一些非常奇怪的事情发生.CLI报告一切都很好和输出文件dress_aphrodite.jsemitted,但其无处文件夹中找到.

以下是日志:来自CLI:

http://localhost:8080/webpack-dev-server/
webpack result is served from /app/
content is served from ./app
Hash: 5334867c12acfa65ba90
Version: webpack 1.12.9
Time: 1966ms
                    Asset    Size  Chunks             Chunk Names
    dress_aphrodite.js  390 kB       0  [emitted]  main
dress_aphrodite.js.map  479 kB       0  [emitted]  main
chunk    {0} dress_aphrodite.js, dress_aphrodite.js.map (main) 354 kB [rendered]
    [0] multi main 52 bytes {0} [built]
    [1] ./~/babel-polyfill/lib/index.js 209 bytes {0} [built]
    [2] ./~/core-js/shim.js 4.31 kB {0} [built]
    [3] ./~/core-js/modules/es5.js 10.2 kB {0} [built]
    ...
  [263] ./~/ansi-regex/index.js 135 bytes …
Run Code Online (Sandbox Code Playgroud)

javascript package node.js webpack babeljs

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

Immutable.js - toJS不是一个函数

我尝试使用此函数时收到typeError.

根据Immutable.js文档,我想将obj转换为普通的JS obj.

这是一个例子:

import { Map as iMap,
         toJS } from "immutable";

    let anExample = iMap({
        a : "a",
        b : "b"
    });
    console.log( "anExample is...", toJS( anExample ) );
Run Code Online (Sandbox Code Playgroud)

我没有收到错误Map,但我确实这样做了toJS.我究竟做错了什么?谢谢,

javascript dictionary immutability immutable.js

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

SVG中的Web应用程序,性能问题和可行性

我们是一家新的创业公司,将为时尚产业开发一个网络应用程序.我们正在考虑使用canvas(不关心IE支持)但现在在阅读了Raphaeljs和jQuerySVG之后,我们对在SVG中构建整个界面和单元的可能性很感兴趣.

以下是我的想法:

  • 决议独立
  • 能够缩放项目并保持形状和外观
  • 浏览器优化即将推出
  • 我们不必在画布上绘制所有东西,我们可以利用坐标绘制单位(项目)
  • 无需学习XML; 易于学习和使用?
  • SVG非常广泛,因此应该可以轻松处理各种设计形状
  • 像canvas一样,我们可以使用HTML5和CSS3功能以及SVG(拖放,高级CSS3效果),甚至是jquery效果
  • 因为我们不会使用任何复杂的3D渲染,所以假设全屏矢量不应该有太大的性能影响?

希望根据过去使用SVG用于整个Web应用程序渲染的可行性的经验来听取您的意见.

我们已经研究了近两周的画布,并确信我们可以从中获得所有需求但是如果SVG可以做同样的事情,它会很棒并且实际上是首选的(?).

干杯

html5 svg web-applications canvas

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

工作表和工作表obj之间的区别

我试图理解Excel VBA中worksheets&worksheetobj 之间的区别.我从MSDN参考中了解到,这worksheetworksheets&的子obj sheets.

但是,我们使用worksheetsobj而不是worksheetobj 引用每个工作表.例如

worksheets("ExcelIsCool").range("a1").value -> CORRECT
worksheet ("ExcelIsCool").range("a1").value -> INCORRECT
Run Code Online (Sandbox Code Playgroud)

我的问题是两者之间的区别是什么?

worksheet仅用于声明一个变量(只在我到目前为止已经使用的地方).例如

dim wks as worksheet 
Run Code Online (Sandbox Code Playgroud)

excel vba excel-vba

6
推荐指数
2
解决办法
6930
查看次数

让React Developer Tools与Webpack一起使用

我按照本教程在Webpack中将React公开为全局.该Expose模块安装和我加入配置webpack.config.js文件模块加载.但是,它无法运行和React Developer Tools仍然无法访问.

这是我的webpack.config.js文件,第一个加载器是expose-react:

var path = require ('path'),
    webpack = require ('webpack'),
    htmlWebpackPlugin = require ('html-webpack-plugin');

const PATHS = {
    app : path.join (__dirname, 'app'),
    build : path.join (__dirname, 'build')
};

module.exports = {
    entry : {
        main : PATHS.app + '/Main.jsx'
    },
    output : {
        path : PATHS.build,
        filename : 'dressAphrodite.js'
    },
    module : {
        loaders : [
            {
                test : require.resolve ('react'),
                loader : 'expose?React'
            },
            {
                test : /\.css$/,
                loaders : ['style', …
Run Code Online (Sandbox Code Playgroud)

javascript developer-tools npm reactjs webpack

6
推荐指数
3
解决办法
4285
查看次数

理解卷曲括号'{}'的语境

我一直在审查其他人的代码,虽然ES2015总体上正在考虑使用,但是,我仍然坚持使用Destructuring.

以前,在Javascript中,Curly Brackets {}要么用于块或对象.例如

// Curly Brackets Block
If () {
  ...
}

// Curly Brackets in Obj
var obj = {
  a : 1,
  ...
}
Run Code Online (Sandbox Code Playgroud)

但是,在解构中,我们一次又一次地看到以下语法:

let a = ({ a, b }) => {
}
Run Code Online (Sandbox Code Playgroud)

我的问题是,参数容器是一个实际的对象还是一个块?请解释以下内容是否与上述代码相同:

let a = ( a, b ) => {
}
Run Code Online (Sandbox Code Playgroud)

编辑:我从阅读Axel Rauschmayers关于Destruturing的文章(到目前为止)的理解是,我们只是绘制道具.进入一个新的Obj总是?即:

let a = { first : a, second : b } = AnObj;
===
a.a === AnObj.first;
a.b === AnObj.second;
Run Code Online (Sandbox Code Playgroud)

以上是正确的吗?obj总是被实例化吗?但是,这在上面的函数中没有意义,因此为props创建的对象将是一个匿名对象,对吧?

非常感谢,

javascript brackets block destructuring ecmascript-6

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