justjavac(迷渡)

原生函数（native function）是 JavaScript 语言的一部分，这些函数有别于开发者编写的自定义函数。当我们在 profiler 中查看代码的调用栈时，这些函数是被过滤掉的。我们在 profiler 中看到的只有自己写的代码。

字符画大家一定非常熟悉了，那么如何把一张现有的图片转成字符画呢？ HTML5 让这个可能变成了现实，通过 canvas，可以很轻松实现这个功能。其实原理很简单：扫描图片相应位置的像素点，再计算出其灰度值，根据灰度值的大小，分别用字符 #*+“ 和空格来填充。下面是源码：HTML：一个 canvas 元素 #cv，一个字符画容器 #txt。fuck ie

代码1: [] == [];  // false  [] === []; // false  {} == {};  // SyntaxError: Unexpected token ==  {} === {}; // SyntaxError: Unexpected token ===  代码2：var n0 = 123;  var n1

在动态语言的世界里一直流传着一种叫做鸭子类型的风格，其来自谚语：“如果行鸭子一样走路，像鸭子一样呱呱叫，那它就是一只鸭子”。 从鸭子类型，我们可以联想到它的推导，并不在乎类型的真正实体，只要他的行为有鸭子的特性，那么我们就可以把它当做一只鸭子来看到。在动态语言设计中，可以解释为无论一个对象是什么类型的，只要它具有某类型的行为（方法），则它就是这一类型的实例，而不在于它是否显示的实现

Layout It 是一个在线工具，它可以简单而又快速搭建 Bootstrap 响应式布局，操作基本是使用拖动方式来完成，很简单哦，而元素都是基于Bootstrap框架集成的，所以这工具很适合网页设计师和前端开发人员使用，快捷方便，好吧，接下来大家一起试试这个Layout It布局工具。新增功能html5 自动保存开启元素立即编辑模式增加撤销重做跟踪操作功能加入 cke

