?最近在项目中使用了一下webpack，所以这里打算对目前了解的使用方法做一个小小的总结 为什么是webpack1.webpack一下自己就了，这绝对是一个重要的原因。2.然后我之前项目中都是通过requireJS，通过AMD来做到模块化开发。webpak不仅支持打包，而且支持AMD 和 CommonJS方式来做模块化开发，所以打算尝试一下webpack来实现模块化。 3.我的需求简单，适合新上手webpack，只需要生成上线目录，实现模块化，压缩代码等等 webpack实战 we...
我的风格你懂得，具体详情介绍如下 关键代码如下所示：function AsyncLoad(V_tag,V_src) { if (V_tag == "script") { var s = document.createElement(script); s.type = text/javascript; s.async = true; s.src = V_src; var x = document.getElementsByTagName(script)[0]; x.parentNode.insertBefore(s, x); s.onload = function () { if (V_src == "../Content/Scripts/jquery-2.1.1.min.js") { AsyncLoad("script", "../Cont...
本文展示了一种技术，它能通过异步下载样式表，以阻止它们的下载阻塞页面的渲染，从而尽可能快的让访问者获取到信息内容。 警告! 我发这篇帖子全是好意，但是它并不负责让读它的人意识到下面将会遇到的问题. 社区很快地给了我许多的反馈 (有些反馈我很感激) ，而越来越明显的是这项技术并不如我所希望的那样稳定. 不像我那样的成功地对它进行了测试和利用，许多开发者在 IE 和 Firefox 中都遇到了问题( F F测试版中直接崩溃) 而其...
在生产环境中如果依靠前端引用JSXTransformer.js文件来实现JSX向JavaScript的转换，那是绝对不靠谱的。所以，使用Reactjs的童鞋就需要使用更有逼格的方式来完成这项任务。作为现在最常用的前端构建工具gulp搭配上Browserify来搞定这个问题那真是拉风的不要不要的 ：） 废话不多说，咱们来点直接的吧。 源代码 我们这次的任务就是让这段满目疮痍的源代码变得更优化，千里之行，这是开始。如果有童鞋看不懂这段代码是用来做...
如何让页面尽可能早地渲染页面，页面更早可见，让白屏时间更短，尤其是无线环境下，一直是性能优化的话题。 页面可见时间 页面可见要经历以下过程： 解析 HTML 为 DOM，解析 CSS 为 CSSOM（CSS Object Model） 将 DOM 和 CSSOM 合成一棵渲染树（ render tree ） 完成渲染树的布局（layout） 将渲染树绘制到屏幕 layout 由于 JS 可能随时会改变 DOM 和 CSSOM ，当页面中有...
这是一篇原创翻译文章。 原文地址 。 我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为他可以和主页面并行加载，不会阻塞主页面。当然使用iframe也是有利有弊的：Steve Souders在他的blog里面有阐述： Using Iframes Sparingly : iframe会阻塞主页面的onload事件 主页面和iframe共享同一个连接池 阻塞主页面的onload是这两个问题中最影响性能的方面。一般都是想让onloa...
如何让页面尽可能早地渲染页面，页面更早可见，让白屏时间更短，尤其是无线环境下，一直是性能优化的话题。 页面可见时间 页面可见要经历以下过程： 解析 HTML 为 DOM，解析 CSS 为 CSSOM（CSS Object Model） 将 DOM 和 CSSOM 合成一棵渲染树（ render tree ） 完成渲染树的布局（layout） 将渲染树绘制到屏幕 layout 由于 JS 可能随时会改变 DOM 和 CSSOM ，当页面中有...
好程序员web前端教程分享异步加载CSS的一些方法，在我们写页面的时候，我们做最主要的任务就是提高页面的性能和弹性加载速度，以不会延迟页面的呈现的形式来加载CSS。这是因为在默认情况下，- 浏览器会同步加载外部的CSS- 在下载和解析CSS时会影响所有页面呈现 这两种情况都会导致潜在的延迟。当然，这也是在开始渲染页面之前，应该至少加载网站的CSS的一部分，并且为了立即将该初始CSS添加到浏览器，我们建议内联css。对于整体数量...