小编Jos*_*das的帖子

为什么某些网站上的网页标题可点击的网址?

为什么在Stack Overflow,Techcrunch,Smashing Magazine等网站上的页面标题(即页面顶部的文本)可点击的URL重定向到用户所在的同一页面?

一些例子:

在此输入图像描述

我认为这不会影响SEO,因为搜索引擎会忽略内部链接.

是出于可用性目的吗?

usability standards

22
推荐指数
5
解决办法
764
查看次数

在 Alacritty 中逐字移动光标

我最近开始使用 Alacritty 而不是 macOS 上的默认 Terminal.app。Option使用终端时,我可以使用左右箭头键逐字跳转。在 Alacritty 中,此组合键导致;3D;2D打印到屏幕上,而不是光标移动。

有没有办法配置 Alacritty 使用 和 箭头键逐字跳转Option

macos terminal alacritty

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

Kubernetes describe pod - Error from server (NotFound)

I am trying to debug a pod with the status "ImagePullBackOff". The pod is in the namespace minio-operator, but when I try to to describe the pod, it is apparently not found.

Why does that happen?

[psr-admin@zon-psr-2-u001 ~]$ kubectl get all -n minio-operator
NAME                                  READY    STATUS              RESTARTS    AGE
pod/minio-operator-5dd99dd858-n6fdj   0/1      ImagepullBackoff    0           7d

NAME                             READY.    UP-TO-DATE   AVAILABLE   AGE
deployment.apps/minio-operator   0         1            0           7d

NAME                                        DESIRED   CURRENT    READY     AGE
replicaset.apps/minio-operator-5dd99dd858   1         1          0         7d
[psr-admin@zon-psr-2-u001 ~]$ kubectl describe pod minio-operator-5dd99dd858-n6fdj
Error …
Run Code Online (Sandbox Code Playgroud)

unix docker kubernetes kubectl

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

使用robots.txt在子域上禁用或取消索引

我将dev.example.com和www.example.com托管在不同的子域中.我希望抓取工具删除dev子域的所有记录,但保持它们www.我使用git来存储两者的代码,所以理想情况下我希望两个站点都使用相同的robots.txt文件.

是否可以使用一个robots.txt文件并将其从dev子域中排除?

robots.txt

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

如何使用 Vite 包含 HTML 部分内容?

是否可以使用 Vite(普通)包含共享 HTML 的片段?我正在寻找一种无需通过 JS 注入即可预渲染 HTML 的方法。

就像是:

<html>
  <head>
    { include 'meta-tags' }
  </head>
  <body> 
    { include 'nav' }
    <h1>Hello World</h1>
  <body>
</html>
Run Code Online (Sandbox Code Playgroud)

templates rollup rollupjs vite

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

如何匹配子串的多次出现

如果我有一个HTML字符串,例如:

<div><p>£20<span class="abc" /><span class="def">56</span></p></div>
Run Code Online (Sandbox Code Playgroud)

我想要的文字:

20<span class="abc" /><span class="def">56
Run Code Online (Sandbox Code Playgroud)

如何定义正则表达式以多次匹配目标部分.到目前为止,我有:

str.match(/\d*<[^>]*>\d*/)
Run Code Online (Sandbox Code Playgroud)

但这只会返回第一个数字部分 20<span class="abc" />

我需要灵活地匹配多个标签/数字部分,同时修剪前导或尾随字符串中第一个/最后一个数字的任何内容.

regex

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

如何在 NextJs 文档上动态设置 HTML lang 属性?

我有一个多语言站点,需要根据每个页面的语言设置 HTML lang 属性。

我尝试在上下文中传递值,但在页面更改时不更新。

这是当前的代码:

import Document, { Html, Head, Main, NextScript } from 'next/document'
import GlobalContext , {eLanguage }from '../components/GlobalContext' //my global context 

