Tag: JavaScript

Angular 2 UI组件 – 哪个库?

我正在试图find一些有用的用户界面组件,angular2工作。我对Angular 2真的很新(而且从来没有使用angular1)。 有人告诉我,Prime NG可能是非常好的,看起来就是这样。 但是我想知道是否有其他人能够find一个更好的图书馆的UI组件,Angular 2的工作良好。似乎似乎还没有。 引导4仍然在阿尔法,我正试图select一些稳定的时刻,但我认为提升4是伟大的。 从: angular材2 燃油UI Kendo UI NG-bootstrapng雷击 NG2自举 温泉用户界面 素面 语义UI Vaadin 哪一个稳定的库是最好的select(支持,速度,configuration,function丰富等),如果每一个都包含我需要的组件?

滚动位置的div与“溢出:自动”

鉴于这个HTML片段: <div id="box" style="overflow:auto; width:200px; height:200px; border:1px solid black;"> 1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br> 11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br> 21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br> </div> 你(通常)会得到一个带有一个滚动条的黑匣子,其中包含数字1到30,每个都在一个新的行中。 您可以在该框内上下滚动。 我现在需要的是有可能找出盒子在哪个滚动位置。 我们只是说,每行都是15像素高,你向下滚动到数字10,我想要得到的结果是数字150(15px * 10行)。 我在哪里可以find这个号码? 我手上有简单的JavaScript和jQuery。

保留在AngularJS路线变化的滚动位置?

示例应用程序: http : //angular.github.com/angular-phonecat/step-11/app/#/phones 如果你select了最后一部手机“摩托罗拉魅力”,它会告诉你手机的细节。 当你浏览器浏览器重新加载数据和滚动是在顶部。 导航回来后,自动滚动到哪里的最好方法是什么? 而且,为什么angular度重新加载数据? 我的计算机上有相同的“angular手机”示例,我添加了一个无限滚动,滚动时会加载更多的数据。 所以我真的不希望用户重新加载50+项目或向下滚动30秒。

meteorJS:使用外部脚本

有一些服务(比如像FB或AddThis)提供了一段代码。 看起来像 <div class="service-name" data-something="x"></div> <script type="text/javascript" src="http://service-domain.com/service-name.js"></script> 好的,酷,所以通常你把它粘贴到你的HTML和它的作品。 不与meteor。 以下是我所看到的: 模板/正文内的<script> 没有加载 – 我没有看到它在资源中,meteor的东西实际上是阻止浏览器识别它作为一个JS文件 它从<head> 这里是问题和问题: 我不想从<head>加载它 – 因为速度 即使我从那里加载 – 我们有QA和PROD环境。 他们必须从不同的域加载这个脚本(比如service-domain-qa.com和service-domain.com) 令人惊讶的是,你不能在<head>使用模板助手/variables。 使用传统的框架,这根本不是一个问题 – 你可以在任何地方包含脚本,只需加载; 你可以在你的服务器模板的任何部分使用逻辑/variables。 那么,我应该如何在meteor里做这个? 让我重复一遍: 我需要一些外部脚本(托pipe在第三方域)加载到我的应用程序页面 将这个脚本保存到我的项目文件夹不是一个选项 脚本path取决于环境(我们已经有设置系统),所以呈现它的模板的位置应该从代码中传递一些数据 我知道如何通过Template.created从我的代码(使用LAB.js或其他)加载dynamic脚本来实现这一点,但这太过于夸张了。

如何从dropzone.js上传和删除文件

我已经使用下面的代码图像已被删除,但仍然显示缩略图图像。 Dropzone.options.myDropzone = { init: function() { this.on("success", function(file, response) { file.serverId = response; }); this.on("removedfile", function(file) { if (!file.serverId) { return; } $.post("delete-file.php?id=" + file.serverId); }); }

访问V8 JavaScript中的行号(Chrome和Node.js)

花时间使用C语言的JavaScript开发人员往往会错过使用某些types的自省的能力,比如logging行号,以及当前方法被调用的方法。 那么如果你使用的是V8(Chrome,Node.js),你可以使用下面的代码。

缺less.map资源?

我最近开始有我的所有项目的这个问题。 当我的索引页面加载其中包含对jQuery源文件的引用时,我的控制台logging此错误: GET http://localhost:3000/js/lib/jquery-1.10.2.min.map 500 (Internal Server Error) 。 这根本不影响我的应用程序,但是每当我打开控制台的时候,真的很烦人。 有谁知道这是从哪里来的? 编辑:请注意,我没有明确引用.map文件,我只是指向<script src="js/lib/jquery-1.10.2.min.js"></script>

如何使DIV总是漂浮在屏幕右上angular?

如何使DIV始终浮在屏幕的右上angular,以便即使向下滚动页面,DIV仍然显示在同一固定位置? 谢谢。

将variables值注入到RoR中的javascript和HAML中

我有以下使用ZenDesk的function。 我想注入我的current_user的细节如下表格。 (这是我从html.haml模板)。 但是,我不知道如何使这项工作。 :javascript if (typeof(Zenbox) !== "undefined") { Zenbox.init({ dropboxID: "xxxxx", url: "xxxxx.zendesk.com", tabID: "support", tabColor: "black", tabPosition: "Left", requester_name: =current_user ? "#{current_user.first_name} #{current_user.last_name}" : "" , requester_email: =current_user ? "#{current_user.email}" : "" , hide_tab: true }); } 简而言之,如何将一个railsvariables注入到haml中的javascript元素中。

是setInterval CPU密集型?

我读了一个setInterval是CPU密集型的地方。 我创build了一个使用setInterval的脚本,并监视CPU使用情况,但没有注意到有任何变化。 我想知道是否有一些我错过了。 代码的作用是每100毫秒检查URL中哈希的变化(#之后的内容),如果发生变化,则使用AJAX加载页面。 如果没有改变,没有任何反应。 会有任何CPU的问题。