小编Bho*_*yar的帖子

如何在Cirlcle周围定位物品

在此输入图像描述

我发现了这样的事情

基于形状的基本定位的许多数学运算相对简单.你可能已经在高中时已经覆盖了它,所以这看起来很熟悉.考虑圆形具有中心(j,k)和半径r.然后,圆圈路径上出现的任何点的x和y位置

x(t)= r cos(t)+ j,y(t)= r sin(t)+ k.一种更通用的编写方式可以用于我们第一次尝试基于坐标的定位:1 2

x = centerX + Math.cos(弧度)*半径; y = centerY + Math.sin(弧度)*半径;

其中radians =(angle_of_the_circle/180)*Math.PI. centerX是我们页面上圆的X中心,centerY是圆的Y中心.

有谁能请让我的概念清楚地说明上述技术如何运作?

html css jquery

4
推荐指数
1
解决办法
114
查看次数

z-index 不适用于固定位置

我有类似以下的css:

#one{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
#two{
    position: relative;
    z-index: 9;
    width: 200px;
    height: 200px;
    background: red;
}
#link{
    position: relative;
    z-index: 9999999; /*this is not in higher layer why??? */
}
Run Code Online (Sandbox Code Playgroud)

我无法#two按照我的设计增加 z-index 。

但是我已经为它分配了更高的 z-index#link但它没有进入更高的层。

那么,为什么固定的位置阻塞了层(z-index)?

提琴手

如果 #one 的位置没有固定,那么它会正常工作。所以,我的问题是为什么固定位置给了我一个错误?

css

4
推荐指数
1
解决办法
6403
查看次数

原型链如何工作?

var A = {};
var B = Object.create(A);
var C = Object.create(B);
A.isPrototypeOf(C);//returns true
C.isPrototypeOf(A);//returns false
Run Code Online (Sandbox Code Playgroud)

在上面的代码中,我不理解错误结果背后的原因 C.isPrototypeOf(A);

javascript

4
推荐指数
1
解决办法
68
查看次数

将事件从父级传递给子级

我有一个 AppRoot.vue、AppToolbar.vue 和 AppDrawer.vue

当我单击 AppToolbar.vue 中的按钮时,我需要更改 AppDrawer.vue 的 isDrawerOpen 变量,并在 AppRoot.vue 中声明。

我怎样才能做到这一点?谁能帮我?

AppRoot.vue

<template>
    <v-app id="app-root">
        <app-drawer></app-drawer>
        <app-toolbar :title="title"></app-toolbar>
        <v-content>
            <v-container>
                <slot><h1>Não há nada para exibir aqui!</h1></slot>
            </v-container>
        </v-content>
        <app-footer></app-footer>
    </v-app>
</template>

<script>
    export default {
        name: 'app-root',
        props: ['title'],
    }
</script>
Run Code Online (Sandbox Code Playgroud)

应用工具栏.vue

<template>
    <v-toolbar :color="$color" app>

        <v-layout row hidden-md-and-up>
            <v-toolbar-side-icon @click="openDrawer" class="white--text"></v-toolbar-side-icon>
        </v-layout>

        <v-toolbar-title class="white--text" v-text="title"></v-toolbar-title>

    </v-toolbar>
</template>

<script>
    export default {
        name: 'app-toolbar',
        props: ['title'],
        methods: {
            openDrawer() {

            }
        }
    }
</script>
Run Code Online (Sandbox Code Playgroud)

AppDrawer.vue

<template>
    <v-navigation-drawer …
Run Code Online (Sandbox Code Playgroud)

vue.js

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

http 中的多行注释

我在 VSCode 中使用 REST 客户端。文件扩展名是http.

我们可以使用 hash: #、双斜杠:进行注释//,并使用三重哈希:分隔请求###

但是我们怎样才能有多行注释呢?

rest-client visual-studio-code

4
推荐指数
1
解决办法
1707
查看次数

删除以string开头的所有类

我有以下HTML:

<div class="cols someclass"></div> <!--like this cols1, cols2, etc..-->
<div class="columns someclass"></div> <!--like this columns1, columns2, etc...-->
<div class="col-1 someclass"></div> <!--like this col-2, col-3,etc...-->
<div class="column-1 someclass"></div> <!--like this column-2, column-3, etc...-->
Run Code Online (Sandbox Code Playgroud)

如何删除以"col"?开头的所有类?

javascript jquery

3
推荐指数
1
解决办法
1270
查看次数

scrollX和pageXOffset有什么区别

以下方法是否相同?

window.scrollX  === window.pageXOffset

window.scrollY  === window.pageYOffset
Run Code Online (Sandbox Code Playgroud)

如果没有差异,为什么要引入两种方法?

javascript

3
推荐指数
1
解决办法
3745
查看次数

错误:语法错误,无法识别的表达式:unsupported pseudo:hover

我在这里总结了我的关键问题.

我有不同的链接,我想检查用户是否将鼠标移到列表之外.

$('li').hover(function(){
    //do something here
},function(){
    setTimeout(function(){
            if($('li').is(':hover') === false )
            console.log('out');
        },100);
});
Run Code Online (Sandbox Code Playgroud)

在哪里,if($('li').is(':hover') === false )是检查所有列表中是否存在悬停.

假设,如果你悬停bar并悬停在foo那么它不应该记录文本,out但如果你bar将鼠标悬停在任何列表之外,即foo在我的示例中,那么它应该记录out

的jsfiddle

jquery

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

当我尝试使用负边距向上移动图像时,整个容器向上移动

那么,这是html代码:

<div class="bottom_block">
   <a class="logo" href="#">
    <img src="img/logo_uniqa.jpg" height="90px" width="100px" alt="logo">
   </a>
</div>
Run Code Online (Sandbox Code Playgroud)

这是css:

.bottom_block {
    background-color:  blue;
    height: 50px;
    width: 100%;

}
.logo {
    display:block;
    padding-bottom: 10px;

}
.logo img {
    display: block;
    margin:0 auto;
}
Run Code Online (Sandbox Code Playgroud)

所以,我使用margin-top:-10px,但它移动整个容器,而不仅仅是图像.

html css

3
推荐指数
1
解决办法
1697
查看次数

我想了解 ReactJS 中的 SetState 和 Prevstate

我是 ReactJS 的新手,我在我的项目中使用向导表单,它使用户能够进行下一步和上一步。我复制了下一个按钮的一些代码,但老实说不明白它的意思。

你能帮我理解下面的代码吗:

next() {
    this.setState(prevState => ({ current: prevState.current + 1 }));
}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

3
推荐指数
1
解决办法
4711
查看次数