标签: web-frontend

Redis在Web服务器前端或数据库服务器后端

我有两个虚拟专用服务器,第一个是Web服务器前端,第二个是数据库后端.我想将Redis用于实时工作,我的问题是:我应该在哪里安装Redis?在Web或数据库服务器上?

database web-frontend redis

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

在 GitLab 中将多个合并请求链接在一起

有没有办法锁定一个合并请求的状态,直到另一个合并请求通过?

例如,如果我向 API 项目提交 API 更改,并向前端项目提交前端更改,我不希望 API 更改在没有前端更改的情况下通过,反之亦然,并且我想将它们锁定在一起,这样应用程序就不会中断如果我的合并请求获得批准。它们完全属于不同的项目,但它们相互依赖。

git web-frontend gitlab

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

如何使用 vue js 制作固定导航栏?

在此处输入图片说明

我尝试使用 vue.js 构建一个登陆页面,标题设计如上图所示。

所以,我创建了一个名为“header”的组件,根据设计包含内容。

如何制作固定的导航栏,当页面滚动时导航栏仍在顶部?

javascript web-frontend vue.js vue-component

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

检测 iOS 自动完成建议按键?

iOS键盘上,顶行有时会有自动完成建议。

keydown当用户单击这些自动完成建议之一时,不会触发该事件。

当用户单击自动完成建议之一时是否可以侦听事件?

javascript frontend keyboard-events web-frontend ios

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

将配置添加到 package.json 有什么好处?

在我的前端项目中,我一直在他们自己的文件中放置不同的“工具配置”。

例如: babel in babel.config.js、 jest in jest.config.js、 eslint in an.eslintrc.json等。

然而,我最近注意到,可以将许多这些配置直接放在项目package.json文件中。

我在网上做了一些挖掘并询问了一些同事,但似乎没有人能给我一个明确的答案,为什么人们可能更喜欢一种方法而不是另一种方法。

这纯粹是喜好问题吗?

configuration frontend web-frontend reactjs package.json

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

如何提前退出javascript脚本标签?

我有一个页面,里面有一堆 .... 部分。在其中一个中,我完成了一半并决定停止,而不是运行此脚本标记的其余内容 - 但仍运行页面上的其他代码段。有没有办法在不将整个代码段包装在函数调用中的情况下做到这一点?

例如:

<script type='text/javascript'>
    console.log('1 start');
    /* Exit here */
    console.log('1 end');
</script>
<script type='text/javascript'>
    console.log('2 start');
    console.log('2 end');
</script>
Run Code Online (Sandbox Code Playgroud)

应该产生输出

1 start
2 start
2 end
Run Code Online (Sandbox Code Playgroud)

而不是1 end

显而易见的答案是将脚本包装在一个函数中:

<script type='text/javascript'>
    (function(){
        console.log('1 start');
        return;
        console.log('1 end');
    })();
</script>
Run Code Online (Sandbox Code Playgroud)

虽然这通常是最好的方法,但也有不适合的情况。所以我的问题是,如果有的话,还有什么其他方法可以做到?或者如果没有,为什么不呢?

javascript web-frontend

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

如何在不影响列表项目符号的情况下使 &lt;li&gt; 中的文本垂直居中?

我正在尝试建立一个简单的网站,HTML 是这样的:

<ul>
    <li class="l1">Test item 1</li>
    <li class="l2">Test item 2</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

您可以看到文本与项目符号不对齐。这是我尝试过的:

ul{
  display: table;
}
Run Code Online (Sandbox Code Playgroud)

li{
  display: table-cell;
  text-align:middle;
}
Run Code Online (Sandbox Code Playgroud)

但子弹却消失了: 在此输入图像描述

所以我想问是否有什么方法可以使列表项中的文本垂直居中而不影响项目符号?

html css frontend web-frontend

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

如何通过组合滤镜和蒙版来使用 SVG 实现渐进模糊?

我试图实现像图像上的线性模糊效果,但仅使用 svg,不使用 css !

线性模糊

请注意图像的顶部完全模糊,但底部却没有。

在 SVG 中,可以使用feGaussianBlur来实现模糊效果。渐变可以与LinearGradient一起使用。

这两者如何结合?

svg web-frontend svg-filters

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

关闭浏览器时,移动浏览器不会触发`beforeunload`/`onload`

我的工作约3个月的手机浏览器,现在我有一个无聊的问题beforeunloadonload。在两种情况下,它们不能清楚地工作。当我关闭选项卡时,浏览器经常调用它们。但是当用户通过一些例行程序关闭浏览器时,为什么它根本不触发这些事件?问题是什么?

javascript firefox google-chrome web-frontend

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

将 CRA 迁移到 Razzle

我有一个使用 Create React 应用程序构建的项目。我现在需要为我的应用程序进行服务器渲染,我发现 Razzle 是最简单的实现方法。

我有 /src,其中包含所有组件,此外还有一个图像文件夹以及公共文件夹中的一些内容。最后是 node_modules 文件夹,我在 package.json 中有依赖项

我应该将它们复制粘贴到 Razzle 吗?我已经尝试过,但收到错误webpack_require和 TypeError: 无法读取未定义的属性“原型”?

转换为 Razzle 的最佳方式是什么?

谢谢

frontend web-frontend reactjs razzle

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