小编avi*_*met的帖子

使用CSS,你可以应用渐变蒙版在文本上淡入背景吗?

我有一个全屏固定的背景图像.我希望滚动div中的文本在顶部淡出,大概是通过在div的顶部应用渐变蒙版到背景.我感兴趣的是文本看起来像用户向下滚动时消失,但仍然有大面积的完全不透明度来实际阅读文本.

我知道webkit中有掩码选项,但我找不到一种方法可以淡化到包含文本的页面背景,只将渐变应用于元素的一小部分.

这是所需结果的图像:

css gradient masking

45
推荐指数
4
解决办法
8万
查看次数

Gulp Rev 不包含我的清单文件中的路径

我将 Gulp 任务设置为同时连接、缩小和指纹资产,将它们直接写入我的资产文件夹:

(CSS部分)

gulp.task('styles:cssmin', function(){
    return gulp.src('src/css/*.css')
        .pipe(concat('main.css')) // combine them
        .pipe(cssmin()) // minify them
        .pipe(rev()) // Pipe through gulp-rev to fingerprint generated file
        .pipe(gulp.dest('assets/css'))  // write rev'd assets 
        .pipe(rev.manifest({
            merge: true // Merge because this happens for .js and images too
        }))
        .pipe(gulp.dest('./')); // write manifest
});
Run Code Online (Sandbox Code Playgroud)

这会对文件进行指纹识别并生成清单,但我无法将任何路径保存到清单文件中。这是它生成的清单:

{
  "bg.jpg": "bg-447ac2238b.jpg",
  "logo.png": "logo-e31e139d4d.png",
  "main-min.js": "main-min-cc3a682299.js",
  "main.css": "main-ea0d06582f.css",
  "main.js": "main-35ec0bb3c8.js"
}
Run Code Online (Sandbox Code Playgroud)

我希望将其设置为:

{
  "assets/img/bg.jpg": "assets/img/bg-447ac2238b.jpg",
  "assets/img/logo.png": "assets/img/logo-e31e139d4d.png",
  "assets/js/main-min.js": "assets/js/main-min-cc3a682299.js",
  "assets/css/main.css": "assets/css/main-ea0d06582f.css",
  "assets/jsg/main.js": "assets/js/main-35ec0bb3c8.js"
}
Run Code Online (Sandbox Code Playgroud)

特别是考虑到文档给出了一个包含相对路径的示例

javascript node.js gulp gulp-rev

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

在 Rails 的目录中组织 GraphQL 文件

运行时rails g graphql:install,会创建一组有用的基本类型文件,/app/graphql/types供我们在定义自己的类型时进行扩展。运行任何生成器时,它也会在同一文件夹中创建这些文件。我开始创建子目录,认为我可以为这个巨大的包罗万象的目录添加一些意义,但无法正确加载内容。

base_enum.rb由于每种类型( 、等)都有一个基本文件base_object.rb,因此我为每种类型(enum_typesobject_types等)的扩展名创建了一个文件夹。但这破坏了自动加载,我必须显式导入这些文件才能使用这些自定义类型。因此,在 的顶部query_type.rbmutation_type.rbapp/graphql/mutations/base_mutation.rb添加了以下内容:

['enum_typs', 'input_object_types', 'interface_types', 'object_types', 'scalar_types', 'union_types'].each do |dir|
  Dir[File.dirname(__FILE__) + "/#{dir}/*.rb"].each {|file| require file }
end
Run Code Online (Sandbox Code Playgroud)

这允许运行,但任何更改都会破坏自动加载,因此我必须在每次更改时重新启动服务器。我开始阅读这篇关于 Rails 站点上的自动加载的文章,但说实话,它有点超出了我的理解范围。尽管它让我相信我必须为我的文件夹找到正确的名称,或者为我的类型定义文件中正确定义的对象命名空间才能做到这一点。

有没有一种明智的方法可以将这些文件组织在子目录中,并且不会破坏自动加载?大多数项目是否只有这些文件的平面文件夹结构?

谢谢你!

ruby-on-rails graphql

5
推荐指数
0
解决办法
511
查看次数

将一系列值缩小为 Google 表格中的列表

我有一张表,其中包含打印机名称以及他们使用的碳粉和鼓的型号。我正在寻找一种方法来从此范围的值生成单列列表,不包括空白单元格。下表为:

在此输入图像描述

我想最终得到一个这样的值列表:

MX-C30NT-B
MX-C30NT-C
MX-C30NT-M
MX-C30NT-Y
MX-C30DR
MX-C30HB
MX-C30NV-B
MX-C30NV-C
MX-C30NV-M
MX-C30NV-Y
...
Run Code Online (Sandbox Code Playgroud)

我知道在 Excel 中我可以使用数组公式来完成此操作,但数组公式在表格中似乎没有那么强大。有没有一个公式可以执行这种转换?

google-sheets

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