小编use*_*647的帖子

基于Semantic-UI Grid的页面布局:无法移除排水沟

我正在创建一个Web应用程序semantic-ui.我正在尝试创建一个具有侧边栏和主要内容区域的布局.起初,我认为使用网格是可行的方法,除了它们会导致一些问题:

  1. 列和行之间将有额外的间距/排水沟
  2. "移除"排水沟的唯一方法是使用类似的方式设置列颜色<div class="four wide black column">,但这会导致列与其他内容重叠

如此看来,电网不创建页面布局的最佳工具,虽然他们提供的功能,这使得他们对页面布局有用(如定义截面尺寸; four wide column,ten wide column等)

使用Semantic-UI布局Web应用程序的推荐方法是什么,例如简单的侧边栏和主要内容列?

html css semantic-ui

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

读取zip存档中的文件,而不解压缩存档

我有一个包含100多个zip文件的目录,我需要读取zip文件中的文件来进行一些数据处理,而不需要解压缩存档.

是否有一个Ruby库来读取zip存档中的文件内容,而不解压缩文件?

使用rubyzip会出错:

require 'zip'

Zip::File.open('my_zip.zip') do |zip_file|
  # Handle entries one by one
  zip_file.each do |entry|
    # Extract to file/directory/symlink
    puts "Extracting #{entry.name}"
    entry.extract('here')

    # Read into memory
    content = entry.get_input_stream.read
  end
end 
Run Code Online (Sandbox Code Playgroud)

给出了这个错误:

test.rb:12:in `block (2 levels) in <main>': undefined method `read' for Zip::NullInputStream:Module (NoMethodError)
    from .gem/ruby/gems/rubyzip-1.1.6/lib/zip/entry_set.rb:42:in `call'
    from .gem/ruby/gems/rubyzip-1.1.6/lib/zip/entry_set.rb:42:in `block in each'
    from .gem/ruby/gems/rubyzip-1.1.6/lib/zip/entry_set.rb:41:in `each'
    from .gem/ruby/gems/rubyzip-1.1.6/lib/zip/entry_set.rb:41:in `each'
    from .gem/ruby/gems/rubyzip-1.1.6/lib/zip/central_directory.rb:182:in `each'
    from test.rb:6:in `block in <main>'
    from .gem/ruby/gems/rubyzip-1.1.6/lib/zip/file.rb:99:in `open'
    from test.rb:4:in `<main>'
Run Code Online (Sandbox Code Playgroud)

ruby

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

语义Ui菜单全宽项目

我有一个带有简单菜单的应用程序,它将包含3个主要项目。标题项,搜索输入项和设置项。我这样定义菜单:

<div class="ui menu">
  <div class="left header item">

  </div>
  <div class="item">
    <div class="ui icon input">
      <input placeholder="Search..." type="text">
      <i class="search link icon"></i>
    </div>
  </div>
  <div class="right">

  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

问题是我希望中间项目占用尽可能多的空间(即从第一项扩展到最后一项)。是否有一个属性可以使该项目占用尽可能多的空间

semantic-ui

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

Ruby - 列出 tar.gz 存档中的文件

我需要列出 .tar.gz 存档中的文件,而不解压缩该存档。我查看了 zlib 库,但找不到列出文件的方法,只能显示文件的内容。

如何只列出存档中的文件?

这是我的代码:

require 'zlib'

