背景简介JavaScript在编程语言界是个特殊种类，它和其他编程语言很不一样，JavaScript可以在运行的时候动态地改变某个变量的类型。比如你永远也没法想到像isTimeout这样一个变量可以存在多少种类型，除了布尔值true和false，它还可能是undefined、1和0、一个时间戳，甚至一个对象。如果代码跑异常，打开浏览器,开始断点调试，发现

前言前不久我结合browsersyncgulpgulpnodemon实现了一款生产环境热更新（我之前理解有点偏差，应该定义为热更新，不是热重载）的项目脚手架，那么，今天我们将使用Node.js实现一个热重载页面。那么，我今天就总结一下吧，以防止大家也跟我一样。热重载所谓热重载就是页面每次改动，不需要手动去刷新，可自动刷新。热更新浏览器的无刷新更新，允许在

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。函数防抖函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才

CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE影响CSS处理，作为W3C的标准，一定要加DOCTYPE声明。CSS技巧1.div的垂直居中问题verti

希望这篇文章为大家对Node.js后端框架选型带来一些帮助。JavaScript这门语言的设计虽然被很多人诟病，但是因为其占据了浏览器而且容易上手所以广泛流行。后来随着Node.js的出现，npm包管理带来的强大生态更是如虎添翼（截止到2017年3月npm共有43万个包)。但是这也造成了JS社区变态的快速迭代，大家都直呼赶

Ajax引发了Web2.0革命，其中的x是xml。在ajax中xml是作为前后台数据传输的载体的。随着Web2.0的大规模应用，xml解释的效率问题就暴露无疑了，xml是具有非常严禁的结构，这造成了任何浏览器把xml装入，解释成javaScript可以访问的对象的过程是漫长的。而json是js默认支持的最简洁对象创建方式，js接收他是轻松加愉

本书的第4章使用第3章学到的操作DOM的方法和属性写了一个展示图片的网页，并在第5，6章对代码进行了优化。第一版，搭建网页的静态结构，包括一级标题<h1，无序列表清单<ul，每个列表<li中又包括了链接<a，当点击列表文字时会显示链接所指向的图片，这属于浏览器的默认行为。代码如下：<!DOCTYPEhtml<ht

在web应用开发中，路由系统是不可或缺的一部分。在浏览器当前的URL发生变化时，路由系统会做出一些响应，用来保证用户界面与URL的同步。随着单页应用时代的到来，为之服务的前端路由系统也相继出现了。有一些独立的第三方路由系统，比如 director(https://www.oschina.net/action/GoToLink?urlhttp

页面事件是在页面加载或改变浏览器的大小、位置，以及对页面中的滚动条进行操作时，所触发的事件处理程序。加载与卸载事件加载事件(onload)是在网页加载完毕后触发相应的事件处理程序，它可以在网页加载完成后对网页中的表格样式、字体、背景颜色等进行设置。卸载事件(unload)是在卸载网页时触发相应的事件处理程序，卸载网页是指关闭当前页或

一、一个简单的web框架框架，即framework，特指为解决一个开放性问题而设计的具有一定约束性的支撑结构，使用框架可以帮你快速开发特定的系统，简单地说，就是你用别人搭建好的舞台来做表演。对于所有的Web应用，本质上其实就是一个socket服务端，用户的浏览器其实就是一个socket客户端。!(https://os