发表于 | 分类于

译自：Airbnb JavaScript Style Guide
原文地址：https://github.com/airbnb/javascript/blob/es5-deprecated/es5/README.md

  • 优先使用===和!==而不是==和!=
  • 条件表达式例如 if 语句通过抽象方法 ToBoolean 强制计算它们的表达式并且总是遵守下面的规则：
    • 对象 被计算为 true
    • Undefined 被计算为 false
    • Null 被计算为 false
    • 布尔值 被计算为 布尔的值
    • 数字 如果是 +0、-0、或 NaN 被计算为 false, 否则为 true
    • 字符串 如果是空字符串 ‘’ 被计算为 false，否则为 true
阅读全文 »

发表于 | 分类于

The smartest JavaScript IDE

Lightweight yet powerful IDE, perfectly equipped for complex client-side development and server-side development with Node.js

WebStorm是一款能够大幅提高前端开发效率的IDE，你可以自由的设置快捷键，可以体验到各种神奇的功能。本文介绍一些常见的WebStorm设置问题解决办法。

安装

阅读全文 »

发表于 | 分类于

JavaScript数据类型

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

判断数据类型的方法

toString.call(obj)方法可以输出一个字符串结果来判断数据类型

1
2
var arr=[1,2];
toString.call(arr);
阅读全文 »

发表于 | 分类于

概述

在做移动端Web页面时，常常使用到一些HTML5的新特特性。而HTML5的设计目的是为了在移动设备上支持多媒体。经常有些同学问到相关的问题，这里做些详细全面的总结，不定期的更新。

新特性

  • 用于绘画的canvas元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素，比如article、footer、header、nav、section
  • 新的表单控件，比如calendar、date、time、email、url、search
阅读全文 »

发表于 | 分类于

什么是OOP？

面向对象程序设计（英语：Object-oriented programming，缩写：OOP）是种具有对象概念的程序编程范型，同时也是一种程序开发的方法。它可能包含数据、属性、代码与方法。对象则指的是类的实例。它将对象作为程序的基本单元，将程序和数据封装其中，以提高软件的重用性、灵活性和扩展性，对象里的程序可以访问及经常修改对象相关连的数据。

原型

对于那些熟悉基于类的面向对象语言（Java 或者 C++）的开发者来说，JavaScript 的语法是比较怪异的，这是由于 JavaScript 是一门动态语言，而且它没有类的概念（ ES6 新增了class 关键字，但只是语法糖，JavaScript 仍旧是基于原型）。

涉及到继承这一块，Javascript 只有一种结构，那就是：对象。在 javaScript 中，每个对象都有一个指向它的原型（prototype）对象的内部链接。这个原型对象又有自己的原型，直到某个对象的原型为 null 为止（也就是不再有原型指向），组成这条链的最后一环。这种一级一级的链结构就称为原型链（prototype chain）。

虽然，原型继承经常被视作 JavaScript 的一个弱点，但事实上，原型继承模型比经典的继承模型更强大。举例来说，在原型继承模型的基础之上建立一个经典的继承模型是相当容易的。

阅读全文 »

发表于 | 分类于

在生产环境中，Node.js应用大多部署在linux环境下。这里我们采用虚拟机VM+windows来搭建一个Node.js开发环境。

环境软件清单

  • VirtualBox
  • 虚拟机CentOS安装
  • xShell与xFtp
  • Node.js
  • MongoDB
  • Redis
  • Sublime Text
  • WebStorm

VirtualBox安装

下载

进入官方下载地址，下载windows对应版本然后安装启动。

虚拟机创建

选择linux系统，其他64位，下一步
VM1.jpg
注意:有的电脑无法创建64位虚拟机，给出的选项只有32位,这是由于64bit的虚拟机需要硬件虚拟化支持,BIOS 默认将它关掉了，去BIOS设置中 将 virtualization 这个选项设置为enable就可以了。

阅读全文 »

发表于 | 分类于

当一个<div>需要实现resize时，除了使用jQuery UI 的resizable插件，也可以自己编写JS实现，这时
就需要用到js的mousedown,mousemove,mouseup事件，源码：

阅读全文 »

发表于 | 分类于

transparent

transparent 的字面意思就是透明。它用来表示一个完全透明的颜色，即该颜色看上去将是背景色。
也可以理解为它是 rgba(0,0,0,0) 的简写。

值得注意的是:

在 CSS3 之前，transparent 关键字不是一个真实的颜色，只能用于 background-color 和 border-color中，表示一个透明的颜色。而在支持 CSS3 的浏览器中，它被重新定义为一个真实的颜色，transparent 可以用于任何需要 color 值的地方，像 color 属性。
那么这个透明值有什么用呢？简单列举一些例子：

阅读全文 »