我在圆周上有三个点:
pt A =(Ax,Ay); pt B =(Bx,By); pt C =(Cx,Cy);
如何计算圆的中心?
在Processing(Java)中实现它.
我找到了答案并实施了一个有效的解决方案:
pt A = (A.x, A.y);
pt B = (B.x, B.y);
pt C = (C.x, C.y);
Run Code Online (Sandbox Code Playgroud) 在Chrome DevTools中,在Sources选项卡中调试JavaScript(在JS代码中添加"debugger;"行,然后使用F10/F11逐步执行代码),如何在单步执行代码时查看DOM?
如果我的JS正在操作DOM,那么我需要逐步浏览JS调试器并观察我的JS如何修改DOM元素是很常见的.例如,我可能必须查看元素是如何移动的,它们是否应该被删除,它们是否在正确的时间获得正确的类等.
必须在Sources选项卡之间来回切换以执行单行,然后在Elements选项卡中查看如何为我执行的每一行修改DOM,这会影响我的调试并使我无法告诉每一行是怎么回事影响DOM.
如何同时单步执行代码时查看元素?
javascript debugging dom dom-traversal google-chrome-devtools
我试图在导航栏中的不同项目点击更新maint div内容时尝试更新单个div的内容,而不是尝试在我的网站上创建大量不同的页面.我试图用Javascript找到一个简单的例子:
<script type="text/javascript">
function ReplaceContentInContainer(id,content) {
var container = document.getElementById(id);
container.innerHTML = content;
}
</script>
<div id="example1div" style="border-style:solid; padding:10px; text-align:center;">
I will be replaced when you click.
</div>
<a href="javascript:ReplaceContentInContainer('example1div', '<img src='2.jpg'>' )">
Click me to replace the content in the container.
</a>
Run Code Online (Sandbox Code Playgroud)
当我只尝试更新文本时这很好用,但是当我在那里放一个img标签时,正如你所看到的,它停止工作.
要么1)我试图这样做的问题是什么?或2)有什么更好/更容易的方法呢?
我不是坚持使用Javascript.jQuery也可以工作,只要它简单或容易.我想创建一个函数,让我传入任何我想要更新的HTML并将其插入div标签并取出"旧"HTML.
我正在尝试为网页创建一个简单的骨架,而我的divs排队时遇到了麻烦.出于某种原因,我已将嵌套的div在其父div之外出血,即使我将父div的高度设置为auto.
这是我提出的标记:
<h1><center>Title</center></h1>
<div class="main">
<nav>
<div class="button">
Link 1
</div>
<div class="button">
Link 2
</div>
<div class="button">
Link 3
</div>
</nav>
<br/>
<br/>
<div class="mainPic">
</div>
<div class="sideText">
</div>
<p>
Main text.
</p>
</div>
Run Code Online (Sandbox Code Playgroud)
这是我修改div的CSS:
div.main {
border: 1px solid black;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
width: 75%;
height: auto;
padding: 20px;
}
nav {
border: 1px dashed black;
width: auto;
height: auto;
}
div.button {
border: 1px solid black;
padding: 2px;
float: left;
margin-right: 10px;
}
div.mainPic …Run Code Online (Sandbox Code Playgroud) 什么是在我的html页面上运行一个小的PHP脚本最快最简单的方法,我需要做些什么才能让它运行?我问,因为我一直使用html和css,但从未在php中做过任何事情.我将使用它来创建一个不打开电子邮件客户端发送它的电子邮件表单.
我的网站上有一个自定义404错误页面,但在网站上做其他事情时,错误页面很难弄清楚我丢失的文件问题是什么,因为它重定向到给定的html或php文件并获取URL丢失的文件从地址栏中取出,并将其替换为自定义错误页面的URL.
因此,例如,当用户登录到站点时,我将它链接到php文件,当他们点击提交时,然后浏览器将它们直接带到404错误页面,所以我看不出问题实际上是链接到一个比它应该更高的目录.
我已经尝试使用php将丢失文件的URL打印到页面,但是服务器只抓取404错误页面的URL,而不是原始丢失的文件URL.以下是我尝试这样做的方法:http://members.cox.net/midian/tutorials/php404.htm
如何在地址栏中保留原始缺失的URL时显示自定义错误页面,或者将缺少的文件的URL打印到页面?
我正在尝试使用jQuery更改HTML属性,但无论我做什么,我都无法使用jQuery的.attr().
为了测试,我写了
alert($("#logo").attr("title"));
Run Code Online (Sandbox Code Playgroud)
即使我有一个id ="logo"和标题的img,警报仍然是空白的.
我的完整方法:
function switchVideo(videoID) {
var videoPlayer = document.getElementById("example_video_1");
videoPlayer.src = "video/Occam.webm";
videoPlayer.load();
$("#example_video_1").attr("poster", "video/ss.png");
//Doesn't work:
alert($("#logo").attr("title"));
$("#logo").fadeOut();
videoPlayer.play();
}
Run Code Online (Sandbox Code Playgroud)
我的淡出效果很好,所以我知道我正确地导入了jQuery.
我已经让它在另一个文档中工作,所以文档中必须有其他东西搞乱它.有谁知道为什么这个简单的方法不起作用?
我已经创建了一个介绍动画到我正在使用jQuery和Raphael这个javascript库的页面.动画以我喜欢的方式运作,但往往是跳跃的.通常刷新会使其动画比第一页加载时更平滑.我想知道这是否与加载时间有关,或者它是否只是我的代码的效率.
您可以在以下网址查看该页面:http://developer.crawford.com以及下面的动画代码.
有什么方法可以提高javascript动画的效率,或者特别是我的代码?我做了什么导致脚本效率很低?有没有什么好的方法可以让代码在执行之前加载几秒钟,以使其运行更顺畅,而不仅仅是setTimeout()?
function introAnimation() {
// creating the canvas
var paper = new Raphael(document.getElementById('mainCanvas'), '100%', '100%');
var canvasWidth = 500;
var canvasHeight = 500;
var offset = .6;
// speed of circle getting bigger
var speed1 = 1000;
// speed of circles diverging
var speed2 = 1200;
var hide = Raphael.animation({'opacity': 0});
// ellipse variable instantiation
var cRadius = 105;
var diam = cRadius*2;
// centerpoint
var cX = canvasWidth/2;
var cY = …Run Code Online (Sandbox Code Playgroud) 当鼠标位于 div 内时,如何使给定 div 内的所有链接改变颜色?
我有这样的设置:
nav.main {
border: 1px dashed black;
width: auto;
height: auto;
overflow: hidden;
list-style: none;
}
nav a {
color: black;
text-decoration: none;
}
div.button:hover, a:hover {
position:relative;
background:#000000;
color: white;
}
Run Code Online (Sandbox Code Playgroud)
这正是我想要的,但它只会在您将鼠标悬停在 LINK 本身上时更改链接颜色,而不是在鼠标位于 div 内时更改链接颜色。
我该如何解决?
Sublime Text在突出显示时不会将sass变量($ variable)注册为单个项目,因此,当我双击名称时,它会突出显示单词,但在突出显示中不包含$符号。另一方面,当双击变量以将其选中时,Visual Studio将选择$符号以及变量名。
我整天写sass,如果我可以修改这种小行为,它可以极大地简化我的生活。有办法改变吗?我敢肯定,有可能使用一个插件,但是我不知道它是否存在或如何找到它。