小编art*_*ung的帖子

MooTools的隐藏功能

每个MooTools开发人员都应该注意MooTools隐藏或模糊的功能是什么?

请回答每个答案的一个功能.

javascript mootools

9
推荐指数
4
解决办法
542
查看次数

智能应用横幅; 适用于Android/Google Play的Windows应用商店HTML元标记?

智能应用程序横幅是iOS 6中iOS设备的新增功能.它涉及简单添加元标记,当访问Mobile Safari时,会检查手机上是否存在应用程序,并显示访问者是否要启动或安装应用程序.

<meta name="apple-itunes-app"
      content="app-id=myAppId, affiliate-data=myAffiliateData,
               app-argument=myArgs" />
Run Code Online (Sandbox Code Playgroud)

Windows Store应用链接的工作方式类似:

<meta name="msApplication-ID" content="myAppId" />
<meta name="msApplication-PackageFamilyName"
      content="myMicrosoftAppBuildPackageName" />
<meta name="msApplication-Arguments" content="myArgs" />
Run Code Online (Sandbox Code Playgroud)

Android Apps/Google Play是否有类似的约定?有机制传递参数?

android meta-tags ios windows-store-apps

9
推荐指数
1
解决办法
6618
查看次数

使用Knockout和jQuery的Lazyload图像

我有一个使用knockout构建的图像密集型网站并包含jQuery.

这些是在foreach循环中:

<!-- ko foreach: {data: categories, as: 'categories'} -->
<!-- Category code -->
<!-- ko foreach: {data: visibleStations, as: 'stations'} -->
<!-- specific code -->
<img class="thumb lazy" data-bind="attr: { src: imageTmp,
                                           'data-src': imageThumb,
                                           alt: name,
                                           'data-original-title': name },
                                   css: {'now-playing-art': isPlaying}">
<!-- /ko -->
<!-- /ko -->
Run Code Online (Sandbox Code Playgroud)

所以基本上当我创建这些元素时,imageTmp是一个计算的observable,它返回一个临时url,并且imageThumb被设置为来自CDN的真实url.

我也有这段代码,称之为Lazy Sweeper:

var lazyInterval = setInterval(function () {
    $('.lazy:in-viewport').each(function () {
        $(this).attr('src', $(this).data('src')).bind('load', function(){
            $(this).removeClass('lazy')
        });
    });
}, 1000);
Run Code Online (Sandbox Code Playgroud)

该代码将查找视口中的这些图像(使用自定义选择器仅在屏幕上查找图像),然后将其src设置为data-src.

我们想要的行为是避免加载用户看不到的jillion(呃,实际上是几百)的开销.

我们看到的行为是,在第一次加载时,看起来像以后ko.applyBindings()被称为懒惰清扫器被破坏,我们看到图像恢复到默认图像.然后扫地机重新运行,我们看到它们再次显示.

我们不清楚如何以更加淘汰的方式实现这一目标.

思考?见解?想法? …

javascript jquery lazy-loading knockout.js

9
推荐指数
1
解决办法
3360
查看次数

jQuery tmpl和JSP代码打得不好

我一直在为一些项目使用jQuery tmpl库,并且非常喜欢它.

我没有在一个需要在JSP中的小项目中使用它,而且事情变得奇怪了.它没有完全发挥作用.

<script id="servicesRow" type="text/x-jquery-tmpl">
    <tr id="id_${id}">
        <td>${name2}<br />${id}</td>
        <td>${supported_roles}</td>
        <td><button class="edit">Edit</button></td>
        <td><button class="delete">Delete</button></td>
        <td><a href="#">Show clients</a></td>
    </tr>
</script>
Run Code Online (Sandbox Code Playgroud)

我试图理解为什么没有数据显示出来.事实证明,页面中的文本正在发生某种解析${foo}.因此,当我在我的页面上查看源代码时,所有这些元素都已被替换,如下所示:

<script id="servicesRow" type="text/x-jquery-tmpl">
    <tr id="id_">
        <td><br /></td>
        <td></td>
        <td><button class="edit">Edit</button></td>
        <td><button class="delete">Delete</button></td>
        <td><a href="#">Show clients</a></td>
    </tr>
</script>
Run Code Online (Sandbox Code Playgroud)

哪个仍可用作模板,但jQuery tmpl无法完成其工作.我得到很多空行.

语法与我为JSTL找到的一些文档相匹配.但我没有,我可以说,安装了.我正在开发库存,Windows 7上的当前Tomcat以及从头开始在我的webapps /文件夹中构建应用程序.我没有,我可以说,启用了这样的任何东西,我很惊讶裸机${}被解析(而不是更喜欢的东西<%= %>,从PHP或ASP和类似的东西会更常见).

所以我的问题是:如何关闭我的jQuery tmpl模板的解析行为?在全球范围内,本地到单个JSP,或逃避它(我已经尝试了额外的括号,我尝试过反斜杠,我尝试了各种引号).我认为理想情况会有类似的东西:

<foo:stopParsingMyDollarSignsAndBracesPlease>
<script id="servicesRow" type="text/x-jquery-tmpl">
    <tr id="id_${id}">
        <td>${name2}<br />${id}</td>
        <td>${supported_roles}</td>
        <td><button class="edit">Edit</button></td>
        <td><button class="delete">Delete</button></td>
        <td><a href="#">Show clients</a></td>
    </tr>
</script>
</foo:stopParsingMyDollarSignsAndBracesPlease>
Run Code Online (Sandbox Code Playgroud)

