RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / user-388439

maks-maks157's questions

Martin Hope
maks-maks157
Asked: 2022-06-17 20:59:24 +0000 UTC

调用类中的方法

  • 1

如何在 Vue.js 中调用类中的方法?例如,我有一个返回一些文本值的方法,我想在 HTML 类中显示它。

javascript
  • 1 个回答
  • 10 Views
Martin Hope
maks-maks157
Asked: 2020-09-24 05:32:38 +0000 UTC

HTML 和 CSS 中的圆圈

  • 2

有必要不断地制作HTML这样CSS的圆圈。有一个代码已经完成,但是使用它是不可能在选定的一个上画一个圆圈并做出正确的阴影。

在此处输入图像描述

section {
    width: 12em;
    margin: auto;
}

.chart {
    position: relative;
    overflow: hidden;
    /* .triangle выходят за пределы */
}

.center {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    left: 36px;
    top: 36px;
    background-color: #FFF;
    z-index: 2;
}

.chart:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.triangle {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 50%;
    transform-origin: center bottom;
    overflow: hidden;
}

.circle {
    height: 100%;
    width: 100%;
    background: silver;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    transform-origin: center bottom;
    transform: rotate(156.5deg);
}
<section class="chart">
   <div class="center"></div>
   <div class="triangle" style="transform:rotate(   0deg)">
      <div class="circle" style="background:#BD0204"></div>
   </div>
   <div class="triangle" style="transform:rotate( 22.5deg)">
      <div class="circle" style="background:#BD0204"></div>
   </div>
   <div class="triangle" style="transform:rotate(45deg)">
      <div class="circle" style="background:#FA3F3C"></div>
   </div>
   <div class="triangle" style="transform:rotate(67.5deg)">
      <div class="circle" style="background:#FFFC3E"></div>
   </div>
   <div class="triangle" style="transform:rotate(90deg)">
      <div class="circle" style="background:#BCBE00"></div>
   </div>
   <div class="triangle" style="transform:rotate(112.5deg)">
      <div class="circle" style="background:#02C103"></div>
   </div>
   <div class="triangle" style="transform:rotate(135deg)">
      <div class="circle" style="background:#44FA42"></div>
   </div>
   <div class="triangle" style="transform:rotate(157.5deg)">
      <div class="circle" style="background:#3AFEFF"></div>
   </div>
   <div class="triangle" style="transform:rotate(180deg)">
      <div class="circle" style="background:#02BCBD"></div>
   </div>
   <div class="triangle" style="transform:rotate(202.5deg)">
      <div class="circle" style="background:#0301BF"></div>
   </div>
   <div class="triangle" style="transform:rotate(225deg)">
      <div class="circle" style="background:#3D3FF9"></div>
   </div>
   <div class="triangle" style="transform:rotate(247.5deg)">
      <div class="circle" style="background:#FE40FD"></div>
   </div>
   <div class="triangle" style="transform:rotate(270deg)">
      <div class="circle" style="background:#BC02C0;"></div>
   </div>
   <div class="triangle" style="transform:rotate(292.5deg)">
      <div class="circle" style="background:#FFF"></div>
   </div>
   <div class="triangle" style="transform:rotate(315deg)">
      <div class="circle" style="background:#BDBCBF"></div>
   </div>
   <div class="triangle" style="transform:rotate(337.5deg)">
      <div class="circle" style="background:#3F3F3F"></div>
   </div>
   <div class="triangle" style="transform:rotate(360deg); z-index: 2">
      <div class="circle" style="background:#020202"></div>
   </div>
</section>

html
  • 1 个回答
  • 10 Views
Martin Hope
maks-maks157
Asked: 2020-09-16 03:29:33 +0000 UTC

js事件处理程序不起作用

  • 2

帮助我了解问题所在。我将脚本设置在页面底部,一个处理程序工作,第二个拒绝启动,甚至没有反应。

let deleteTODO = document.querySelector('.delete');

deleteTODO.addEventListener('click', () => {
    alert(1);
})
javascript
  • 3 个回答
  • 10 Views
Martin Hope
maks-maks157
Asked: 2020-09-16 00:05:18 +0000 UTC

