小编o.v*_*.v.的帖子

我的环境(我在哪里获得LAG):

Mac OSX El Capitan 10.11.2 on Chrome Version 50.0.2661.102(64-bit)

CODEPEN:

http://codepen.io/vieron/pen/hnEev

动画:

情况:

我搜索了很多,没有发现任何适合我的东西.我知道以前曾问过这个问题.

当我使用Safari和Firefox打开网站时,我的Mac上的CSS3动画很流畅,但不是Chrome!

奇怪的是,原始的CodePen在Chrome上很流畅.

问题:

我的代码中的某些内容导致动画仅在Chrome上出现波动.它是什么,我该如何解决？

我看到了什么:

• Chrome CSS 3转换不顺利

我需要我的定位是相对的,以适应不同的屏幕尺寸.

• Chrome中的CSS3过渡并不顺畅

• http://blog.teamtreehouse.com/create-smoother-animations-transitions-browser

• https://www.binarymoon.co.uk/2014/02/fixing-css-transitions-in-google-chrome/

• http://blog.teamtreehouse.com/create-smoother-animations-transitions-browser

码:

HTML

<div class="marquee">
    <ul>
        <li>
            <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" /></a>
            <a href="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html"><img class="marquee-itm" src="Vendors/Images/Objective-c-logo.png" /></a>
            <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" /></a>
            <a href="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html"><img class="marquee-itm" src="Vendors/Images/Objective-c-logo.png" /></a> 
            <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" /></a>
            <a href="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html"><img class="marquee-itm" src="Vendors/Images/Objective-c-logo.png" /></a> 
            <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" /></a>
            <a href="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html"><img class="marquee-itm" src="Vendors/Images/Objective-c-logo.png" /></a>
        </li>
        <li>
            <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" …

我们正在研究的一些项目在jQuery 1.4.2或更早版本中有很强的根源,并且在缺乏最新版本的性能优势(或语法糖),使用现已弃用的方法的羞辱以及使用它们的不适之间部署3年以上版本的积极维护的库,现在迫在眉睫.

我们可以采用/重新访问社区中流行的一些实践,以确保顺利部署(即关注模糊的兼容性问题,获取全局回归,重新考虑一些旧代码......)？它们如何最好地集成到SDLC中以便将来升级？什么是jQuery这样的库的合理升级时间表(我预计每次发布时都不会有显着的收益或合理的成本,但每6-12个月一次可能是合理的)？

Chrome工作区:假设我将本地CSS文件映射到本地http服务器提供的文件.一切都很好,我可以在浏览器中修改文件,在页面刷新后我的更改仍然存在.

我们碰巧指纹我们的资产,以便通过网址引用它们styles.css?longuniquehash.很棒的做法 - 这样我们可以使用积极的缓存,并确保客户端将使用最新的资产.

但是,这会对工作空间产生一些反作用,因为每当更新URL时映射都会丢失.简而言之:我们映射styles.css?123到本地资源,我们更改它,并在页面刷新时返回,styles.css?234因为必须再次映射.

我们正在使用卡带,但问题可以通过指纹识别在任何设置上重现.我缺少一个设置或解决方法吗？

我最近在阅读和比较某些[[Class]]属性的值时遇到了IE8的问题(我现在还不知道9).实际上只有在localStorage对象的情况下.

我正在使用这样的方法

var ToStr = Object.prototype.toString;
Object.type = function _type( obj ) {
    var res = ToStr.call( obj ).split( ' ' )[ 1 ].replace( ']', '' );

    if( obj === window ) {
        res = 'Window';
    }
    else if( res === 'Window' || res === 'Global' ) {
        res = 'Undefined';
    }
    else if( res.indexOf( 'HTML' ) === 0 ) { 
        res = 'Node';
    }

    return ( res );
};

此方法将返回此值,例如:

var foo = { }, …

反正有没有访问stackoverflow的真棒标记系统？我想借用Stack的真棒自动建议和标签迷你解释盒为我自己的网站.显然,我可以使用jQuery UI自动建议标签,但我真的想也包括很酷的小标签描述.如果没有,有人可以告诉我所有这些解释/描述来自哪里,以便我可以实现类似的系统？

browserify构建模块化js应用程序时,Nodejs 非常棒.如果gulp也是设置的一部分,工作流程进一步增强,以管理和解决依赖关系,正确捆绑,uglify与源图,自动polyfill,jshint,测试...这对于CSS和预处理非常方便,自动添加前缀,linting,嵌入资源和生成文档.

