小编cmc*_*loh的帖子

好的CSS表主题工具?

自从我设计了一张桌子以来已经有很长一段时间了.我有三种不同的表格,我需要使用相同的基本颜色等,但都是不同的形状/尺寸.

我想知道是否有人知道一个好的库或工具从JSON或其他东西生成漂亮的html/css表(你给JS或PHP一些数据结构,JSON或Arrays,它会吐出一个HTML/CSS表)?是的,我将它们用于表格数据(它们是定价表).或者,如果有一个很好的非表格驱动的替代方案来显示表格数据,我全都耳朵......

以下是表格背景部分的示例.每个表将具有不同的静态"突出显示"列(或根本没有); 这不是悬停效果,只是一个叫出的列.

在此输入图像描述

html css css-tables

8
推荐指数
1
解决办法
747
查看次数

7
推荐指数
1
解决办法
9151
查看次数

从页面上的chrome扩展程序加载图像

我的Chrome扩展程序中有一些图像,我希望用户在使用扩展程序时能够注入页面.

图像将显示在扩展弹出窗口中,但是当用户单击按钮将其注入页面时,页面无法访问它们/由于某种原因看到它们.我知道有一些特定的方法可以将JS和CSS注入到页面中(已经这样做了)但是我没有看到任何方法对图像做同样的事情.

