JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。今天小编收集了5篇关于JavaScript的干货文章附带心灵鸡汤，赶紧来看看吧！ 一、JavaScript资源大全中文版 ( http://www.tonghangshuo.cn/detail.html?id=4144 ) GitHub上面一个精选JS工具资源列表（含数百个JS资源，GitHub已 300+ star） 二、45个实用的JavaScript技巧、窍门和最佳实践 ( http://www.tonghangshuo.cn/detail.html?id=4148

本文为 《 2015 in review》 一文的中文译文，希望通过这篇译文，回顾和记录在2015年，JavaScript领域中发生的值得关注的事情。 本文作者为 Craig Buckler 上发表了1000多篇文章。 正文

原文： What is WebAssembly and why it affects web developers! 你听说过 WebAssembly 吗？这是由 Google , Microsoft , Mozilla ， Apple 等几家大公司合作发起的一个关于 面向Web的通用二进制和文本格式 的项目。 现在就让我们来看看WebAssembly到底是个啥？为什么它的出现和未来的发展跟我们每个人都息息相关，即使你并不是一个程序猿/媛~ 至少在某种程度上，它将改变Web生态。 helloworld JAVASCRIPT–WEB世界的汇编语言 我们有许多面向Web应用的开发规范，这些设计优良的规范让Web开发者们的工作变得更加的简单。我们很难想象自己所创建和网站或应用没有任何规则、编程语言、框架和开发理念可以遵循。

本文 编译 自 https://gcanti.github.io/2014/09/25/six-reasons-to-define-constructors-with-only-one-argument.html [https://gcanti.github.io/2014/09/25/six-reasons-to-define-constructors-with-only-one-argument.html] 原文标题为：构造器只使用一个参数的 6 个原因 (Six reasons to define constructors with only one argument) 简介 在 Reddit 上 有关于本文的评论。 JavaScript中，通常像下面这样来定义一个 "class" :

在Apple发布的Yosemite系统(OSX10.10+)中有一个被大家忽略的特性：使用 JavaScript编写自动化脚本。在这之前只能通过AppleScript语言给OS X编写自动化脚本。这几年JavaScript被移植到了各种环境，让它有更多的可能性。 开始使用 系统自带的编写自动化脚本的工具是 ScriptEditor 。打开编辑器，把语言从 AppleScript 切换到 JavaScritp 。接下来我们就来实战一下，写一个每天自动发新人日报邮件的自动化脚本。具体流程是这样的： 我接到的所有需求都会记录到 Reminders 里,当我完成一个需求时我会把它标记为已经完成。脚本会每天晚上12点自动读取Reminders里今天完成的Reminders项作为新人日报的 今日工作 ，读取Reminders里还为完成的项作为 明日工作 。从Reminders里读取内容生成邮件内容后发送到指定的邮箱。 Sponsor [https://app.codesponsor.io/embed/3bvxELAxnq8r4wheFyRkED8U/gwuhaolin/blog.svg]

作用域 -------------------------------------------------------------------------------- 作用域永远都是任何一门编程语言中的重中之重，因为它控制着变量与参数的可见性与生命周期。说到这里我们需要理解两个概念：块级作用域与函数作用域。 函数作用域 -------------------------------------------------------------------------------- 这个应该好理解，函数作用域就是说定义在函数中的参数和变量在函数外部是不可见的。 大多数类C语言都拥有块级作用域，JS却没有。请看下文demo: //C语言 #include<stdio.h>voidmain(){ int i=2; i--; if(i) { int j=3; } printf("%d/n",j); } 运行这段代码，会出现“use an undefined variable:j”的错误。可以看到，C语言拥有块级作用域，因为j是在if的语句块中定义的，因此，它在块外是无法访问的。 块级作用域

JAVASCRIPT的闭包 -------------------------------------------------------------------------------- 首先声明，这是一篇面向小白的博客，不过也欢迎各位大牛批评指正,谢谢。 其实关于闭包各个论坛社区里都有很多的文章来讲它，毕竟闭包是JavaScript中一个特色，也正因为这个雨中不同的特色也让闭包理解起来有一些吃力。笔者在这里不仅仅是想介绍闭包，也向列举一些笔者所见过的一些闭包，如果有读者还有一些比较经典的闭包例子，希望可以在评论区里留一下，谢谢。 说了半天，究竟什么是闭包呢？ * 闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。 * 闭包就是就是函数的“堆栈”在函数返回后并不释放，我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配。 * 当在一个函数内定义另外一个函数就会产生闭包。 为了便于理解，我们可以简单的将闭包理解为： * 闭包：是指有权访问另外一个函数作用域中的变量的函数。 * JAVASCRIPT中的作用域

也谈 SETTIMEOUT setTimeout ，延迟一段事件执行代码，当然这是最基本的用法，这里不说基本用法。 JQUERY 中的轮询 轮询，可能是 setTimeout 最典型的用法，jQuery 的兼容IE的 document ready 机制就用到了这个： // jquery 1.9.1 (functiondoScrollCheck() { if ( !jQuery.isReady ) { try { // Use the trick by Diego Perini// http://javascript.nwbox.com/IEContentLoaded/ top.doScroll("left"); } catch(e) { // 不停地查看是否准备好return setTimeout( doScrollCheck, 50 ); } // detach all dom ready events detach();

那些年我们踩过的坑 事件背景 有一天leader给程序员cover分配了一个需求，cover一看，需求很简单嘛，就是在页面异步拉取数据展示就OK了，于是就和cgi同事阿翔对接了一下接口，就啪啪啪（敲键盘）的开始码代码了，不到2天就完成了需求。 //各种高逼格代码 ... $.ajax({ url: '/cgi-bin/getList', ... success: function (result) { //判断是否正确返回 ... showList(result.data.list); } }); function showList (list) { for (var i = 0, j = list.length; i < j; i++) { //使用到list中的room_id, room_name, 各种xxx_xxx; } }

每个 Array 的实例都自带sort 函数，本文对sort函数的用法做一些探讨。 基本用法 1.数组元素为字符串的排序： varfruit = ['cherries', 'apples', 'bananas']; fruit.sort(); // => ['apples', 'bananas', 'cherries'] 无参数调用 sort 函数，默认是升序排列的，字母 a b c ，排序结果正确. 2.数组元素为数字的排序： var array = [3,7,2,8,2,782,7,29,1,3,0,34]; array.sort(); // => [0, 1, 2, 2, 29, 3, 3, 34, 7, 7, 782, 8] 咦，怎么顺序好像不对？数字应该按从小到大升序排列的啊。什么原因呢？通过查询 MDN 文档[^3]，文档里是怎么说的呢？ The default sort order is according to string Unicode code points.

SWIG的简单介绍 swig是JS模板引擎，它有如下特点： * 根据路劲渲染页面 * 面向对象的模板继承，页面复用 * 动态页面 * 快速上手 * 功能强大SWIG的使用 SWIG的变量 {{ foo.bar }} {{ foo['bar'] }} //如果变量未定义，输出空字符。 SWIG的标签 EXTENDS 使当前模板继承父模板，必须在文件最前 参数： file 父模板相对模板 root 的相对路径,将在后面介绍如何实现模板继承。 BLOCK 定义一个块，使之可以被继承的模板重写，或者重写父模板的同名块 参数： name 块的名字，必须以字母数字下划线开头 PARENT 将父模板中同名块注入当前块中 INCLUDE 包含一个模板到当前位置，这个模板将使用当前上下文 参数： file 包含模板相对模板 root 的相对路径 {% include "a.html" %} {% include "template.js" %} //将引入的文件内容放到被引用的地方 RAW 停止解析标记中任何内容，所有内容都将输出 参数： file

相信很多前端同学对于二维码识别、图像对比等这类高大上的图像识别技术望而生畏，觉得此类识别技术只能通过更加底仓的高级语言才能实现（诸如c等），本文试图从前端的角度出发介绍如何通过canvas来进行简单的图像识别。 CANVAS是什么 canvas是HTML5中的新元素，你可以使用javascript用它来绘制图形、图标、以及其它任何视觉性图像 CANVAS图片处理运用 对于canvas来说，主要是两个方法对图片处理比较重要，一个是通过html5 canvas的 getImageData 方法获取图片的像素信息，可以很方便的通过方法导入到把网络图片或者本地的图片导入至canvas中并获取图片的像素信息，可以修改像素信息后通过另外一个重要的方法putImageData导出处理后的图片。 1、获取canvas调用var c = document.createElement('canvas'); context = c.getContext('2d'); 2、获取导入图像信息var hiddenImage = new Image(); hiddenImage.src=图片地址