TL; DR:使用npm/bower,您可以访问广泛的前端库生态系统,使nodejs非常适合构建(不一定是服务!)客户端代码.实际上,将它用于客户端代码是非常棒的npm,bower并且grunt/ gulp将在VS 2015中开箱即用.同时,我们已经设置了一个运行预构建和写入dist js/css的gulp任务. (捆绑输出).

使用指纹网址引用外部静态内容的好方法是什么？从长远来看,我们理想情况下能够完全分离客户端内容,以便可以独立构建并部署到CDN,而无需构建应用程序的其余部分.

我使用的应用程序已经创建了自己的协议,就像MS为其MSN客户端所做的那样 msnim:chat?contact=test@test.com

但是,我需要创建一个PHP或javascript(或组合)来基本上尽快向协议发送3个请求.如果最终结果是www.test.com/send.php用户链接<a href='www.test.com/send.php'>不会弹出或重定向到页面,我也想要它

<?php header('Location: msnim:chat?contact=test@test.com'); ?> 用户点击href时不会创建新页面或重定向

这是我的概念证明的JQUERY和JSBin

http://jsbin.com/etubas/11/

$(document).ready(function(){
    $("a#click_me").click(function(){
        setTimeout(function(){
            console.log('test ran');
            window.location = 'mailto:test@test.com';
        }, 100);
        setTimeout(function(){
            console.log('new ran');
            window.location = 'mailto:new@new.com';
        }, 200);
    });
});

这似乎适用于IE9,据我所知IE8.Firefox 10似乎也可以,但Chrome 17只能发送第一封电子邮件.

编辑1:更新了MSN而不是AIM链接,以便更加通用于测试,并包括jquery示例和JSbin

编辑2:更新到mailto链接

从独立解决方案到软件即服务的有机增长过程是什么？明确地

可伸缩性不是开发结束时的"特性".^

所以我对所需的高级代码和架构更改感兴趣.

• 是否选择现有平台并使其超常化？

• 是否有人从裸骨云架构开始,然后迁移传统功能？

• 积极的技术升级(即网络表格> MVC)是否适合这个过程？

更新:

我被要求对当前的项目架构进行一些澄清.不需要太多细节,可以考虑一个.NET webforms应用程序,它可以插入一层业务逻辑并与多个第三方供应商集成.每当需要新的平台实例时(我在这里缺乏术语,我的意思是当新客户需要业务逻辑调整,与不同的第三方提供商集成,热门的新品牌等)时,现有代码是分支的,新的环境是建立.任何更改实际上都是非常低级的,无论它们是否直接发生在aspx文件,组件代码或db配置中.

这种情况似乎非常适合实施"适当的"SaaS模型,但我在构建性地为迁移过程做出贡献方面存在困难.要重新解释所提出的原始问题,这将是一个有效的策略:

• 对现有平台进行Overnormalize并使所有内容都可配置,有效地暂停此模拟可伸缩性,并且在重构体系结构之前不会引入新客户端.这个imho的缺点是继续依赖不是为可扩展性而构建的代码和结构(详情如下).

• 从头开始,任何被认为是(主题)解决方案的最佳架构,然后根据需要迁移传统功能.这允许几乎任何所需的技术升级,但在完成之前缺乏可见性,并且作为积极的变化,将被管理层视为固有的高风险.

我个人倾向于第二种选择,因为存在遗留代码的数量和缺乏足够的数据库规范化.同时,现有的解决方案是成熟的和功能性的(如果它没有被破坏,不要修复它),除了我上面列出的两种方法之外,还有很多方法可以扩展.

如果上面的上下文允许特定于场景的建议,我会接受它.然而,我仍然对更适合更广泛的观众的更一般的做法和指针开放.

使用CSS3,HTML(以及javascript/jquery,如果需要),我需要将图像旋转90/270度并使其位置填充其父div /容器.听起来很简单,但是当图像旋转时,定位发生变化,我无法弄清楚如何或为什么.

这是一个jsFiddle来解释 - http://jsfiddle.net/UPGkU/2/ - 我只是希望蓝色标志位于红色div内.

当然,我可以使用特定的偏移,但如果使用不同的图像,那些偏移会改变,所以我真的想找到一个通用的解决方案.

任何帮助都会很棒,谢谢!

鉴于CSS处理细节,最值得注意的是RTL匹配和选择器效率,如何从渲染引擎性能的角度纯粹编写选择器？

这应该涵盖一般方面,包括使用或避免伪类,伪元素和关系选择器.