Zlib::GzipReader.open("archive.tar.gz") do |entry|
  entry.each { |e| # what's the method? }
end
Run Code Online (Sandbox Code Playgroud)

ruby

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

使用react-grid-layout以编程方式生成网格项

我正在使用 Meteor 和 ReactJS 开发一个应用程序。我正在使用react-grid-layout组件来创建项目网格。

问题是每个元素的位置需要手动指定。在我的应用程序中,我基于 Meteor Collection 生成网格项,我可能不知道该集合中有多少项。

例子

import React from "react";
import Item from "/ui/components/workspace/item.jsx";
import ReactGridLayout from 'react-grid-layout';

export default class WorkspaceGrid extends React.Component {
  componentDidMount() {

  }

  render() {
    let testCollection = [1,2,3,4,5,6,7,8,9,10]
    return (
      <ReactGridLayout isResizable={false} className="layout" cols={4} width={1200}>
        {testCollection.map((item, x) => 
            <Item key={x} _grid={{x: ?, y: ?, w: 1, h: 2}} />
        )}
      </ReactGridLayout>
    )
  }

}
Run Code Online (Sandbox Code Playgroud)

在上面的例子中,网格每行应该有 4 列,但是我如何指定xy,以便testCollection项目 1-4 位于第 1 行,5-8 位于第 …

meteor reactjs react-grid-layout

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

在Qt HTML5应用程序中使用QtWidgets

我正在使用Qt框架开发HTML5应用程序.关于它是如何工作的我有点困惑.我知道Qt有Widgets,比如QTableWidget,QPushButton等.

我会使用这些小部件来布置我的应用程序吗?我如何使用在我的应用程序中说一个QPushButton.或者一切都假设是CSS,HTML,Javascript,我会将C++用于网络,文本处理等后端的东西?

c++ html5 qt

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

Ruby按标准搜索哈希

如何将数组哈希与单个哈希进行比较,并返回包含比较结果的新哈希数组.

例如:

stored_hash  = [
    {:a => 1, :b => 2, :c => 3},
    {:a => 1, :b => 3, :c => 4}
]
compare_hash = {:a => 1}
stored_hash.some_function_here(compare_hash)
Run Code Online (Sandbox Code Playgroud)

应该返回:

[
   {:a => 1, :b => 2, :c => 3},
   {:a => 1, :b => 3, :c => 4}
]
Run Code Online (Sandbox Code Playgroud)

这个:

stored_hash  = [
    {:a => 1, :b => 2, :c => 3},
    {:a => 1, :b => 3, :c => 4}
]
compare_hash = {:a => 1, :b …
Run Code Online (Sandbox Code Playgroud)

ruby hash

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

确定字符串是否包含Ruby中的Integer或Float

假设我得到一些字符串输入,我想知道它是否包含一个Integer或一个Float.

例如:

input_1 = "100"
input_2 = "100.0123"
Run Code Online (Sandbox Code Playgroud)

现在,让我们考虑以下内容:

input_1.respond_to?(:to_f) # => true 
input_1.is_a?(Float)       # => false
input_1.is_a?(Fixnum)      # => false
input_1.to_f?              # => 100.0

input_2.respond_to?(:to_i) # => true
input_2.is_a?(Integer)     # => false
input_2.is_a?(Fixnum)      # => false
input_2.to_i               # => 100
Run Code Online (Sandbox Code Playgroud)

在上面的例子中,我们无法确定字符串是否包含a Integer或a Float.Ruby中是否有办法确定字符串是否包含a FixnumFloat

ruby

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

将echo.Context转换为context.Context

我正在编写一个Web应用程序,使用Go作为后端.我正在使用这个GraphQL库(链接)和Echo Web框架(链接).问题是graphql-go库使用contextGo中的包,同时Echo使用自己的自定义上下文,并删除了对标准context包的支持.

我的问题是,有没有办法使用context.Context作为echo.Context,在下面的例子中?

api.go
func (api *API) Bind(group *echo.Group) {
    group.Use(middleware.JWTWithConfig(middleware.JWTConfig{
        SigningKey:  []byte("SOME_REAL_SECRET_KEY"),
        SigningMethod:  "HS256",
    }))
    group.GET("/graphql", api.GraphQLHandler)
    group.POST("/query",  echo.WrapHandler(&relay.Handler{Schema: schema}))
}
Run Code Online (Sandbox Code Playgroud)

graphql.go

func (r *Resolver) Viewer(ctx context.Context, arg *struct{ Token *string }) (*viewerResolver, error) {
    token := ctx.Value("user").(*jwt.Token) // oops on this line, graphql-go uses context.Context, but the echo middleware provides echo.Context
    ...
}
Run Code Online (Sandbox Code Playgroud)

我如何使我的graphql解析器可以使用echo上下文.非常感谢,任何帮助表示赞赏.

go graphql

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

标签 统计

ruby ×4

semantic-ui ×2

c++ ×1

css ×1

go ×1

graphql ×1

hash ×1

html ×1

html5 ×1

meteor ×1

qt ×1

react-grid-layout ×1

reactjs ×1