export default class MyDocument extends Document {

static async getInitialProps(ctx) {

  const initialProps = await Document.getInitialProps(ctx)
  return { ...initialProps }
}
static contextType = GlobalContext;
render() {

  console.debug('Started')
  console.debug('language:'+ this.context.language) 

  return (
    <Html lang={eLanguage[this.context.language]}> //if the first page loaded as lang 'en' it sets 'en' and apply to all other pages.
      <Head>
      </Head>
      <body>       
        <Main …
Run Code Online (Sandbox Code Playgroud)

html node.js reactjs next.js

11
推荐指数
6
解决办法
9886
查看次数

如何防止VSCode自动格式删除json文件末尾的新行?

我正在使用VSCode的最后一个名为formatOnSave的功能,这非常酷.
我有一个小问题,格式化程序倾向于删除json文件末尾的新行,packages.json例如.

我的linter想要文件末尾的那些新行,我也是.

是否有设置或方法允许我告诉格式化程序在文件末尾保留新行?

相关问题:

autoformatting visual-studio-code

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

使用 NextJS 自托管字体

我正在尝试使用 NextJS 应用程序自行托管网络字体,但遇到了麻烦。这是浏览器尝试访问这些字体的 URL:

localhost:3000/_next/static/css/fonts/Avenir.woff2
Run Code Online (Sandbox Code Playgroud)

实际路径是:

_project_dir/static/fonts/Avenir.woff2
Run Code Online (Sandbox Code Playgroud)

我尝试将链接包含在 _app.js 中,它确实下载了字体,但文本仍然没有样式。

localhost:3000/_next/static/css/fonts/Avenir.woff2
Run Code Online (Sandbox Code Playgroud)

这是我的_app.js


  render() {
    const { Component, pageProps } = this.props;
    return (
      <Container>
        <link href="https://fonts.googleapis.com/css?family=Poppins:500,500i,600&display=swap" rel="stylesheet" />
        <link rel="preload" as="font" href="/static/fonts/Avenir.woff2" type="font/woff2" crossorigin />
        <link rel="preload" as="font" href="/static/fonts/AvenirHeavy.woff2" type="font/woff2" crossorigin />
        <Head>
          <title>Project</title>
        </Head>
        <Provider store={store}>
          <PersistGate loading={null} persistor={persistor}>
            <Component pageContext={this.pageContext} {...pageProps} />
          </PersistGate>
        </Provider>
      </Container>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

我的main.css

_project_dir/static/fonts/Avenir.woff2
Run Code Online (Sandbox Code Playgroud)

和我的next.config.js

<link rel="preload" as="font" href="/static/fonts/Avenir.woff2" type="font/woff2" crossorigin />
Run Code Online (Sandbox Code Playgroud)

javascript webfonts reactjs web-performance next.js

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

createContext 不接受defaultValue

createContext我正在尝试使用React API来构建上下文:

import React, { useState, createContext } from 'react';

export const MovieContext =  createContext();

export const MovieProvider = (props) => {
  const [movies, setMovies] = useState(
    [
      {
        original_title: 'name of movie',
        poster_path: 'path_to_poster',
        id: 1
      }
    ]
  );
  return (
    <MovieContext.Provider value={[movies, setMovies]}>
      {props.children}
    </MovieContext.Provider>
  );
}

export default MovieProvider;
Run Code Online (Sandbox Code Playgroud)

createContext()函数显示此错误:

预期有 1 个参数,但得到 0.ts(2554) index.d.ts(385, 9):未提供“defaultValue”的参数。

如果我将其设为字符串,并传递一个字符串作为应用程序构建的值:

export const MovieContext =  createContext('');

<MovieContext.Provider value={''}>
  {props.children}
</MovieContext.Provider>
Run Code Online (Sandbox Code Playgroud)

我应该添加什么样的值作为createContext()参数才能使其与 useState 挂钩一起使用?我正在遵循这个人的教程,他是用 JS …

typescript reactjs

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