小编Ste*_*lor的帖子

页脚内的HTML5导航元素

我在几个地方读过,当你链接的所有内容都是版权,条款和条件等时,没有必要使用<nav>内部<footer>.

但是,我正在处理的网站在页脚中有这些链接:新闻,职业,隐私.显然隐私符合以上描述使用<nav>.但是新闻和职业 - 虽然它们显然没有像顶级主导航中那样重量 - 但却是重要的内容领域,与其他地方无关.这些是否合理使用<nav>

我的猜测是肯定的,但我是一个HTML5新手,所以我想我会要求第二个意见!

html5 footer nav

16
推荐指数
2
解决办法
5961
查看次数

如何为 Google 地图指定自定义聚类标记

我有一个带有标记和聚类的谷歌地图。

我可以使用如下代码轻松更改标记图标:

marker = new google.maps.Marker({
    position: {
        lat: location_data.lat,
        lng: location_data.lng
    },
    map: map,
    icon: img_url + 'map-marker.svg',
});
Run Code Online (Sandbox Code Playgroud)

但是,我一直坚持更改集群图标。此代码可以很好地进行实际的聚类:

const marker_clusterer = new markerClusterer.MarkerClusterer({
    map: map,
    markers: markers
});
Run Code Online (Sandbox Code Playgroud)

我发现那里的代码表明了这一点:

const marker_clusterer = new markerClusterer.MarkerClusterer({
    map: map,
    markers: markers,
    renderer: {
        imagePath: img_url + 'map-cluster'
    }
});
Run Code Online (Sandbox Code Playgroud)

map-cluster一堆文件的前缀在哪里,例如map-cluster1.svg. 这给了我错误:“未捕获的类型错误:e.renderer.render不是函数”。

我也尝试过这个:

const marker_clusterer = new markerClusterer.MarkerClusterer({
    map: map,
    markers: markers,
    renderer: {
        styles: [{
            url: img_url + 'map-cluster1.svg',
        }]
    }
});
Run Code Online (Sandbox Code Playgroud)

为此我再次遇到同样的错误。

还有其他代码示例似乎与我已经使用的代码没有任何关系,即大量自定义对象(例如https://gabrielwadi.medium.com/custom-cluster-marker-for-google-地图-如何-8a7b858e2879)。API文档只是指向这种无用的页面: https: …

google-maps

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

流程选项混淆的grunt-contrib-copy语法

我正在尝试在复制时替换不同文件中的一些占位符.我的gruntfile工作正常,但添加进程选项来进行替换,它只是不起作用.以下是我的gruntfile的相关部分:

grunt.initConfig({

    copy: {
        js: {
            files: [{
                expand: true,
                cwd: 'src/wp-content/themes/pilau-starter/',
                src: ['**/*.js'],
                dest: 'public/wp-content/themes/pilau-starter/'
            }],
            options: {
                process: function ( content ) {
                    console.log( content );
                    content = content.replace( /pilauBreakpointLarge/g, breakpoints.large );
                    content = content.replace( /pilauBreakpointMedium/g, breakpoints.medium );
                    return content;
                }
            }
        },
    }

});
Run Code Online (Sandbox Code Playgroud)

可以在GitHub上的代码的上下文中理解这些路径:https://github.com/pilau/starter(公共目录未提交给repo,因为它是一个入门主题).这些路径是我原来的Gruntfile中的变量,并且在所有其他任务中都能正常工作.

所有的变量都设置好了.我已经包含了console.log( content )检查进程函数是否实际运行 - 它似乎不是,所以我猜它是基本语法.

有一个答案(/sf/answers/2002033211/)似乎解决了这个问题,但据我所知,这样做的方式就是糟糕的JS语法 - 不确定它是如何被标记为对.

--verbose 用于运行复制任务的输出:

Running "copy:js" (copy) task
Verifying property copy.js exists in config...OK
Files: src/wp-content/themes/pilau-starter/js/admin.js -> public/wp-content/themes/pilau-starter/js/admin.js …
Run Code Online (Sandbox Code Playgroud)

gruntjs grunt-contrib-copy

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

标签 统计

footer ×1

google-maps ×1

grunt-contrib-copy ×1

gruntjs ×1

html5 ×1

nav ×1