javascript

java

python

c#

node.js

reactjs

android

php

c++

ruby-on-rails

html

jquery

git

css

ios

sql

.net

c

<img src="//i.stack.imgur.com/bk9VA.png" alt="" class="sponsor-tag-img" width="18" height="16"/>android

string

javascript - 从外部调用webpacked代码(HTML脚本标记)

假设我有这样的类(用typescript编写),我将它与webpack捆绑到EntryPoint

export class EntryPoint {
    static run() {
        ...
    }
}

在我的index.html中,我将包含bundle,但是我还想调用那个静态方法。

<script src="build/bundle.js"></script>
<script>
    window.onload = function() {
        EntryPoint.run();
    }
</script>

但是,在这种情况下,EntryPoint未定义。 我如何从另一个脚本调用捆绑的JavaScript?

补充:Webpack配置文件。

trans by 2019-08-19T08:57:11Z

javascript - 在Angular中的ng-repeat循环中绑定ngmodel

我试图处理ng-repeat循环中的范围问题 - 我已经浏览了很多问题,但还没有完全能够让我的代码工作。

控制器代码:

function Ctrl($scope) {
  $scope.lines = [{text: 'res1'}, {text:'res2'}];
}

视图:

<div ng-app>
     <div ng-controller="Ctrl">
       <div ng-repeat="line in lines">
           <div class="preview">{{text}}{{$index}}</div>

       </div>
       <div ng-repeat="line in lines">
           <-- typing here should auto update it's preview above -->
           <input value="{{line.text}}" ng-model="text{{$index}}"/>
            <!-- many other fields here that will also affect the preview -->
       </div>
     </div>
    </div>

这是一个小提琴:[http://jsfiddle.net/cyberwombat/zqTah/]

基本上我有一个对象(它是一个传单生成器),它包含多行文本。 每行文本都可以由用户调整(文本,字体,大小,颜色等),我想为它创建预览。 上面的示例仅显示输入文本的输入字段,我希望自动/按类型更新预览div,但会有更多控件。

我也不确定我的循环索引是否正确 - 是否是在循环中创建ng-model名称的最佳方法?

trans by 2019-08-19T08:51:10Z

javascript - Ionic指令与Ionic Fram的VS Angular材料指令

我想用离子与材料设计。 我在使用离子指令与自定义CSS和角度材料之间陷入困境

我已经读过使用离子指令我们得到很多有效的功能

  • 即使在导航到其他视图并返回到页面之后,也会使用UI路由器记住应用程序数据

  • 离子列表项目仅在显示高度时呈现,并在向下或向上滚动时重复使用

并且有很多性能改进。

但是,如果我使用离子指令,他们就没有材料设计。

如果我使用角度材料,我将无法获得这些性能改进,以及移动应用程序所需的额外功能。

角度材料指令就像

<md-list>
  <md-item ng-repeat="item in items">
    Hello, {{item}}!
  </md-item>
</md-list>

离子指令就像

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item}}!
  </ion-item>
</ion-list>

看起来Ionic正在为角材料项目开发提供资金,那么为什么角材料不能与离子材料一起使用呢?

如何在不失去离子性能改进和功能的情况下使用角度材料组件?

要么

使用离子材料设计有更好的想法吗?

trans by 2019-08-19T04:39:42Z

javascript - 获取子节点索引

在直接的javascript(即没有诸如jQuery之类的扩展等)中,有没有办法在其父节点内确定子节点的索引而不迭代并比较所有子节点?

例如。,

var child = document.getElementById('my_element');
var parent = child.parentNode;
var childNodes = parent.childNodes;
var count = childNodes.length;
var child_index;
for (var i = 0; i < count; ++i) {
  if (child === childNodes[i]) {
    child_index = i;
    break;
  }
}

有没有更好的方法来确定孩子的指数?

trans by 2019-08-19T02:17:53Z

javascript - 如何在angularjs中清除或停止时间间隔?

我正在制作一个演示,我在定期的时间间隔后使用$scope.apply从服务器获取数据现在我需要停止/取消它。

我怎么能做到这一点? 如果我需要重新启动过程,我应该怎么做?

其次,我还有一个问题:我在重新计算时间间隔后从服务器获取数据。 有没有必要使用$scope.apply$scope.watch

这是我的傻瓜:

  app.controller('departureContrl',function($scope,test, $interval){
   setData();

   $interval(setData, 1000*30);

   function setData(){
      $scope.loading=true;
    test.stationDashBoard(function(data){
        console.log(data);
        $scope.data=data.data;
        $scope.loading=false;
        //alert(data);
    },function(error){
        alert('error')
    }) ;

   }
});

