言川的博客

类型：基本类型：number,string, boolean,null, undefined，其中number,string,boolean都有wrapper objects，所以他们有对应的方法可以调用，但是null和undefined就没有。其余的都是object类型。普通的object类型是一个无序的key-value集合.array,function,date,regula

最近 nginx 团队宣布自己写了一个JS runtime，叫 nginScript，参见官方的介绍：https://www.nginx.com/blog/nginscript-why-our-own-javascript-implementation/nginScript 是什么nginScript 是一个JS runtime，也就是俗称的JS引擎，和V8做的是类似的事。目前他实现了一个 ES5的

这里只讨论React的一个动画插件提供的动画机制，其他的通过自己写JS操作的动画都是一样的，和React没啥关系。React.addons.CSSTransitionGroup 提供了一个分组动画，所谓分组动画就是指它可以对一个数组中的元素的增加和减少做一个动画。 比如我们通过一个数组来渲染一个列表，那么当列表增加或者减少的时候我们可以定义他的动画。动画原理React.addons.CSSTran

push.js 源码解读生命周期这里指的是一个新页面加载的生命周期。push.js 对新页面的处理分三种情况：用户点击了页面中的链接，或者调用 PUSH 方法用户点击了浏览器的后退/前进按钮下面我们对第一种情况做一个仔细说明：从用户点击了页面中的一个链接，到新页面加载完成经历了如下几个步骤：监听 click 事件，从链接上取出相应的参数（url和 transition），调用 PUSH 方

JSX语法是react的一大亮点。之前很不喜欢在js中写模板，因为js字符串换行很麻烦，所以大家都习惯把模板用script标签写在html中。后来发现这样其实挺坑的，特别是当你的网站是前后端分离的时候，如果改一下模板还要找后端的开发，非常浪费时间。JSX的出现比较完美解决了JS中写模板的问题。简单的说就是 JS 和 HTML和混合着写在一起。一，JSX基本原理首先我

原文地址：http://amasad.me/2014/03/09/lesser-known-javascript-debugging-techniques/?utm_source=javascriptweekly&utm_medium=email1，console 接口console提供了常用的调试接口，都是以 “$” 开头的方法，其中三个重要的方法如下：debug(metho

原文地址：http://www.creativebloq.com/netmag/7-steps-better-javascript-51411781?utm_source=javascriptweekly&utm_medium=email总结和翻译了此文。1，代码使用严格模式：在函数中添加 “use strict”; 声明，严格模式的说明见 https://develo

转来一篇非常有意思的文章：Dmitry Baranovskiy 的博客中有篇文章（链接），其中有五段小代码，用来测试是否理解JavaScript 的核心，闭包和作用域。大家先试着给出 alert 语句的输出结果。之后再建一个测试文件，检测你的答案。最后再看看我给的解析。1if (!("a" inwindow)) { var a = 1;}alert(a);2

goo.ui.ComponentComponent主要提供了一个功能：定义了一个ui组件的生命周期1，生命周期：Component定义了一个ui组件的基本生命周期如下图所示：创建一个组件有两种方法：render 和 decorate区别在于：使用render方法，dom结构由rendeer方法负责创建（也就是用js来创建dom）；decrote方法不会创建dom结构，而

1,goog.net.XmlHttp此类的作用是，根据当前的浏览器环境，创建一个正确的XMLHttpRequest/ActiveXObject 对象(这个是原生的对象）。同时定义了goog.net.XmlHttp.ReadyState ，其中分别定义了readystate 0-4的名字。此类是一个基础类，作用是为其他类提供一个可以跨浏览器的XHR对象，因此不建议直接使用此类

四个组件AutoComplete 主要有四部分组成：AutoComplete: 核心部分，负责存储数据（所有的数据/状态都是在这里保存的），调用其他四个组件。macher：负责匹配用户的输入和所有的提示数据，返回匹配后的提示数据。InputHandler：负责操作输入框：获取用户的输入，对特定的key调用ac的相应事件（如方向键移动），将自动补全的数据填入输入框。inputhand

一 使用js模板closure template 目前支持java和js。但是模板语法的设计不依赖于任何现成的语言，所以理论上可以支持任何语言，只是暂时只有java编译器。使用js模板：编写模板文件 .soy文件，然后用一个java编写的编译器将其编译为js文件，这个编译好的js文件会提供一个函数来输出模板内容，只需要引入这个js文件然后在js中调用这个函数就可以得到模板的内容(内容是

命名空间和依赖关系：每一个js文件头部都应该用goog.provide和goog.require来声明自己提供的类和需要依赖的类。goog.provide()工作原理：根据'.'来分割字符串，然后创建对象，实际上级和下级的命名空间的关系就是对象和属性的关系比如：goog.provide("demo.Example");实际上执行了一下操作:var demo = goog.g

Event事件框架Event 类： 事件对象，在事件监听中的回调函数中传递的参数e就是这个类的实例。如果想在事件中传递参数，则应该写一个子类继承Event，然后把传递的参数作为属性添加到event上。这个类也有静态方法。源码解析：继承Disposable。有三个属性：type,target,currentTarget.1，构造函数Event(type, opt_target

closure中使用的类是构造函数加原型的组合继承方式，在构造函数中定义属性，在原型上定义方法。因为属性是私有的，方法是公用的。1，非引用类型实例属性的默认值：一般来讲，当在构造函数中没有给某一属性赋值的时候，会使用默认值。此处有一个技巧：给定一个域实例属性同名的类属性并取默认值，如果在构造函数中没有给实例属性赋值，则根本不用创建此实例属性。默认使用共享的类属性。（注意是非引用类型才可

在上一篇中提过，sencha touch使用的是sass来写css，用compass打包压缩。用户自己编写的样式文件，默认的入口是resources/sass/app.sass。关于sass文件的组织，如果是比较简单的项目，一个app.scss就足够了，如果是比较大的项目，可以把app.scss当做入口文件，里面引入其他的scss模块即可。默认的主题是default theme，路径是

timeline of js客户端渲染网页的基本过程把js分为两类，一类是内联的js，即直接写在html中的，包括script标签中的和href中的，还有一种是外链的，就是通过src属性添加的。那么打开一个网页的过程是1，创建一个Document对象，并开始解析html标签，创建dom树，此时document.readyState = "loading";2，如果遇到内联的js

基本概念在java中，类有如下四种成员：类属性，类方法，实例属性，实例方法。js中没有这些概念，但是js中的类有如下3中成员：constructor: 构造函数，上面可以定义类属性和类方法.但是这些属性和方法只能通过类来访问，不能通过实例来访问。prototype: 原型，定义实例方法，被所有实例共享instance object: 定义实例属性，每个实例都有自己的属性

在写 jQuery WeUI 的一个picker的弹出动画的时候，我是通过CSS动画实现的。CSS代码如下：.weui-picker-modal { width: 100%; position: absolute; z-index: 100; bottom: 0; text-align: center; border-radius: 0; opacity: 0.6; c