任何帮助或想法都表示赞赏.谢谢!

jquery jsp el jquery-templates

8
推荐指数
3
解决办法
5449
查看次数

用于记录在UI自动化测试的浏览器中完成的任务的选项

是否有一个工具可以记录用户与DOM元素的交互,以便在创建自动化测试时使用(我使用的是CodeceptionLaravel Dusk,但任何在Selenium中扎根的工具都很好).我正在寻找记录序列的东西并找回可能包含以下内容的列表:

  • 浏览器导航到 /contact
  • 焦点输入"#name"
  • 在输入中输入文本"Joe" #name
  • 专注textarea textarea[name=message]
  • 在textarea中输入文本"Hello world" textarea[name=message]
  • 单击元素 input[type=submit]
  • 浏览器导航到 /contact?thanks

我看到GhostInspector,但它直接绑定到一个基于云的公司,我不希望这样,我想对插件的功能有一定程度的控制,并且能够记录不在公共网络上的页面.

我可以看到构建一个记录每个动作非常重要的工具 - 鼠标移动事件,焦点,文本选择,键盘事件,滚动事件等.理想情况下,我可以说"在输入上听取每个焦点,点击和键盘事件或者textarea或按钮或选择或选项"并注意网址更改.

这样的工具存在吗?无论它真正运行什么浏览器堆栈,只需要用户(可能是新手用户)的能力,去网站,点击记录,做一些动作,并找回发生的事情列表.


争论我的问题的瞬间downvotes"不是关于编程"促使我改进我的问题.我不认为该工具的性质 - 它可能是编程方法?使用浏览器监听所有事件并以某种方式记录它们的方法?可能是Chrome扩展程序?可能是一个框架?可能是图书馆吗?我正在寻找程序员的经验来帮助我完成我正在努力完成的编程任务.

selenium automated-tests codeception laravel-dusk

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

IE7输入:焦点

我有以下CSS在IE7中不起作用.

input:focus{border-width: 2px;border-color: Blue; border-style: solid;}
Run Code Online (Sandbox Code Playgroud)

基本上,我只想在输入聚焦时设置边框属性.适用于Firefox等...如果有人能解释为什么它不能在IE 7中工作并建议一个可能的解决方法,我们将不胜感激.谢谢.

css jquery css-selectors internet-explorer-7

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

将XML转换为HTML:最佳实践?

我有这样的XML:

<Artist name="Syd Mead" id="3412" ntrack="28" pop="8"/> 
Run Code Online (Sandbox Code Playgroud)

我需要在HTML标记中使用它:

<a href="#" data-name="Syd Mead" data-id="3412"
  data-ntrack="28" data-pop="8"
  class="pop-8"><span>Syd Mead</span></a>
Run Code Online (Sandbox Code Playgroud)

为最广泛的浏览器执行此操作的"正确"方法是什么?这可以通过XSLT转换可靠地完成吗?是否更好地使用正则表达式(不太可能)或者我必须解析xml,并且每个<Artist>标签读取每个属性并手动执行document.createElement和setAttribute?

<Artist>标签是在一个父节点,有很多人.这是最好的做法吗?

javascript xml xslt

7
推荐指数
2
解决办法
811
查看次数

AOL桌面的浏览器控制台?

我参与了一个网站的开发,该网站有大量用户通过AOL桌面v9.7 for Windows 查看我们的网站- 它自己生成浏览器窗口.在调试时,我没有通常可以调用的工具(例如Chrome的开发者控制台 ; Firebug; MSIE的F12开发人员工具).

当在AOL桌面内时,我似乎没有任何这些或类似的东西.是否有我可以调用的开发者模式或控制台,发掘?

browser debugging webbrowser-control aol-desktop

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

SharePoint 2013 KnockoutJS查找列

我有一个基本的knockoutjs项目从SharePoint 2013列表方案加载数据.获取数据和显示数据很容易,我遇到的问题是编辑模式显示正确的控制.一切都不应该是文本框.这意味着人们选择器控制下拉菜单到日历控件.

MSFT在这里使用客户端人员选择器控件有一些非常好的文档" http://msdn.microsoft.com/en-us/library/office/jj713593.aspx

我遇到的问题是在我的viewmodel中调用此控件.

在这篇博客文章中设置控件的值看起来并不困难:http://www.sharepointcolumn.com/sp2013-setting-people-picker-value-in-newform-aspx/

我试图查看计算值,但这似乎不起作用.有没有人有我跳过的博客文章?我能找到的最近的相关帖子:http://yetanothersharepointblog.wordpress.com/2012/12/11/working-with-sharepoint-lookup-columns-in-knockout-js/

最后因为我似乎是唯一一个这样做的人,有没有人认为我不应该用我的表单重新发明轮子,并且应该将每个项目链接到编辑或显示视图中的相应SharePoint列表项?我想这会更容易.

sharepoint knockout.js sharepoint-2013

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

什么CSS黑客这些?

我在CSS声明代码中发现了这一点,我现在部分负责:

margin: 0 0 0 10px;
*+margin: 4px 0 0 10px;
margin: 3px 0 0 10px\0/;
Run Code Online (Sandbox Code Playgroud)

...... *+而且\0/正是我特别关注的.这里使用的黑客是什么?

是否有一个标准的地方我可以看看当前和过去的CSS黑客,还列出了它们的适用性和实用性?我希望能够一目了然地看到一个有目的的黑客和简单的代码错误之间的区别.

css css-hack

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