[http://plnkr.co/edit/ly43m5?p=preview]

trans by 2019-08-19T01:41:50Z

javascript - 如何在PHP中立即执行匿名函数?

在JavaScript中,您可以定义立即执行的匿名函数:

(function () { /* do something */ })()

你能在PHP中做那样的事情吗?

trans by 2019-08-19T01:20:31Z

javascript - 如何检测是否加载了iframe?

我试图检查用户单击按钮后是否加载了iframe。

我有

$('#MainPopupIframe').load(function(){
    console.log('load the iframe')
    //the console won't show anything even if the iframe is loaded.
})

HTML

<button id='click'>click me</button>

//the iframe is created after the user clicks the button.
<iframe id='MainPopupIframe' src='http://...' />...</iframe>

有什么建议?

顺便说一句,我的iframe是动态创建的。 它不会加载初始页面加载。

trans by 2019-08-19T00:42:41Z

javascript - 在DOM中嵌入任意JSON的最佳实践?

我正在考虑在DOM中嵌入任意JSON,如下所示:

<script type="application/json" id="stuff">
    {
        "unicorns": "awesome",
        "abc": [1, 2, 3]
    }
</script>

这类似于可以在DOM中存储任意HTML模板以供以后与JavaScript模板引擎一起使用的方式。 在这种情况下,我们以后可以检索JSON并使用以下方法解析它:

var stuff = JSON.parse(document.getElementById('stuff').innerHTML);

这有效,但这是最好的方法吗? 这是否违反任何最佳做法或标准?

注意:我没有寻找在DOM中存储JSON的替代方案,我已经确定这是我遇到的特定问题的最佳解决方案。 我只是在寻找最好的方法。

trans by 2019-08-19T00:25:02Z

javascript - 禁用在`<input type = number>`上滚动

是否可以禁用滚轮更改输入数字字段中的数字?我已经搞乱了特定于webkit的CSS来删除微调器但是我想完全摆脱这种行为。 我喜欢使用type=number,因为它在iOS上带来了一个漂亮的键盘。

trans by 2019-08-18T23:42:54Z

javascript - 有没有人使用Coffeescript作为生产应用程序?

Coffeescript看起来很酷。 有人用过吗? 它的优点是什么?缺点?

trans by 2019-08-18T17:50:57Z

JavaScript中的字符串原语和String对象有什么区别?

取自MDN

字符串文字(用双引号或单引号表示)和字符串   在非构造函数上下文中从String调用返回(即,没有   使用new关键字)是原始字符串。 JavaScript自动   将基元转换为String对象,以便可以使用它   原始字符串的字符串对象方法。 在某种情况下   方法将在原始字符串或属性查找上调用   发生时,JavaScript会自动换行字符串原语和   调用方法或执行属性查找。

因此,我认为(逻辑上)字符串基元上的操作(方法调用)应该比字符串对象上的操作慢,因为在对字符串应用method之前,任何字符串基元都将转换为字符串对象(额外工作)。

但在这个测试案例中,结果却相反。 代码块-1比代码块-2运行得更快,两个代码块如下所示:

代码块-1:

var s = '0123456789';
for (var i = 0; i < s.length; i++) {
  s.charAt(i);
}

代码块-2:

var s = new String('0123456789');
for (var i = 0; i < s.length; i++) {
    s.charAt(i);
}

结果在浏览器中有所不同,但代码块-1总是更快。 任何人都可以解释一下,为什么代码块-1比代码块-2快。

trans by 2019-08-18T16:31:21Z

javascript - $ http.get(...)。成功不是一个功能

我有这个代码:

app.controller('MainCtrl', function ($scope, $http){
  $http.get('api/url-api')
    .success(function (data, status, headers, config){
     }
}

在我的本地环境中,工作正常,但在服务器中,返回此错误:

TypeError:$ http.get(...)。success不是函数

有任何想法吗? 谢谢

trans by 2019-08-18T15:18:16Z

javascript - AngularJS按属性排序

我想要做的是按属性排序一些数据。 这是我应该努力的例子,但它没有。

HTML部分:

<div ng-app='myApp'>
    <div ng-controller="controller">
    <ul>
        <li ng-repeat="(key, value) in testData | orderBy:'value.order'">
            {{value.order}}. {{key}} -> {{value.name}}
        </li>
    </ul>
    </div>
</div>

JS部分:

var myApp = angular.module('myApp', []);

myApp.controller('controller', ['$scope', function ($scope) {

    $scope.testData = {
        C: {name:"CData", order: 1},
        B: {name:"BData", order: 2},
        A: {name:"AData", order: 3},
    }

}]);

结果如下:

  1. A - &gt;ADATA
  2. B - &gt;BDATA
  3. C - &gt;CData的

......恕我直言应该是这样的:

  1. C - &gt;CData的
  2. B - &gt;BDATA
  3. A - &gt;ADATA

我错过了什么(这里准备JSFiddle进行实验)?

trans by 2019-08-18T13:48:04Z

javascript - TypeScript中“declare class”和“interface”之间的区别是什么

在TypeScript中,创建.d.ts源声明文件时,哪个更好?为什么?

declare class Example {
    public Method(): void; 
}

要么

interface Example {
    Method(): void;
}

我可以说的差异是接口不能有静态方法,所以你必须使用一个类。 两者都没有产生任何JS输出,所以也许它并不重要?

trans by 2019-08-18T12:58:47Z

语法 - JavaScript“for-in”循环中的“var”或no“var”?

在JavaScript中编写for-in循环的正确方法是什么? 浏览器不会对我在此处显示的两种方法中的任何一种发出投诉。 首先,有一种方法,其中显式声明迭代变量x

for (var x in set) {
    ...
}

或者这种方法更自然地读取但对我来说似乎不正确:

for (x in set) {
    ...
}
trans by 2019-08-18T12:27:03Z

Javascript中数组的最大大小

上下文:我正在构建一个读取RSS提要的小站点,并在后台更新/检查提要。 我有一个数组来存储要显示的数据,另一个存储已经显示的记录的ID。

问题:在事情开始变慢或缓慢之前,Javascript中的数组可以容纳多少项。 “我没有对数组进行排序,而是使用jQuery的inArray函数进行比较。

该网站将保持运行,并且更新并且不太可能经常重新启动/刷新浏览器。

如果我应该考虑从数组中清除一些记录,那么在限制之后删除一些记录的最佳方法是什么,比如100项。

trans by 2019-08-18T12:15:57Z

javascript - 如何在提交按钮onclick事件中取消表单提交?

我正在使用ASP.net Web应用程序。

我有一个带有提交按钮的表单。 提交按钮的代码类似于<input type='submit' value='submit request' onclick='btnClick();'>

我想写下面的内容:

function btnClick() {
    if (!validData())
        cancelFormSubmission();
}

我该怎么做呢?

trans by 2019-08-18T11:36:07Z

javascript - 谷歌地图v3 - 限制可视区域和缩放

是否可以将Google地图v3限制在某个区域? 我想仅允许显示某个区域(例如国家/地区)并禁止用户滑动到其他位置。 另外我想限制缩放级别 - 例如 仅在6级和9级之间。我想使用所有基本地图类型。

有没有办法实现这个目标?

我使用StyledMap限制缩放级别取得了部分成功,但我仅限制了ROADMAP,我无法通过这种方式限制其他基本类型的缩放。

谢谢你的帮助

trans by 2019-08-18T09:15:19Z

如何在javascript中换行svg文本?

所以这就是我所拥有的:

<path class="..." onmousemove="show_tooltip(event,'very long text 
    \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/>

<rect class="tooltip_bg" id="tooltip_bg" ... />
<text class="tooltip" id="tooltip" ...>Tooltip</text>

<script>
<![CDATA[
function show_tooltip(e,text) {
    var tt = document.getElementById('tooltip');
    var bg = document.getElementById('tooltip_bg');

    // set position ...

    tt.textContent=text;

    bg.setAttribute('width',tt.getBBox().width+10);
    bg.setAttribute('height',tt.getBBox().height+6);

    // set visibility ...
}
...

现在我很长的工具提示文本没有换行符,即使我使用alert(); 它告诉我,文本实际上有两行。 (它包含&#34; \&#34;但是,如何删除那个呢?)
我不能让CDATA在任何地方工作。

trans by 2019-08-18T06:41:42Z

javascript - 如何忽略用户的时区并强制Date()使用特定的时区

在JS应用程序中,我从服务器(Ajax)接收时间戳(方程date)。

基于该时间戳我使用以下方法创建date对象:

var _date = new Date();
_date.setTime(1270544790922);

现在,date解码当前用户区域设置时区中的时间戳。 我不想要那个。

我希望_date能将这个时间戳转换为欧洲赫尔辛基市的当前时间(不考虑用户当前时区)。

我怎样才能做到这一点?

trans by 2019-08-18T06:34:24Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共311页