小编Ste*_*ham的帖子

向您的网站添加社交媒体"喜欢"和"+1"按钮的最有效方法是什么?

这项任务听起来微不足道,但请耐心等待.

这些是我正在使用的按钮:

  • 谷歌(+1)
  • Facebook(赞)
  • Twitter(推特)
  • LinkedIn(分享)

通过对webpagetest.org进行一些测试,我发现如果你从每个服务中获取片段以将这些按钮放在你的页面上,那就太低效了.除了图像本身,您还可以有效地下载多个JavaScript文件(在某些情况下,只需一个按钮就可以下载多个JavaScript文件).在Facebook连接上,Facebook Like按钮及其相关资源的总加载时间可长达2.5秒.

现在使用像ShareThis这样的服务要好一些,因为你可以从一个来源获得多个按钮.但是,他们没有对Google +1的适当支持.如果您从Google +1按钮获取了代码,那么它仍会从Google获取所有这些资源.

我有一个想法,涉及在单击通用外观"共享"按钮时加载所有按钮.这样就不会增加页面加载时间.我认为这可以使用此处描述的代码作为起点来完成.这可能是一个很好的解决方案,但我想在走这条路之前我会问这里.

html performance social-media

5
推荐指数
2
解决办法
1582
查看次数

使用Jasmine单击“提交”按钮时,ngSubmit将不会触发

我正在尝试为Angular 2 Web应用程序编写一个基本测试,该应用程序试图检查submit()单击提交按钮时是否正在调用我的函数。

当我这样做时,无论是在手动测试还是在茉莉花测试中都可以正常工作...

<form #addPersonForm="ngForm">
    ...
    <button class="add-button" type="submit" (click)="submit()" tabindex="5">Add Person</button>
</form>
Run Code Online (Sandbox Code Playgroud)

但是当我改用ngSubmit时,手动测试工作正常,但是Jasmine单元测试失败(它说从来没有调用Submit函数)...

<form (ngSubmit)="submit()" #addPersonForm="ngForm">
    ...
    <button class="add-button" type="submit" tabindex="5">Add Person</button>
</form>
Run Code Online (Sandbox Code Playgroud)

(顺便说一句,我尝试使此ngSubmit方法起作用的原因是,它在验证和支持Enter键方面要表现得更好。)

这是我在进行茉莉花测试的过程...

it('should call the submit method', () => {
    let debugElement = _fixture.debugElement;
    let button = debugElement.query(By.css('.add-button'));

    _fixture.detectChanges();

    TestHelper.click(button);
    expect(submitSpy).toHaveBeenCalled();
});
Run Code Online (Sandbox Code Playgroud)

我有什么需要监视的具体东西吗?我没有在文档中找到与此问题有关的任何内容。


更新

这是我的点击方法...

/** Simulate element click. Defaults to mouse left-button click event. */
export function click(el: DebugElement | HTMLElement, eventObj: any = ButtonClickEvents.left): void {
  if (el instanceof HTMLElement) { …
Run Code Online (Sandbox Code Playgroud)

unit-testing jasmine angular

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

如何在Windows Phone 7中创建良好的试用体验?

我找到了这个方便的代码来确定我的应用程序是否处于试用模式,还具有能够在模拟器中测试试验行为的额外好处......

public bool IsTrial
{
    get
    {
        #if DEBUG
        return true;
        #endif

        return new LicenseInformation().IsTrial();
    }
} 
Run Code Online (Sandbox Code Playgroud)

这太好了.我将能够相应地调整行为.

但除此之外,我希望有一些内置的API,我可以在其中获得一个带有按钮的对话框来购买应用程序.理想情况下,按钮应该将用户直接带到市场中的应用程序.

silverlight windows-phone-7 trial

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

未使用的属性会导致开销吗

假设我们有一个带有大量冗余访问器的生成类.它们只是访问者,它们不是字段.它们不会被称为任何地方.他们只是坐在那里多余和丑陋.

例如:

public class ContrivedExample
{
    public int ThisOneIsUsed { get; set; }

    public int ThisOneIsNeverCalled0 { get { /* Large amounts of logic go here, but is never called. */ } }
    public int ThisOneIsNeverCalled1 { get { /* Large amounts of logic go here, but is never called. */ } }
    public int ThisOneIsNeverCalled2 { get { /* Large amounts of logic go here, but is never called. */ } }
    //...
    public int ThisOneIsNeverCalled99 { get { …
Run Code Online (Sandbox Code Playgroud)

.net c# properties overhead

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

除clickonce之外另一种发布方式?

vb.net有不同的方法来构建应用程序而不使用clickonce吗?

vb.net clickonce

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

是什么导致我的WP7应用程序崩溃?

我在模拟器和手机本身都发生了一些无法解释的崩溃事件.基本上当我的应用程序崩溃时,我没有任何对话框,手机返回到主屏幕.

我有以下代码来显示MessageBox,但这是以某种方式绕过...

// Code to execute if a navigation fails
private void RootFrame_NavigationFailed(object sender, NavigationFailedEventArgs e)
{
    MessageBox.Show(e.Exception.ToString());
}

// Code to execute on Unhandled Exceptions
private void Application_UnhandledException(object sender, ApplicationUnhandledExceptionEventArgs e)
{
    MessageBox.Show(e.ExceptionObject.ToString());
}
Run Code Online (Sandbox Code Playgroud)

我想到它可能与记忆有关,因为我的应用处理了很多图像.但我认为仍然会被我上面未处理的异常代码捕获.关于我应该如何追踪这一点的任何想法将不胜感激.

silverlight exception-handling windows-phone-7

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

图像标题翻转的语义标记?

我正在为我的网站制作一个图片标题翻转效果,它已经完成了.我正在使用CSS和jQuery的组合.

它看起来像这样......

在此输入图像描述

它运作良好.鼠标悬停在图像上时,标题会出现在图像的左侧.

但是,我在Visual Studio中收到警告,h2根据XHTML 1.0 Transitional ,标签不能放在标签内.

这是我正在使用的标记......

<ul>
    <li>
        <a href="/controls/27/saturation-rollover-effect">
            <label class="info">
                <h2>Saturation Rollover Effect</h2>
                <p>Product description here...</p>
            </label>
            <img src="/thumbnail/small/27-saturation-rollover-effect.jpg" alt="Saturation Rollover Effect" />
        </a>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我也试过span代替了label,我得到了同样的信息.我也试过了div,但div不应该在a标签里面.

我宁愿将所有这些保留在链接内部,就像我拥有它来从文本中获得SEO的好处.但我也希望XHTML Transitional兼容,并且同时具有语义/意义.有任何想法吗?

html css semantic-markup

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