为我的博客做了一个很有 geek 风格的关于页面。运行下面 javascript 代码，可以看到我的信息。 (+[[]+(1>1)+(-~1>1.1)+(11>>>1)])[[(!!/-/+{})[111^111]+[[]+{}][!1&.1][1|1>>1|1]]+([111/[]+[]][+(1>1)][([]+{})[11-1>>1]+[[],[]+{}+[]][[]+1][

原文：JavaScript quirk 2: two “non-values” – undefined and null译文：「译」JavaScript 的怪癖 2：两个「空值」：undefined 和 null译者：SingleSeeker此文是 javascript 的 12 个怪癖（quirks） 系列的第二篇。 感谢 @SingleSeeker 对本文的翻译

原文：JavaScript quirk 1: implicit conversion of values译文：「译」JavaScript 的怪癖 1：隐式类型转换译者：justjavac零：提要[此贴子是 javascript 的 12 个怪癖（quirks） 系列的第一篇。]JavaScript 是非常宽容的，「来者不拒」，不在乎什么类型。 例如，它如

原文：12 JavaScript quirks译文：「译」javascript 的 12 个怪癖（quirks）译者：justjavac实际上 javascript 是一个相当简洁的语言，但是也难免会有一些怪癖（quirks）。 本章是 javascript 的 12 个怪癖系列的第一篇， 也是一个目录，为的是你能更好的了解它们：隐式数值转换（I

今天有人提问：Object.create疑问，正好最近在翻译 javascript 的文章——javascript的12个怪癖。用Object.create创建对象：var O = {a: 1};var n = Object.create(O, { a: { value: 2, enumerable:true }});console.log(n);

一、单选题1、以下哪条语句会产生运行错误：（）A.var obj = ( );B.var obj = [ ];C.var obj = { };D.var obj = / /;2、以下哪个单词不属于javascript保留字：（）A.withB.parentC.classD.void3、请选择结果为真的表达式：（）A.null instan

原文：Top 10 “Must Follow” JavaScript Best PracticesJavascript 的很多扩展的特性是的它变得更加的犀利， 同时也给予程序员机会创建更漂亮并且更让用户喜欢的网站。尽管很多的开发人员都乐于颂扬 javascript，但是仍旧有人看到它的阴暗面。使用很多 javascript 代码的 web 页面会加载很慢，过多的使用

昨天看到一条微博：「22 行 JavaScript 代码实现 QQ 群成员提取器」。 本着好奇心点击进去，发现没有达到效果，一是 QQ 版本升级了，二是博客里面的代码也有些繁琐。于是自己试着写了一个，算上空行才 9 行，麻雀虽小，五脏俱全。var ids = document.querySelectorAll(".member_id");var names = doc

我一直以为像 Lo-Dash 这样的库已经不能再快了，毕竟它们已经足够快了。 Lo-Dash 几乎完全混合了各种 JavaScript 奇技淫巧来压榨出最好的性能。但似乎我错了 - 其实 Lo-Dash 可以运行的更快。 你需要做的是，停止思考那些细微的优化，并开始找出更加适用的算法。

JSON API 让设计和搭建一个 API 变得标准化，这样一来开发者能够更专注于应用本身的设计。JSON API 在目标和视野上颇具野心：它不仅定义了一种媒体类型 (application/vnd.api+json) ，还制定了规则用 HTTP来抓取和修改此种媒体类型呈现的内容。从这个角度来说，JSON API 和 Collection + JSONspecification 有点像，但显然它比后者的视线更广。

前言在JavaScript中，作用域、上下文、闭包、函数等算是精华中的精华了。对于初级JSer来说，是进阶必备。对于前端攻城师来说，只有静下心来，理解了这些精华，才能写出优雅的代码。本文旨在总结容易忘记的重要知识，不会讲基本的概念。如果对基本知识不太熟悉，就去翻下《 JavaScript权威指南》吧~参考文章如下(建议读者朋友用chrome看这些文章吧，不然的话会错过很多精

原文：Understanding delete译文：javascript 中的 delete译者：justjavac iteye在这篇文章中作者从《JavaScript面向对象编程指南》一书中关于 delete 的错误讲起，详细讲述了关于 delete 操作的实现， 局限以及在不同浏览器和插件（这里指 firebug）中的表现。下面翻译其中的主要部分。

Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifenchChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffe

今天（2014-10-30）下午，ChromeSnifferPlus 插件正式登陆 Chrome Web Store。在线安装地址： https://chrome.google.com/webstore/detail/chrome-sniffer-plus/fhhdlnnepfjhlhilgmeepgkhjmhhhjkhChrome 探测器，可以探测正在使用的开源软件或者 js 类

如果你和你的团队曾经争论过使用什么方式构建合理 JSON 响应格式， 那么 JSON API 就是你的 anti-bikeshedding 武器。通过遵循共同的约定，可以提高开发效率，利用更普遍的工具，可以是你更加专注于开发重点：你的程序。基于 JSON API 的客户端还能够充分利用缓存，以提升性能，有时甚至可以完全不需要网络请求。

原文：24 JavaScript Best Practices for Beginners（注：阅读原文的时候没有注意发布日期，觉得不错就翻译了，翻译到 JSON.parse 那一节觉得有点不对路才发现是 2009 年发布的文章，不过还是不错的啦。另外，文章虽说 24 条最佳实践，其实只有 23 条，不知道原作者怎么漏了一条。）1. 优先使用 ===，而不是 ==JavaScript

Chrome Sniffer Plus： Chrome 探测器，可以探测正在使用的开源软件或者 js 类库，开发者必备。通过本插件，您可以探测：javascript 库： jQuery、ExtJS、Angular 等。常用的 web 服务： 百度统计、cnzz、Google Analytics 等。Web 框架： WordPress、phpBB、Drupal、MediaWiki 等

原文：What is JavaScript’s typeof operator used for?译文：JavaScript 的 typeof 的用途译者：紫云飞最近一直在翻译 http://www.2ality.com 的 JavaScript 文章，偶然发现 紫云飞 已经翻译了不少，我也就不能再班门弄斧了，原始译文地址：http://www.cnblogs.co

在 stackoverflow 上有人提问：arrays - Why does [1,2] + [3,4] = "1,23,4" in JavaScript?问题我想将一个数组追加到另一个数组的后面，于是我在 firebug 编写如下代码：[1,2] + [3,4]但是，出乎意料，它却输出了："1,23,4"而没有输出我期望的：[1,2,3,4]这是怎

Javascript在互联网上名声很臭，但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言，它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实，你和Javascript都站错了立场，而现在，你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。1.

1. 下载编辑器下载 KindEditor 最新版本，下载之后打开 examples/index.html 就可以看到演示。下载页面: http://www.kindsoft.net/down.php2. 部署编辑器解压 kindeditor-x.x.x.zip 文件，将所有文件上传到您的网站程序目录里，例如：http://您的域名/editor/Note

JavaScript Garden - 原文作用域与命名空间尽管 JavaScript 支持一对花括号创建的代码段，但是并不支持块级作用域； 而仅仅支持 函数作用域。function test() { // 一个作用域    for(var i = 0; i 10; i++) { // 不是一个作用域        // count    }    console.log

JavaScript 可算是世界上最流行的编程语言，它曾被 Web 开发设计师贴上噩梦的标签，虽然真正的噩梦其实是 DOM API，这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言，如今越来越被重视，虽则如此，JavaScript 仍然拥有很多让人费解的东西。1. 它以 Java 命名，但并不是 Java它最初叫 Mocha， 接着改名为 LiveScript，最

JavaScript Garden - 原文数组遍历与属性虽然在 JavaScript 中数组是是对象，但是没有好的理由去使用 `for in` 循环 遍历数组。 相反，有一些好的理由不去使用 for in 遍历数组。注意: JavaScript 中数组不是 关联数组。 JavaScript 中只有对象 来管理键值的对应关系。但是关联数组是保持顺序的，而

本文向您介绍Node.js扩展模块——Hashish。Hashish是JavaScript的一个Hash组合子库，换句话说，它包含了一系列数据结构操作功能。例如：var Hash = require('hashish');   Hash({ a : 1, b : 2, c : 3, d : 4 })  .map(function (x) { return x * 10 })  .fil

每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。（1）简化代码 JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的：   ?12

JavaScript Garden - 原文类型转换JavaScript 是弱类型语言，所以会在任何可能的情况下应用强制类型转换。// 下面的比较结果是：truenew Number(10) == 10; // Number.toString() 返回的字符串被再次转换为数字10 == '10';           // 字符串被转换为数字10 == '+10 ';

尽管我使用Javascript来做开发有很多年了，但它常有一些让我很惊讶的小特性。对于我来说，Javascript是需要持续不断的学习的。在这篇文章中，我将列出10个Javascript使用小技巧，主要面向Javascript新手和中级开发者。希望每个读者都能至少从中学到一个有用的技巧。1.变量转换看起来很简单，但据我所看到的，使用构造函数，像Array()或者Number()来进

JavaScript 的成功让人津津乐道，为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功，这门有趣的语言蕴藏着许多不为人熟知的东西，即使多年的 JavaScript 程序员，也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。简略语句JavaScript 可以使用简略语句快速创建对象和数组，比如下面的代码：

所有的开发人员都应该注意了，你们绝对应该看看这篇文章，帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架，但是你应该看看这些框架，因为你以前可能没用过他们中的大部分。看看最新的实用HTML5和CSS3框架吧！希望你们喜欢！1.HTML5boilerplateH5BP带给你非常漂亮的文档，一个网站优化的编译脚本，还有一个自定义的boilerplate编译器。除此之

1.yield 关键字 Yield的作用与return 差不多，都会返回一个结果。但是return会跳出函数，yield可以多次使用直到运算不能进行。（Yield也是一个c#的关键字）。 2.生成器Generators 当一个函数使用yield指定返回值时，可以把他当做生成器来使用。如果调用了包含yield函数则会得到一个生成器的实例。每次调用生成器实例的next方法，就会得到一个

原文：Are your mixins ECMAScript 5 compatible?作者：Nicholas C. Zakas译文：你的 mixin 兼容 ECMAScript 5 吗？译者：justjavac好久没更新博客了，今天在 nczonline 看到了这篇博客，于是第一时间把它翻译了过来。英语水平有限，大家忍者点看，以下是正文：我最近在与客

原文：Model-View-Controller (MVC) with JavaScript作者：Alex@Net译文：JavaScript 的 MVC 模式译者：justjavac本文介绍了模型-视图-控制器模式在 JavaScript 中的实现。我喜欢 JavaScript，因为它是在世界上最灵活的语言之一。 在 JavaScript 中，程序员可以根据自己的口

原文：JavaScript values: not everything is an object译文：JavaScript 并非所有的东西都是对象译者：justjavac2012-08-14 更新：重写了大部分内容。 添加了第四节，解释了和类型密切相关的两个运算：typeof 和instanceof。虽然很多语言宣称：“一切皆是对象”，但是 javas

Ajax请求与浏览器缓存在现代Web网站建设中，前端代码充斥着大量的Ajax请求，如果对于Ajax请求可以使用浏览器缓存，那么可以显著地减少网络请求，提高程序响应速度。1. Ajax Request使用jQuery框架可以很方便的进行Ajax请求，示例代码如下：$.ajax({ url : 'http://www.hualai.net.cn', dataTy