当提到前端性能优化时，我们首先会联想到文件的合并、压缩，文件缓存和开启服务器端的 gzip 压缩等，这使得页面加载更快，用户可以尽快使用我们的 Web 应用来达到他们的目标。
资源预加载是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。
引用 Patrick Hamann 的解释：
预加载是浏览器对将来可能被使用资源的一种暗示，一些资源可以在当前页面使用到，一些可能在将来的某些页面中被使用。作为开发人员，我们比浏览器更加了解我们的应用，所以我们可以对我们的核心资源使用该技术。
这种做法曾经被称为 prebrowsing，但这并不是一项单一的技术，可以细分为几个不同的技术：DNS-prefe
继续阅读 »
文/Robin
2020 年 10 月 7 日，ConsenSys 宣布推出 MetaMask Swaps，该功能允许用户基于 MetaMask 直接比较和兑换代币，并集成了多个聚合应用（例如 Uniswap、Airswap、Kyber、0xAPI、1inch.exchange、dex.ag、Paraswap、Totle 和私有做市商），可在多个去中心化的流动性来源中获取报价，允许用户访问 DeFi 生态系统中最深流动性的交易对，以确保用户以最优价格进行代币交易。最初该功能仅限于 Firefox 浏览器上的 MetaMask 扩展，将很快支持其他浏览器和 MetaMask 移动端。
笔者去 Firefox 浏览器上的 Met
继续阅读 »
在刚刚落幕的 WWDC17 上，苹果为我们带来了一个不小的惊喜 —— 其浏览器内核WebKit将正式支持 WebRTC，而未来基于 WebKit 内核的苹果浏览器，比如macOS High Sierra、iOS 11 中的 Safari 浏览器和Safari 技术预览版 32，都将使用到 WebRTC 技术。
——苹果终于入伙 WebRTC
继续阅读 »
写在前面
如果你不会原生js，只会用jquery，那么你必须懂得jquery如何做性能优化。下面我总结了一些常用的，希望对大家有些帮助。
使用最新的jQuery类库
使用合适的选择器
(1) 使用id来定位DOM元素是最高效的方式，如果不能直接用id找到你需要的元素，可以考虑用find()方法。
(2) 标签选择器的性能也是不错的，它是性能优化的第二选择，因为jQuery将直接调用本地方法document.getElementByTagName()来定位DOM元素。
(3) 对于类选择器，现代浏览器和IE9+ 支持本地方法document.getElementByClassName(),而对于老的浏览器如IE8 以及以前的版
继续阅读 »
原文连接：Writing Fast, Memory-Efficient JavaScript
许多 JavaScript 引擎都是为了快速执行的大型 JavaScript 应用程序设计而特别设计，如 Google V8 引擎（正被 Chrome 和 NodeJS 使用）。在开发过程中，如果你关心内存使用情况和页面性能，你应该了解户浏览器的 JavaScript 引擎的内部运作原理。
无论是V8、SpiderMonkey（Firefox）、Carakan（Opera）、Chakra（IE）或其他 JavaScript 引擎，了解引擎背后的一些运行机制可以帮助你更好地优化你的应用程序。但，这并不是说应该专门为某一浏览器或引擎进行
继续阅读 »
缘由
JavaScript 数组去重经常出现在前端招聘的笔试题里，比如：
有数组 var arr = ['a', 'b', 'c', '1', 0, 'c', 1, '', 1, 0]，请用 JavaScript
实现去重函数 unqiue，使得 unique(arr) 返回 ['a', 'b', 'c', '1', 0, 1, '']
作为笔试题，考点有二：
正确。别小看这个考点，考虑到 JavaScript 经常要在浏览器上运行，在千姿百态的各种浏览器环境下要保障一个函数的正确性可不是一件简单的事，不信你继续读完这篇博客。
性能。虽然大部分情况下 JavaScript 语言本身（狭义范畴，不包含 DOM 等延拓）不会导
继续阅读 »
鄙人程序猿一枚，Android开发，常年使用Ubuntu（主要是买不起Mac，O(∩_∩)O哈哈~）。分享一下自己使用的那些软件，如果你有什么好的软件。欢迎与我交流。
输入法：开始的时候是用的fcitx，后来搜狗出了linux版本，选择之。下载链接
办公软件：WPS Linux，真心很好用，比libreOffice好用不止一点.下载链接 注意：下载alpah版本.
more
浏览器：chrome 和 FireFox，不解释，一个浏览器不够用的。这两个，开发调试都够了。关于支付宝的话，可以安装支付宝官方给的一个脚本就可以了。
邮件客户端： ThunderBird Mail 火狐家的，算比较好用的了。
笔记：为知笔记 ，为知
继续阅读 »
Chrome是最好的浏览器，没有之一。
Chrome插件让Chrome浏览器更加的强大。
下面推荐我常用的Chrome插件，持续更新。
more
1.EditTHisCookie
继续阅读 »
享元模式的核心是运用共享技术来有效支持大量细粒度的对象。如果系统中因为创建了大量类似的对象而导致内存占用过高，享元模式就非常有用了。在JavaScript中，浏览器特别是移动端的浏览器分配的内存不算多，如何节省内存就成了一件非常有意义的事。
初识
假设有个内衣工厂，要50个男模50个女模，你可能会这么写程序：
var Model = function(sex, underwear) {
this.sex = sex;
this.underwear = underwear;
}
Model.prototype.takePhoto = function() {
console.log('sex=' + th
继续阅读 »
本文翻译自liusy182
Jest框架是facebook旗下一款单元测试框架，我个人十分喜欢它，因为它自动mock这一点十分强大。然而，当它遇到问题的时候，就会经常抛出一些模糊的调用栈信息。我在网上搜索尝试找到如何debug Jest测试的方法，却很难找到有用的信息。总之，它仍然还是一个比较新的测试框架。
Jest使用虚拟DOM来运行测试。这一点不同于Karma和Jasmine（它们是利用浏览器来运行测试的）。我觉得这就会给它带来一个很大的缺点：不能使用浏览器上的调试工具来调试Jest的测试。因此，我们需要借助于Node/V8引擎自带的调试器。Node默认的调试器是完全基于命令行形式的，类似于GDB - 虽然我从来就不
继续阅读 »