焦点作为javascript中的一个重要功能，基本上和页面交互都离不开焦点。但却少有人对焦点管理系统地做总结归纳。本文就javascript中的焦点管理作详细介绍 焦点元素　　到底哪些元素可以获得焦点呢？默认情况下，只有表单元素可以获得焦点。因为只有表单元素可以交互<inputtype="text"...

　　上文介绍了webpack入门，本文将详细介绍webpack实用配置 版本号　　以entry.js打包为bundle.js为例，出口的filename可以设置为[id]、[name]、[hash]、[chunkhash]等替换形式，如下所示varwebpack=require('webpack');modu...

　　r.js(下载)是requireJS的优化（Optimizer）工具，可以实现前端文件的压缩与合并，在requireJS异步按需加载的基础上进一步提供前端优化，减小前端文件大小、减少对服务器的文件请求。本文将详细介绍r.js 简单打包【项目结构】　　以一个简单的例子来说明r.js的使用。该项目名称为'de...

　　在电脑端发现一篇好的博文，想在手机上访问。这时，就必须打开手机浏览器输入长长的URL地址才行，非常不方便。如果在博客标题的后面跟一张小的图片，点击该图片后，出现一张二维码的大图，然后再通过手机扫一扫，来进行博文的访问，就相对方便很多。　　通过搜索引擎搜索了一些生成二维码的文章，发现其并不是一件容易的事。同时，也发现...

　　java有类文件、Python有import关键词、Ruby有require关键词、C#有using关键词、PHP有include和require、CSS有@import关键词，但是对ES5版本的javascript来说，javascript通过script标签引入代码的方式显得杂乱无章，语言自身毫无组织和约束能力...

　　一说起动态集合，多数人可能都有所了解。但是，如果再深入些，有哪些动态集合，以及这些动态集合有什么表现、区别和联系？可能好多人就要摇头了。本文就javascript中的动态集合做详细介绍 NodeList　　NodeList实例对象是一个类数组对象，它的成员是节点对象，包括childNodes和queryS...

<p>Thisisa<i>simple</i>document</p>　　上面这行代码中，<p>元素的内容是什么呢？答案一：内容是HTML字符串"Thisisa<i>simple</i>document"；答案二：内容是纯文本字符串"T...

　　尽管DOM作为API已经非常完善了，但是为了实现更多的功能，DOM仍然进行了扩展，其中一个重要的扩展就是对选择器API的扩展。人们对jQuery的称赞，很多是由于jQuery方便的元素选择器。除了前面已经介绍过的getElementsByClassName()方法外，DOM拓展了querySelectorAll()...

　　既然有getElementById()和getElementsByTagName()方法，为什么没有getElementsByClassName()呢？id属性、标签名、class属性并没有什么优劣之分啊。终于，HTML5新增了getElementsByClassName()方法，由于在CSS布局中类名的广泛使用，...

　　说到最常见的DOM应用，恐怕就要数取得特定的某个或某组元素的引用了。DOM定义了许多方式来选取元素，包括getElementById()、getElementsByTagName()、getElementsByName()和document.all4种。接下来，将对这4种方法进行详细介绍 getEleme...

　　通常我们调试程序时，如果需要阻塞效果，则要用到alert()。但除了alert()以外，window对象还提供了其他3种对话框。本文将详细介绍window对象中的对话框 定义　　系统对话框与在浏览器中显示的网页没有关系，也不包含HTML。它们的外观由操作系统及浏览器设置决定，而不是由CSS决定。windo...

　　BOM全称browerobjectmodel(浏览器对象模型)，用于管理窗口及窗口间的通讯，其核心对象是window。称其为窗口，可能并不准确。因为，有的浏览器窗口可能包含多个标签页，每个标签页都有自己的window对象。本文将详细该内容 窗口位置【1】获取　　浏览器(firefox不支持)提供了scre...

　　有一天心血来潮，1分钟内重复点击了多次博客园首页的刷新博文列表的刷新按钮。果不其然，ip当时就被禁用了。后来，重启自己的路由器，重新获取ip才可以访问博客园主页。那么，设置一个限定时间内(比如1秒)防止按钮被重复点击的方法会不会更好一点呢？ 思路一　　最直接的思路可能就是点击按钮后，按钮的事件绑定函数解绑...

　　面向对象的应用并非只是读几本书那么容易，需要有大量的工程实践做基础才能真正理解并学会使用它。本文将用面向对象的技术来制作一个简单的选项卡 图示说明 　　由图示结果看到，这是一个非常简单的选项卡。三个控制按钮利用点击事件分别控制三张不同的选项卡。选项卡用文字和背景颜色区分，控制按钮用轮廓outli...

　　如何创建对象，或者说如何更优雅的创建对象，一直是一个津津乐道的话题。本文将从最简单的创建对象的方式入手，逐步介绍5种创建对象的模式 对象字面量　　一般地，我们创建一个对象会使用对象字面量的形式　　[注意]有三种方式来创建对象，包括new构造函数、对象直接量和Object.create()函数，详细情况移步...