小编Ada*_*dam的帖子

空HTML5数据属性是否有效?

我想写一个简单的jQuery插件,在指定的元素下显示内联模式.我的想法是让脚本根据元素上指定的数据属性进行自动初始化.

一个非常基本的例子:

<p data-modal-target>Hover over me for an inline modal!</p>
<div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired syntax can go here --></div>
Run Code Online (Sandbox Code Playgroud)

我只是想知道data-modal-target在上面的例子中是否有效,或者它是否必须data-modal-target="true"?我不关心比IE9等更糟糕的东西,我唯一的要求是它是有效的HTML5.

html5 custom-data-attribute html5-data

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

DynamoDB的UUID?

在向表中添加新项时,是否可以让DynamoDB自动生成唯一ID?

我注意到Java API提到@DynamoDBAutoGeneratedKey所以我假设有一种方法可以使用PHP.

如果是这样,应用程序代码是否会生成这些ID,还是在DynamoDB端完成?

uuid amazon-web-services amazon-dynamodb

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

在CoffeeScript中,是否有"官方"方式在运行时插入字符串而不是在编译时?

我的CS类中有一个选项对象,我想在其中保留一些模板:

class MyClass
    options:
        templates:
            list: "<ul class='#{ foo }'></ul>"
            listItem: "<li>#{ foo + bar }</li>"
            # etc...
Run Code Online (Sandbox Code Playgroud)

然后我想在代码中稍后插入这些字符串......当然这些字符串被编译为"<ul class='" + foo +"'></ul>",而foo是未定义的.

是否有正式的CoffeeScript方法在运行时使用.replace()


编辑:我最后写了一个小实用程序来帮助:

# interpolate a string to replace {{ placeholder }} keys with passed object values
String::interp = (values)->
    @replace /{{ (\w*) }}/g,
        (ph, key)->
            values[key] or ''
Run Code Online (Sandbox Code Playgroud)

所以我的选择现在看起来像:

templates:
    list: '<ul class="{{ foo }}"></ul>'
    listItem: '<li>{{ baz }}</li>'
Run Code Online (Sandbox Code Playgroud)

然后在代码中:

template = @options.templates.listItem.interp
    baz: foo + bar
myList.append $(template)
Run Code Online (Sandbox Code Playgroud)

javascript template-engine coffeescript coffeekup

13
推荐指数
1
解决办法
8540
查看次数

如何在CSS生成的内容中嵌入Unicode Supplementary Private Use字符?

我正在使用webfont图标.图标字形映射到Unicode的补充专用区-A和B.

如果我通过data-*属性将字符传递给CSS,一切正常:

<div class="icon" data-icon="&#xF005A;"></div>
Run Code Online (Sandbox Code Playgroud)

然后:

.icon::before {
    font-family: IconFont;
    content: attr(data-icon)
}
Run Code Online (Sandbox Code Playgroud)

但是,如果我尝试直接在CSS中嵌入转义字符...

.icon::before {
    font-family: IconFont;
    content: '\0F005A ';
}
Run Code Online (Sandbox Code Playgroud)

它显示为缺少的符号问号.

但如果我尝试不同的特殊角色......

.icon::before {
    font-family: IconFont;
    content: '\F8FF ';
}
Run Code Online (Sandbox Code Playgroud)

它工作正常!

我在规范中找不到任何说不可能的东西......它似乎不起作用.

有人对此有任何见解吗?

css html5 escaping character-encoding special-characters

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

从Node.js中的多个SVG图形生成SVG字体

我想创建一个Node.js应用程序,允许用户将一堆SVG图标组合成一个自定义的Web字体图标集.我发现的唯一类似的项目是这个网站,看起来很有趣,但是很漂亮.

最后,我希望这个应用程序还输出所有各种跨浏览器字体文件和CSS,以使用最佳实践在页面上使用这些图标.因此,总体目标是创建一个SVG图标框架.

但我想要做的第一件事就是将多个SVG图标组合成一个SVG字体文件.必须是可能的,如果上述网站正在这样做,但我找不到任何好的信息.

有人能指出我正确的方向吗?谢谢!

编辑:我遇到了这个看起来与我的目标非常相似的服务,虽然我不想托管字体,我希望我的服务是免费的(也可能是开源的).

icons svg node.js

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

jQuery事件性能:在每个孩子的父事件或个人事件上绑定一个事件?

我有一个div有大量的儿童div(大约4k-5k!).每个孩子都有一个'mousedown''mouseup'连接到它的事件.

我是否应该将这些事件一次性附加到父母并选择孩子使用$(e.target)?是否会有任何性能优势,如果是这样,为什么?

谢谢!

javascript jquery javascript-events

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