frontend相关内容

交换 img src 或显示/隐藏多个图像是否更快?

在网页上交换图片时使用的最佳做法是什么?更改图像源或仅在页面上显示/隐藏多个图像? 解决方案 为了平衡速度,你必须选择,有两个选项: 修改图片来源 这样,页面加载速度会更快,因为它只获取可见图像,但是当您更改 src 属性时,显示新图像会花费更长的时间 只显示/隐藏多张图片 这样,您将在页面加载时加载所有图像,这将使其加载速度变慢而交换图像速度更快 ..
发布时间:2022-01-19 13:01:56 前端开发

Pug 语法中的三元运算符

Pug 代码中可以使用三元运算符吗? 我的尝试: 哈巴狗文件 - var disabled = true输入(类型=“复选框"禁用?禁用:空) HTML 结果 HTML 想要的结果 我知道描述 here 的标准条件 Pug 语法,但很难相信在现代 Pug 语法中没有机会使用三元运算符. 谢谢你帮助我! 解决方案 你已经很接近了 ..
发布时间:2022-01-19 13:01:46 其他开发

如何在 Angular.js 中设置元素的值

为什么我不能在 Angular.js 中这样做: document.getElementById('divid').value = '把文本改成这个'; 什么是“正确"(Angular)的做法? 解决方案 在 Angular 中,您使用 ng-model 指令来创建模型之间的双向数据绑定(即 JS变量)和视图(即 ).基本上,这意味着无论何时您更改视图中的数据(例如,通过输入) ..
发布时间:2022-01-19 13:01:29 前端开发

VisJS Timeline:在时间轴中排序项目

我正在使用 vis-js 时间线 库来构建时间线.我需要对每个组中的元素进行排序. 组就像 here 中的示例.我看到我可以使用“order 项目中的选项"来做到这一点,例如 这里 但我无法理解它是如何工作的. 我试过这样: var groups = new vis.DataSet([{id:0,内容:'First',值:1},{id:1,内容:'第三',值:3},{id:2,内容:' ..
发布时间:2022-01-19 13:01:23 前端开发

如何让背景覆盖一个单独的div?

我正在做一个带有侧边菜单的网站.屏幕的 30% 是菜单,其余是内容. div的内容,我用COVER方法放了一张背景图.我用了第一个例子:https://css-tricks.com/examples/FullPageBackgroundImage/css-1.php 但是,当图像占据整个背景时,此方法非常有效.在我的示例中,我希望相同的精确占据 70% 的宽度,“吃掉"图像的角落. ..
发布时间:2022-01-19 13:01:18 前端开发

您可以在玉中引用带有破折号的变量吗?

我正在尝试在我的翡翠模板中做这样的事情 a.apply-url(href="#{apply-url}") 但它被解释为“应用减去 url" 有没有办法强制解释器做正确的事情?或者有什么方法可以引用顶级对象,并将索引放在引号中,像这样? a.apply-url(href="#{this['apply-url']}") 解决方案 我对 Jade 不是很熟悉,但我之前研究过一点.在 he ..
发布时间:2022-01-19 13:00:51 前端开发

Vuetify外部分页不显示页码

我有一个 v-data-table,我正在尝试为其添加分页.我已经按照示例文档 here 我看不到我的内容做错了.创建我的组件时,它会调用我的后端来填充项目列表.然后将其传递给数据表. 我还有一个搜索栏,如果我在其中输入任何内容,就会弹出页码. HTML JS 我有一个计算属性,可以像示例中一样计算出页码. 计算:{页数 (){如果(this.pagination.row ..
发布时间:2022-01-19 13:00:43 前端开发

GitHub API 超出限制:如何提高前端应用程序的速率限制

在向 GitHub API 发出一些 HTTP 请求后,它开始拒绝调用: 超过 xxx.xxx.xxx.xxx 的 API 速率限制.(但这是好的新闻:经过身份验证的请求获得更高的速率限制.查看文档以获取更多详细信息.) 现在,有 一种方法增加 OAuth 应用程序的未经身份验证的速率限制,其中涉及使用 client secret. 当然,我们不想将或 client secret ..
发布时间:2022-01-19 13:00:33 其他开发

使用 Sass 根据背景颜色更改颜色

我想设置一些 sass 颜色规则,它们会自动为我选择字体颜色变量.我希望文本颜色取决于父 div 的背景颜色是什么颜色. 如果 div {背景色:#000;} 那么 div p { 颜色:#fff;} 如何使用 sass 实现这一点? 解决方案 background-color可以使用lightness()函数来判断颜色值,如下: @function set-color($ ..
发布时间:2022-01-19 13:00:14 前端开发

部署时出现 502 代理错误

我现在正在开发一个 Java Web 项目.它在使用 eclipse 和 Tomcat 的本地主机上运行良好.但是当我将war文件部署到远程服务器(也是tomcat)时,前端的一个函数返回502代理错误. 该函数请求我部署的服务器,该服务器将进一步请求另一个远程服务器.整个过程大约需要 2 分钟.我还检查了部署日志.除了返回前端,服务器似乎运行良好. 有没有人遇到过类似的问题? ..
发布时间:2022-01-19 12:59:55 Java开发

条件渲染 React 组件并保持 DRY 的最佳方法

我有一个应用程序在删除时显示确认模式. 这是完整的代码: https://codesandbox.io/s/vkz5xm8r0 在 components/Modal.js 我有一些条件渲染.如果我想根据这些条件设置整个模式的样式怎么办?最好的方法是什么? 例如.如何设置整个模态的样式,使其外观改变如下: https://imgur.com/a/pK5Zu 解决方案 重新组织了一下 ..
发布时间:2022-01-19 12:59:45 前端开发

如何将 WordPress 集成到 Webpack 中?

我使用 HTML/CSS、JavaScript 和 Sass 或 Scss 开发了一个网站前端.我使用了 NPM. 我需要将该网站放入 WordPress.我已经安装了 WordPress 并将该文件夹与我的所有资产(HTML/CSS、JS、Sass 等)放入主题文件夹中. 现在,我该怎么办?我如何连接所有这些? 我知道这是可能的,因为我以前在这样的网站上工作过,但不知道如何从头 ..
发布时间:2022-01-19 12:59:27 其他开发

Angular 6 多场过滤器

我目前正在开发 Angular 6 应用程序.我有一个庞大的文章列表,想对其进行一些过滤.现在它是实时工作的,没有提交过滤器选项的按钮,这一切都在你输入时发生.我想出了一个办法,但它仍然有一些我可以解决的问题,但不喜欢我这样做的方式.我敢肯定,一定有更优雅的东西. 为了更好的想象,这些文章有类别、标题、作者、标签.我可以根据类别过滤它们,比如说……但我想做某种过滤. 示例:过滤“体育" ..
发布时间:2022-01-19 12:59:00 前端开发

Vue.js - 如何打印自定义尺寸的网页?

我有一个 HTML 发票模板,我想用自定义尺寸(如 80 毫米和 297 毫米)打印此模板(整页).我试过这段代码: @media print {@页 {尺寸:80mm 297mm;边距:0;}} 但它不起作用.如何打印具有自定义尺寸的页面? 解决方案 CSS解决方案: .printableArea {宽度:8.5cm;//!重要的高度:100%;//!重要的}@页 {尺寸:8cm ..
发布时间:2022-01-19 12:58:30 前端开发