map 方法不起作用,React JS 错误

  • 3

帮助解决问题。

我正在尝试显示对象的元素state:

class App extends Component {    
  state = {
    arr: ['one', 'two', 'three']
  }    
  render() {
    return (
    <div>
      { this.state.arr.map((item, index) => {
        <div></div>
      })}
    </div>
  )}
}

export default App;

我得到一个错误:

Expected an assignment or function call and instead saw an 
expression  no-unused-expressions. 
Search for the keywords to learn more about each error.
javascript
  • 1 个回答
  • 10 Views
Martin Hope
maks-maks157
Asked: 2020-07-24 17:26:10 +0000 UTC

访问哈希

  • 0
inventory = {
     soccer_ball: {qty: 2},
     tennis_ball: {qty: 3}
}

puts inventory[soccer_ball]

哈希访问不起作用,是什么原因?

ruby
  • 1 个回答
  • 10 Views
Martin Hope
maks-maks157
Asked: 2020-07-12 15:30:48 +0000 UTC

CSS/JS 页面加载的样式问题

  • 2

很可能这不是一个严重的问题,但也许可以解决,如果是这样,请提供建议:

假设我想创建按钮来更改文本大小并将所有内容写入localStorage.

后来,我编写了一个检查器,它会捕获值并更改文本大小。

难点是页面加载的时候,先加载css文档,然后通过js修改值,在这种情况下,几百毫秒,我看文本是怎么变成第一个16px,然后变成我需要的.

是否有可能以某种方式纠正这种情况并使尺寸的应用更快?

如果jQuery中有解决方案,那我原谅你不去碰它,在纯JS中理解它很有趣。

javascript
  • 1 个回答
  • 10 Views
Martin Hope
maks-maks157
Asked: 2020-06-17 14:34:06 +0000 UTC

如何访问html代码?

  • 2

帮助解决问题。怎么可能通过js获取所有的html代码,包括元素(div)的所有后代?

javascript
  • 1 个回答
  • 10 Views
Martin Hope
maks-maks157
Asked: 2020-06-13 03:43:30 +0000 UTC

循环应用1次以上

  • 0

大家好。面对这个问题 - 如何将属性应用于方法中的所有 html 元素。这是应用于第一个元素的示例,如何转换并应用于所有元素?

class Elem {

                constructor(elements) {
                    this.elements = elements;
                }
        
        attr(type, value) {
                    let elem = document.querySelector(this.elements);
                    elem.setAttribute(type, value);
                    return this;
                }
        
}

let elem = new Elem('.paragraf');

elem.attr('class', 'abc');

javascript
  • 1 个回答
  • 10 Views
Martin Hope
maks-maks157
Asked: 2020-05-13 21:36:22 +0000 UTC

事件处理和 JavaScript 委托

  • 1

请告知如何解决此问题。元素a的数量不定,当你点击a时,你需要显示一个图像,当你再次点击时,这个图像又被隐藏了。这样的事情怎么可能实现?

var one = document.querySelectorAll('.one a');

for(var i = 0; i < one.length; i++){
	one[i].addEventListener('click', function() {
		var four = document.querySelector('.four');
		if(four.style.visibility == 'hidden') {
			four.style.visibility = 'visible';
		} else if(four.style.visibility == 'visible'){
			four.style.visibility = 'hidden';
		}
	})
}
<div class="one">
<h3>First</h3>
<div class="two"><img src="../../../img/1_1.png" alt="1"></div>
<a class="three" href="#">показать</a>
<img class="four" style="visibility:hidden;" src="../../../img/1_1_result.png" alt="1_result">
</div>
<div class="one">
<h3>Second</h3>
<div class="two"><img src="../../../img/1_1.png" alt="1"></div>
<a class="three" href="#">показать</a>
<img class="four" style="visibility:hidden;" src="../../../img/1_1_result.png" alt="1_result">
</div>

很明显,这段代码实现了对任何类似于委托的元素的单击,但我不知道如何不仅在第一个元素中单击时显示图像。

javascript
  • 1 个回答
  • 10 Views

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5