小编Mik*_*Sav的帖子

IE引发了无效的参数错误,firefox没有

当我想炫耀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)

javascript internet-explorer

6
推荐指数
1
解决办法
1911
查看次数

switch语句可以带两个参数吗?

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了!

php

5
推荐指数
2
解决办法
2681
查看次数

jQuery Mobile"popup"div是不是隐藏了?

我正在使用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中的截图(在部署到测试设备时也是如此)

在此输入图像描述

我做错了什么......我能感受到即将到来的情感时刻......

jquery jquery-mobile

5
推荐指数
1
解决办法
5880
查看次数

Grunt任务指南针失败 - 找不到RubyGem指南针(> = 0)

我最近将机器从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.

任何想法,任何人?

ruby ruby-on-rails npm gruntjs

5
推荐指数
2
解决办法
8843
查看次数

从Angular2中的子组件切换父组件中的属性(类似于AngularJS中的$ emit)

我目前正在教自己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)

eventemitter typescript angular

5
推荐指数
1
解决办法
8626
查看次数

使用JavaScript或jQuery将.indexOf的结果转换为布尔值的最佳方法

我想知道,说我有一些像下面这样的东西:

console.log(element.find('div').eq(3).text().indexOf('whatever'));
Run Code Online (Sandbox Code Playgroud)

请记住,element已定义并且控制台正在记录值32(或任何不是-1的值)将结果转换为布尔值的最佳方法,因此我console.log输出true或输出false

提前致谢.

javascript jquery

4
推荐指数
2
解决办法
7817
查看次数

AngularJs:循环/返回$ stateProvider/ui-router中的所有状态

这是一个愚蠢的问题,但我是否希望返回$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?我正在阅读这篇文章,但如果有人有快速回答,请告诉我!

javascript angularjs angular-ui-router

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

Webpack Dev Server - 图标未显示在本地主机上,但适用于外部 URL

我有一个奇怪的问题,我想知道是否有人遇到过这种情况。我的应用程序中有 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)

favicon browser-sync webpack-dev-server

4
推荐指数
2
解决办法
6883
查看次数

PHP Native DOMDocument和Simple DOM Parser - 是否有大小限制?

我需要解析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?

php domdocument

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

单元测试包含$ watch()未编译的AngularJS指令

我正在研究我的问题,但我认为在这里添加一个问题可能有所帮助,因为我是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 unit-testing angularjs

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