新博客地址：blog.songchunmin.com

一、诞生JavaScript 因为互联网而生，紧跟着浏览器的出现而问世。回顾它的历史，就要从浏览器的历史讲起。1990年底，欧洲核能研究组织（CERN）科学家 Tim Berners-Lee，在全世界最大的电脑网络——互联网的基础上，发明了万维网（World Wide Web），从此可以在网上浏览网页文件。最早的网页只能在操作系统的终端里浏览，也就是说只能使用命令行操作，网页都是在字符窗口...

1）不要一条一条地修改DOM的样式。与其这样，还不如预先定义好css的class，然后修改DOM的className。1234567891011// badvar left = 10,top = 10;el.style.left = left + "px";el.style.top = top + "px"; // Goodel.className += " theclassname"; // Goodel.style.cssText += "; left:

js 里函数调用有 4 种模式：方法调用、正常函数调用、构造器函数调用、apply/call 调用。同时，无论哪种函数调用除了你声明时定义的形参外，还会自动添加 2 个形参，分别是 this 和 arguments。arguments 不涉及到上述 3 个函数，所以这里只谈 this。this 的值，在上面 4 中调用模式下，分别会绑定不同的值。

开始这个话题之前，我们先看一下下面的几个例子：parseInt(0.0000004) // 4![]==[] //true['x','y'] == 'x,y' //truealert({name:'mofei'}) //"[object Object]"结果有时候会让我大吃一惊，这是为什么呢？今天就和大家讨论一下JavaScript的对象转换。基础类型先让我们

jQuery操作class的方式非常强大，但是目前还有一些人不知道如何使用或者由于项目统一性的原因无法使用jquery.在此写了一个利用原生js来实现对dom元素class的操作方法

chrome的调试功能实在是太强大了，相比之下ie的就是一垃圾。最近在调试时出现一种情况，死活不能设置断点，也不能跟踪调试，这下抓狂了。JS也是非常简单的，也没有压缩。为什么就不能调试呢？

HTTP/2采用二进制格式而非文本格式HTTP/2是完全多路复用的，而非有序并阻塞的——只需一个连接即可实现并行使用报头压缩，HTTP/2降低了开销HTTP/2让服务器可以将响应主动“推送”到客户端缓存中

(一)在function里面（1）return;（2）return false;(二)非function方法里面alert("before error.");throw SyntaxError();alert("after error.");

理解cookie的path和domain属性

前端跨越(安全限制)

DOM元素的attribute和property很容易混倄在一起，分不清楚，两者是不同的东西，但是两者又联系紧密。很多新手朋友，也包括以前的我，经常会搞不清楚。attribute翻译成中文术语为“特性”，property翻译成中文术语为“属性”，从中文的字面意思来看，确实是有点区别了，先来说说attribute。attribute是一个特性节点，每个DOM元素都有一个对应的attributes属性来存放所有的attribute节点，attributes是一个类数组的容器，说得准确点就是NameNodeM

聊一聊 cookie

H5游戏开发之phaser学习笔记（一）

命名空间namespace（某些语言中叫package），是一个在静态语言中常见的概念。它可以帮助我们更好地整理代码，并可避免命名冲突。

addEventListener()与removeEventListener()

js数据类型判断和数组判断js六大数据类型：number、string、object、Boolean、null、undefinedstring： 由单引号或双引号来说明，如"string"number：什么整数啊浮点数啊都叫数字，你懂的~Boolean: 就是true和false啦undefined：未定义，就是你创建一个变量后却没给它赋值~null: 故名思久，null就是没有，什么也不表示object: 这个我也很难解释的说。就是除了上面五种之外的类型

第一种方式：使用js函数eval();testJson=eval(testJson);是错误的转换方式。正确的转换方式需要加(): testJson = eval("(" + testJson + ")");eval()的速度非常快，但是他可以编译以及执行任何JavaScript程序，所以会存在安全问题。在使用eval()。来源必须是值得信赖的。需要使用更安全的json解析器。在服

javascript Date format(js日期格式化)

gulp的简单使用，我这里主要介绍，常用的功能：压缩JS和CSS

重要更新，X5内核即将更新为Blink内核，到时候下面的这些问题将全部被修复。X5内核开发团队也给开发者们提供了不少指引，推荐关注： http://x5.tencent.com/guide?id=2001

移动端input 无法获取焦点的问题

IE不能识别JS函数Date.parse的解决方法 ,当我们用JS计算两个时间的间隔时，我们会用到Date.parse 这个JS函数。

前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及<a>标签的:link、visited等，伪元素较常见的比如:before、:after等。其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念，CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚至经常有同行将:before、:after称为伪类。CSS3对这两个概念做了相对较清晰地概念，并且在语法上也很明显的讲二者区别开。

addEventListener和on的区别

简单的的组件沟通可以用传props和callback的方法实现，然而，随着项目规模的扩大，组件就会嵌套得越来越深，这时候使用这个方法就有点不太适合。全局事件可以让组件直接沟通，但频繁使用事件会让数据流动变得很乱。如果兄弟组件共同的父组件嵌套得太深，在这个父组件设置context从而直接传递数据和callback到这两个兄弟组件中。使用redux可以让你整个项目的数据流向十分清晰，但是很容易会出现组件嵌套太深的情况，events和context都可以解决这个问题。Transdux是一个类redux框架，使用这

为了页面的健壮性，我们常常需要使用overflow:hidden。有时候是为了防止布局被撑开，有时候是为了配合其它规则实现文字截断，还有时候纯粹是为了创建块级上下文。但是，很多人对这个属性是存在着一定的误解的。网上很多入门的资料或文章都只提到用overflow:hidden加固定的宽度（或高度）可以强制隐藏内部的超出容器的内容。包括之前我们在使用overflow:hidden创建块级上下文的方式来实现图文混排时，都认为overflow:hidden造成了特殊情况下的麻烦。但如果认真阅读一下css规范，会

js 替换 当前URL 特定参数

js中遍历Map对象for(var key in jsonData) console.log("属性：" + key + ",值："+ jsonData[key]); }

我们在写js代码时有时需要判断某个对象是不是DOM对象，然后再进行后续的操作，这里我给出一种兼容各大浏览器，同时又算是比较稳妥的一种方法。要判断一个对象是否DOM对象，首先想到的无非就是它是否具有DOM对象的各种属性或特征，比如是否有nodeType属性，有tagName属性，等等。判断的特征越多，也就越可靠，因为毕竟我们自定义的js对象也可以有那些属性。还有其他方法吗?在DOM Level2标准