小编Adr*_*ano的帖子

在上传到服务器之前,使用JavaScript调整客户端大小的图像

我正在寻找一种方法来使用JavaScript调整客户端图像的大小(实际上调整大小,而不仅仅是更改宽度和高度).
我知道可以在Flash中完成它但我想尽可能避免它.

网上某处有开源算法吗?

javascript resize image client-side

142
推荐指数
6
解决办法
17万
查看次数

如何迭代Handlebars中的对象数组?

这似乎是一个愚蠢的问题,但我似乎无法在任何地方找到答案.

我正在点击这个以ASON格式返回对象数组的Web Api:

对象数组

Handlebars docs显示以下示例:

<ul class="people_list">
  {{#each people}}
  <li>{{this}}</li>
  {{/each}}
</ul>
Run Code Online (Sandbox Code Playgroud)

在以下情况下:

{
  people: [
    "Yehuda Katz",
    "Alan Johnson",
    "Charles Jolley"
  ]
}
Run Code Online (Sandbox Code Playgroud)

在我的情况下,我没有数组的名称,它只是响应的根对象.我试过{{#each}}没有运气.

第一次使用把手......我错过了什么?

UPDATE

这是一个简化的小提示,以显示我在问什么:http://jsfiddle.net/KPCh4/2/

把手是否需要将上下文变量作为对象而不是数组?

arrays each loops handlebars.js

98
推荐指数
5
解决办法
14万
查看次数

在execCommand中'粘贴为纯文本'的Javascript技巧

我有一个基本编辑器,基于execCommand这里介绍的示例.在该区execCommand域内粘贴文本有三种方法:

  • Ctrl+V
  • 右键单击 - >粘贴
  • 右键单击 - >粘贴为纯文本

我想只允许粘贴纯文本,不带任何HTML标记.如何强制前两个操作粘贴纯文本?

可能的解决方案:我能想到的方法是在粘贴之前为(Ctrl+ V)设置用于keyup事件的监听器并剥离HTML标签.

  1. 这是最好的解决方案吗?
  2. 是否可以防止粘贴中出现任何HTML标记?
  3. 如何将侦听器添加到右键单击 - >粘贴?

javascript html5 javascript-events execcommand

92
推荐指数
5
解决办法
8万
查看次数

使用Bootstrap设置body的最大宽度

使用Twitter Bootstrap构建我的第一个站点并尝试使用流畅的布局.我已经将容器设置为流畅的,现在内部的内容占用整个页面宽度并适应调整浏览器的大小.

我正在开发的设计最大宽度为~950px.

我检查variables.less,并responsive.less和引导文件,我不能完全解决如何做到这一点.我也尝试将以下内容添加到我的style.css:

body {
    max-width: 950px;
}
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

73
推荐指数
3
解决办法
17万
查看次数

Javascript图像调整大小

有谁知道如何使用JavaScript按比例调整图像大小?

我试图通过添加属性height和动态修改DOM width,但似乎在IE6上不起作用.

javascript image-manipulation internet-explorer-6

45
推荐指数
4
解决办法
19万
查看次数

用电子本地保存文件

我有一些模板文件,每个文件包含一些变量字符串,我想用Electron(http://electron.atom.io/)构建一个非常简单的输入表单,我想将组合输出文件保存在用户的电脑.

我可以使用任何模块让Electron在本地保存文件吗?

javascript forms npm electron

37
推荐指数
3
解决办法
6万
查看次数

如何使用反射获取注释类名,属性值

我知道如果我们知道注释类,我们可以轻松获取特定的注释并访问它的属性.例如:

field.getAnnotation(Class<T> annotationClass) 
Run Code Online (Sandbox Code Playgroud)

这将返回特定注释界面的引用,因此您可以轻松访问它的值.

我的问题是,如果我对特定的注释类没有预先知识.我只想在运行时使用反射来获取所有注释类名及其属性,以便将类信息转储为例如json文件.我怎么能以简单的方式做到这一点.

Annotation[] field.getAnnotations();
Run Code Online (Sandbox Code Playgroud)

此方法仅返回注释接口的动态代理.

java reflection annotations

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

什么是Bootstrap 4.1中的bd-highlight?

flexbox的bootstrap 4.1文档页面上,有几个bd-highlight使用该类的示例.例如:

<div class="d-flex p-2 bd-highlight">I'm a flexbox container!</div>
Run Code Online (Sandbox Code Playgroud)

有什么用bd-highlight
这个类似乎没有任何文档.

twitter-bootstrap bootstrap-4

28
推荐指数
1
解决办法
8760
查看次数

CSS转PDF,飞碟中的CSS:-fs-table-paginate导致边界崩溃:崩溃无效

现在我使用xhtmlrenderer将html转换为PDF.我的maven依赖如下:

    <dependency>
        <groupId>org.mvel</groupId>
        <artifactId>mvel2</artifactId>
        <version>2.1.0.drools2</version>
        <scope>compile</scope>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>org.xhtmlrenderer</groupId>
        <artifactId>core-renderer</artifactId>
        <version>R8</version>
        <scope>compile</scope>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>com.lowagie</groupId>
        <artifactId>itext</artifactId>
        <version>2.0.8</version>
        <scope>compile</scope>
        <optional>true</optional>
    </dependency>
Run Code Online (Sandbox Code Playgroud)

我试图在每个PDF页面重复表头.所以我使用css:. -fs-table-paginate: paginate解释CSS就在这里.

table {
        -fs-table-paginate: paginate;
    }`
Run Code Online (Sandbox Code Playgroud)
  • 当与值(-fs-table-paginate)paginate一起使用时,修改表格布局算法以在后续页面上重复表格页眉和页脚,并改善跨页面的单元格的外观(例如通过关闭和重新打开边框),但就是这样.如果桌子的最小宽度比页面宽,它将被切断.

  • 当添加上面的CSS时,我的表的边框是分离的.

在此输入图像描述

  • 在添加css之前,表格的边框会折叠为单边框.

在此输入图像描述

所以我觉得table { -fs-table-paginate: paginate; }我的桌子border-collapse:collapse无效了. 那么我该怎么做才能解决这个问题,让桌子边框崩溃?

我的应用程序CSS表格如下

-fs-table-paginate
Run Code Online (Sandbox Code Playgroud)

并且当-fs-table-paginate: paginate; 有时添加表头时不正常.标题将无法正确显示.并且下面的表头会增加一个额外的空行.如下: 在此输入图像描述

有人知道这些想法吗?

html css flying-saucer xhtmlrenderer

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

赛普拉斯按 ID/XPATH/名称单击元素?

我想通过 XPATH/ID 而不是默认的 cypress 定位器点击一个元素,这可能吗?

在 selenium 中,我可以通过 XPATH 使用 find 元素,例如:

d.findElement(By.id("category")).click();
Run Code Online (Sandbox Code Playgroud)

在赛普拉斯中,它就像:

cy.get('#hdtb-msb-vis > :nth-child(3) > .category').click()
Run Code Online (Sandbox Code Playgroud)

我可以通过ID点击吗? (它在硒中看起来更好!)

d.findElement(By.id("category")).click();
Run Code Online (Sandbox Code Playgroud)

VS

cy.get('#hdtb-msb-vis > :nth-child(3) > .category').click()
Run Code Online (Sandbox Code Playgroud)

automation cypress

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