当我想炫耀JavaScript的力量时,我正在帮助朋友学习HTML,CSS等.我们制作了一些包含云图像的DIV,我们将它们移动到broswer(从右到左,然后当它从页面流出时返回到窗口innerWidth的起点),所以它看起来像天空 - 非常简单脚本.现在一切都很好,但在以后的IE浏览器中我注意到了一个错误.这不是一个真正的问题,因为脚本有效,但我想知道它为什么会发生以及如何阻止它!
这是我在window.onload事件中使用unobtrussive loader调用的脚本
function moveCloud(cloudID, TimeOut, CloudWidth, thisLeft){
var elem = document.getElementById(cloudID);
var xpos = parseInt(elem.style.left);
if(xpos > -CloudWidth){
xpos--;
}else{
xpos = window.innerWidth;
}
elem.style.left = xpos + "px";
movement = setTimeout("moveCloud('" + cloudID + "'," + TimeOut + "," + CloudWidth + "," + thisLeft+ ")",TimeOut);
}
Run Code Online (Sandbox Code Playgroud)
我认为这可能是因为将一个整数连接到一个sting但是我认为JavaScript处理了这个转换?有任何想法吗?
这是错误
行:38错误:参数无效.
*更新***
这是我调用函数的方法,首先是这个
function StartCloud(cloudID, TimeOut, CloudWidth, thisLeft, thisTop){
var elem = document.getElementById(cloudID);
if(elem){ // make sure item exists then position it via the JavaScript …Run Code Online (Sandbox Code Playgroud) PHP switch语句是否可以采用2个争论?例如:
switch (firstVal, secondVal){
case firstVal == "YN" && secondVal == "NN":
thisDesc = "this is the outcome: YN and NN";
break;
case firstVal == "YY" && secondVal == "NN":
thisDesc = "this is the outcome: YY and NN";
break;
}
Run Code Online (Sandbox Code Playgroud)
非常感谢,我多年没有做过PHP了!
我正在使用jQuery Mobile并希望使用该popup方法.以前一切都工作但是当我不得不重构我的代码时出现了问题,现在我花了这么长时间看这个我真的看不到"木头为树".因此,在我的应用程序中,我创建了一个测试页面,从中删除了所有的JS和CSS以及HTML,因此页面非常简洁.我甚至走得太远以至于我已经添加了JQuery示例并链接到他们的托管脚本,以防由于我的代码而发生冲突......但我的问题仍然存在......用于弹出窗口的DIV是'最初隐藏并点击按钮什么都没做......我真的对此做了很多努力,我确信我错过了一些非常简单明了的东西(也许我应该去喝咖啡15分钟). ..
这是代码
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>
<a href="#basic" data-rel="popup" data-role="button">Default popup</a>
<div id="basic" data-role="popup" class="ui-content">
<p>I am a default popup</p>
</div>
<a href="#transitionExample" data-transition="none" data-role="button" data-inline="true" data-rel="popup">No transition</a>
<a href="#transitionExample" data-transition="pop" data-role="button" data-inline="true" data-rel="popup">Pop</a>
<a href="#transitionExample" data-transition="slideup" data-role="button" data-inline="true" data-rel="popup">Slide up</a>
<a href="#transitionExample" data-transition="slidedown" data-role="button" data-inline="true" data-rel="popup">Slide down</a>
<div id="transitionExample" data-role="popup" data-transition="flip">
<p>This is some text for the transition example</p>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是Firefox中的截图(在部署到测试设备时也是如此)

我做错了什么......我能感受到即将到来的情感时刻......
我最近将机器从iMac转移到了新的Mac Book Pro with Mavericks.一切都很好,但我注意到当我保存文件时Grunt崩溃(自动更新无法正常工作).我试图更新我的系统但是当我通过终端运行我的grunt任务时,我收到以下错误:
Running "compass:dev" (compass) task
/System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/1.8/rubygems.rb:777:in `report_activate_error': Could not find RubyGem compass (>= 0) (Gem::LoadError)
from /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/1.8/rubygems.rb:211:in `activate'
from /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/1.8/rubygems.rb:1056:in `gem'
from /usr/bin/compass:18
Run Code Online (Sandbox Code Playgroud)
有人会对如何解决这个问题有任何建议吗?我从我的项目中删除了指南针并完成了npm安装,没有任何改变.
当我跑步时,$ gem list我得到以下内容:
*** LOCAL GEMS ***
bigdecimal (1.2.0)
bundler (1.5.1)
bundler-unload (1.0.2)
executable-hooks (1.2.6)
gem-wrappers (1.2.4, 1.2.1)
io-console (0.4.2)
json (1.7.7)
minitest (4.3.2)
psych (2.0.0)
rake (0.9.6)
rdoc (4.0.0)
rubygems-bundler (1.4.2)
rvm (1.11.3.8)
test-unit (2.0.0.0)
Run Code Online (Sandbox Code Playgroud)
然后我尝试了跑步,$ sudo gem update --system但我得到了回应:Latest version currently installed. Aborting.
任何想法,任何人?
我目前正在教自己Angular2,我有一个很容易在AngularJS中纠正的实际问题,但目前我正在通过实例查找Angular2的解决方案.无论如何,我有一个调用的顶级组件App,在该组件中我有一个应用css类的属性,这里是我的HTML用作组件模板 - 你可以看到我希望在哪里使用css类ngClass.该showMenu值只是一个布尔值.
<div class="navigation" role="navigation">
<ul>
<li><a [routerLink]="['Home]">Home</a></li>
<li><a [routerLink]="['Mail']">Mail</a></li>
<li><a [routerLink]="['Friends']">Friends</a></li>
<li><a [routerLink]="['Games']">Games</a></li>
</ul>
</div>
<!-- below is where I wish to toggle the class -->
<div class="site-wrap" [ngClass]="{'slide-right': showMenu}">
<div class="container-fluid">
<div class="row nav">
<top-navigation></top-navigation>
</div>
</div>
<div class="container-fluid content-gradient">
<div class="row">
<div class="col-md-10">
<router-outlet></router-outlet>
</div>
<div class="col-md-2">
<contacts-list></contacts-list>
</div>
</div>
</div>
<div class="container-fluid footer">
<footer-navigation></footer-navigation>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是App的组件代码(这里看不多......)
export class App {
showMenu: boolean = false;
constructor() {
}
// …Run Code Online (Sandbox Code Playgroud) 我想知道,说我有一些像下面这样的东西:
console.log(element.find('div').eq(3).text().indexOf('whatever'));
Run Code Online (Sandbox Code Playgroud)
请记住,element已定义并且控制台正在记录值32(或任何不是-1的值)将结果转换为布尔值的最佳方法,因此我console.log输出true或输出false
提前致谢.
这是一个愚蠢的问题,但我是否希望返回$stateProvider.state我的app.js(我的AngularJS配置文件)中的所有实例,我将如何解决这个问题?例如,当我使用时,ngRoute我可以在我的.run()块中执行类似的操作:
.run(function ($route) {
var someArray = [];
angular.forEach($route.routes, function (route, path) {
if (route.someKey) {
console.log(path); // do something with route.someKey!!!
someArray.push(route.someKey);
}
});
});
Run Code Online (Sandbox Code Playgroud)
但是,在我的应用程序中我使用的是ui-router,我不能做类似的事情$state?我正在阅读这篇文章,但如果有人有快速回答,请告诉我!
我有一个奇怪的问题,我想知道是否有人遇到过这种情况。我的应用程序中有 webpack 可以捆绑、提供服务以及介于两者之间的所有内容。我注意到,当我从我的 gulp 文件编译和运行 webpack-devserver 时,一切都按预期进行,在我的终端中,我得到以下信息:
webpack: Compiled successfully.
2017-11-30T11:46:05.288Z - error:
[Browsersync] Proxying: http://localhost:3001
[Browsersync] Access URLs:
--------------------------------------
Local: http://localhost:3002
External: http://10.101.51.117:3002
--------------------------------------
UI: http://localhost:3003
UI External: http://10.101.51.117:3003
--------------------------------------
Run Code Online (Sandbox Code Playgroud)
现在,当我通过“本地主机”访问我的应用程序时,该页面的浏览器选项卡中没有显示收藏夹图标,控制台中没有 404,并且开发人员工具网络选项卡中没有对收藏夹图标的请求?现在我应该使用外部 URL 并在浏览器中输入http://10.101.51.117:3002 网站图标在页面选项卡中,但是开发人员工具网络选项卡中没有对网站图标的请求。
现在,当我在浏览器中直接调用 favicon 到http://localhost:3002/assets/favicon.ico 时,favicon 在浏览器窗口中提供,所以看起来服务器正在捆绑 Favicon?
在我的 HTML 中,我的标签<link rel="shortcut icon" href="assets/favicon.ico">没什么奇怪的,在我的webpack.common.js文件中,我有以下内容(为了简单起见,我在这里删除了一些项目)
module.exports = {
// lots of things here..
module: {
rules: [
// stuff here has been removed
{
test: /\.html$/,
use: 'html-loader'
}, …Run Code Online (Sandbox Code Playgroud) 我需要解析HTML文档的内容(由Microsoft Word生成).遍历DOM以获取我需要的信息/内容,然后输出所需的CSV.我知道,几乎没有脑部手术.
现在因为PHP不是我的事情而且我的时间紧迫,我将使用来自http://simplehtmldom.sourceforge.net/的PHP Simple HTML DOM Parser.
我注意到我的脚本无效.经过反复试验,我意识到这是由于Word生成的HTML文件的文件大小(它们是3MB,并且有多达30,000行HTML!).我假设有一个文件大小限制,可以使用PHP Simple HTML DOM Parser和本机PHP DOMDocument API 解析什么?如果是这种情况有人知道这个限制是什么?我现在谷歌搜索40分钟没有成功.
也许我应该只使用Node.js?
我正在研究我的问题,但我认为在这里添加一个问题可能有所帮助,因为我是AngularJS的新手,甚至更新的单元测试.
我有当前的指令,它使用$watch()函数来跟踪变量,如果变量不存在则提供默认消息,例如"Deleted User Value"...
angular.module('myModule')
.directive('displayName', function ($transform) {
return {
restrict: 'A',
scope: {
displayName: '='
},
link: function (scope, element) {
scope.$watch('displayName', function(value){
if(!value) {
element.html($transform('users.profile.deletedUser'));
} else {
element.html(value);
}
});
}
};
})
;
Run Code Online (Sandbox Code Playgroud)
我有以下单元测试(请注意我已根据Maurice的建议对其进行了修改):
beforeEach(module('myModule'));
beforeEach(inject(function($compile, $rootScope) {
$scope = $rootScope;
element = angular.element('<div class="name" display-name="name"></div>');
$compile(element)($scope);
}));
it('should display the deleted user name', inject(function() {
$scope.displayName = null;
element.scope().$apply();
console.log(element);
expect(element.html()).toBe('Deleted User Value');
}));
Run Code Online (Sandbox Code Playgroud)
但是我遇到了以下问题:TypeError: Attempted to assign to readonly property …
javascript ×4
angularjs ×2
jquery ×2
php ×2
angular ×1
browser-sync ×1
domdocument ×1
eventemitter ×1
favicon ×1
gruntjs ×1
npm ×1
ruby ×1
typescript ×1
unit-testing ×1