我在清单中设置了以下权限(添加了chrome-extensions://一个希望可以这样做):

"permissions" : [ "tabs", "http://*/*", "https://*/*", "chrome-extension://*/*" ]
Run Code Online (Sandbox Code Playgroud)

具体来说,我正在尝试更改favicon,有点像这样(我也尝试过没有前导/,并且使用chrome.extension.getURL("favicons/example.png")):

  iconURL = "/favicons/example.png";
  var link = document.createElement("link");
  link.type = "image/x-icon";
  link.rel = "shortcut icon";
  link.href = iconURL;
  this.removeLinkIfExists();
  this.docHead.appendChild(link);
Run Code Online (Sandbox Code Playgroud)

如果iconURL是完全限定的http://地址,则此代码可以正常工作...

您可以在此处查看我的github repo中的实际代码(favicon.js第54行,由tabdisplay.js第260行调用).

google-chrome-extension

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

如何从Ant构建中使用UglifyJS?

我希望将UglifyJS实现到我的Ant构建过程中以替换YUI Compressor.入门的基本步骤是什么?

javascript uglifyjs

7
推荐指数
1
解决办法
4290
查看次数

JSP或JavaScript等效于PHP的$ _SERVER ["HTTP_HOST"]?

我在我的JavaScript中使用了一个绝对URL,我为window.location编写了硬编码.

我不想每次测试我的应用程序时都要更改它.在PHP中,我会通过测试$ _SERVER ["HTTP_HOST"]变量来找出我所在的服务器并进行相应调整.但是,我对Java并不熟悉,并且想知道它是否有类似的方法?或者甚至可能是JavaScript有类似的方法?

代码如下:

var url = "http://172.17.1.107/store/results/index.jsp";
window.location = url;
Run Code Online (Sandbox Code Playgroud)

我想做的是:

var server = [something that returns just 172.17.1.107 (with or without the http:// is fine)]
var url = "http://" + server + "/store/results/index.jsp";
window.location = url;
Run Code Online (Sandbox Code Playgroud)

在PHP中我会这样做:

var server = <?= $_SERVER["HTTP_HOST"] ?>
var url = "http://" + server + "/store/results/index.php";
window.location = url;
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?我想我的运作是假设您必须使用绝对URL来更改JavaScript中当前窗口的位置.如果还有其他方法可以在没有绝对URL的情况下更改JavaScript中的窗口位置,请随时提供.

提前致谢...

javascript php java url window.location

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

Ant concat 文件集分隔符

在 Ant 中将 concat 与文件集一起使用时,如何为文件集中的每个元素执行操作。例如,添加一个字符串:

<fileset dir="${project.path.scripts-library}"
                excludes="!*.js, **/*.bak, **/dev.*"
>
    <type type="file" />
    <include name="**/0*.js" />
    <include name="**/1*.js" />
    <string>test</string>
</fileset>
Run Code Online (Sandbox Code Playgroud)

或者回显文件集中每个文件的当前文件名(以及,我如何获取当前文件的文件名???):

<fileset dir="${project.path.scripts-library}"
                excludes="!*.js, **/*.bak, **/dev.*"
>
    <echo file="${app.path.file}" 
            append="true"
            message=",${the.file.name}" />

    <type type="file" />
    <include name="**/0*.js" />
    <include name="**/1*.js" />
</fileset>
Run Code Online (Sandbox Code Playgroud)

ant

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

如何找到神秘绑定的javascript事件

我有一个非常复杂的HTML5应用程序我正在研究(主干,木偶,jquery,下划线,把手,引导程序等),并且在应用程序内部是一个带有表单的模态弹出窗口.

当模式弹出打开时,第一次单击任何表单字段时,表单字段将取消选择自身.在第一次单击后,您可以正常使用该表单.当应用程序最终加载到生产中的iFrame中时(不要问)第一次单击任何表单字段或将鼠标悬停在任何按钮上时,整个页面向下滚动直到div元素的顶部,表单位于内部模态位于页面的顶部,但在它执行一次后,它不会再次执行(混淆了吗?是的,它是复杂的和分层的).

我对如何开始调试这个问题感到茫然(成千上万行代码,两把库).

我试过这些:

console.log('bound events: ', $._data(this.$el.find('#RandomFieldID')[0], 'events'));
console.dir($('#elmId').data('events'));
console.log('bound events: ', $._data($('body')[0], 'events'));
Run Code Online (Sandbox Code Playgroud)

但那没有任何结果.

因为这是基于框架的库上的库我甚至不确定从哪里开始尝试找到显然已经绑定到这些字段的东西,或者即使它是被绑定的字段或完全不同的字段. ..

所以,关于如何调试神秘绑定的javascript事件的好策略的任何建议(有多个JS库和框架,在问题解决之前不能只是注释掉,因为它们依赖于甚至让HTML出现在页面在第一位)?

并且,不幸的是我不能做一个jsfiddle或者其他什么,因为,正如我所说,这是在应用程序内深处,我基本上必须重新创建JSFiddle内部的应用程序(不可能)链接到一个示例(和,它不是在一个面向外部的网站,所以,我不能只在生产中链接到它.

我很难过.谢谢你的帮助!

javascript jquery javascript-events underscore.js marionette

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

负载测试Backbone App

我有一个NGinx/Node/Express3/Socket.io/Redis/Backbone/Backbone.Marionette应用程序代理对PHP/MySQL REST API的请求.我需要整个加载测试整个堆栈.

我的应用程序利用NGinx的静态资产缓存,使用Redis进行集群,使用Redis进行多核启用.所有这一切,我都经历了很多麻烦,试图确保它可以承受负荷.

我使用blitz.io在10秒内用50,000个用户点击它并且它甚至没有眨眼......这让我很担心,因为我想看到它崩溃,或者至少呼吸有点沉重; 但是50k是你用这个工具扔掉它的最大值,向我表明他们希望你没有合理地能够或者不需要处理更多......当我意识到它实际上并没有发生时我期待的负载,因为负载是在页面加载后启动的,Backbone应用程序启动并启动套接字连接并从正确的REST API端点(来自不同的服务器)请求数据.

所以,这是我的问题:

如何加载整个应用程序的测试?我需要负载测试以与客户端实际相同的方式对服务器征税,这意味着:

  1. 从我的NGinx/Node/Express服务器请求单页Backbone应用程序
  2. 启动NGinx对静态资产的请求(模拟浏览器会做什么)
  3. 启动对REST API的请求(在不同服务器上运行的PHP/MySQL)
  4. 创建与Socket.io服务的连接(在NGinx/Node/Express上运行,利用Redis处理多核垃圾)

如果测试工具使用类似浏览器的环境加载页面,解析JS并运行它,一切都将是copasetic(NGinx/Node/Express服务器将受到攻击,PHP/MySQL服务器也将受到攻击).否则,测试工具将需要通过几乎同时触发至少十几种不同类型的请求来模拟这一点.否则,就像压力测试门一样,看10,000次(也就是说,它毫无意义).

我需要确保我的应用程序可以处理1,000个用户在一分钟内完成所有加载相同页面的用户.

load-testing node.js express backbone.js socket.io

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

您如何指示/请求删除 REST 补丁中的对象属性

是否有标准化的方法来指示 RESTful PATCH 请求中字段/参数的空值?

假设我有一个对象,我只想从对象中删除一个属性并将该更改保留到 MT/DB。在客户端,我只会删除属性(在 JS 中),但是当 PATCH 到我的 REST API 层时,是否有一种标准化的方法来指示应该删除属性(不是对象,只是属性)?

为了清楚起见/示例,这里是对象的假设 PATCH 路由:

PATCH /service/thing/{id}
Run Code Online (Sandbox Code Playgroud)

和一些示例 PATCH 有效载荷:

单一属性更新:

{ "myprop": "changed" }
Run Code Online (Sandbox Code Playgroud)

多属性更新:

{ "myprop": "changed", "anotherprop": "changed" }
Run Code Online (Sandbox Code Playgroud)

对于您想要摆脱的 PATCH,"myprop"显然不能只提交此有效负载:

{ }
Run Code Online (Sandbox Code Playgroud)

你会做这样的事情:

{ "myprop": undefined }
Run Code Online (Sandbox Code Playgroud)

或者,你会创建一个全新的 DELETE 路由:

DELETE /service/thing/{id}/myprop
Run Code Online (Sandbox Code Playgroud)

或者是其他东西?

rest

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

我怎样才能让它看起来像机器人在松弛中打字?

我的 Slack 机器人的响应有轻微的内置延迟(1.2 秒),但我希望用户知道它打算响应。当用户键入时,屏幕上会显示“用户正在键入...”指示符。我想为我的 Slack 机器人触发该指示器。我怎样才能做到这一点?

slack-api

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