djskl的专栏

this是JavaScript中功能最强大的关键字之一。不幸的是，如果你不知道它具体怎么工作，你将很难正确使用它。详细出处参考：http://www.jb51.net/article/16863.htm

背景写自动折叠的面板时遇到点问题，随与面板本身无关，可看到他有序的组织，我想bootstrap肯定有完整的面板结构。果不其然。基本结构 --> ... ... 例子(可折叠的面板组)

有时我们可能会遇到这种情况：数据存储在

不知道js中的继承机制回不

goog.provide('ol.layer.PieChart');goog.require('goog.asserts');goog.require('goog.events');goog.require('goog.math');goog.require('ol.Object');goog.require('ol.dom');goog.require('ol.layer.Vect

昨天我们分享了一款基于HTML5的线性图表应用，效果非常不错，可以看在线DEMO或者实现教程。今天我们继续来分享一款基于HTML5的网页图表，它也是利用Canvas绘制的，但是和前面不同的是，这款图表是饼状图，并且我们可以点击右侧的表格来选中激活当前的图表数据，具体效果可以看DEMO演示。你也可以在这里查看在线演示下面是实现的过程及源码，一起分享给大家。HTML代码

bootstrap-affix.js组件，直译过来就是固定，典型的应用就是导航，即当页面内容过多出现滚动条时的浮动导航，如官网页面的左侧导航(下图)。其实这组件很简单，就是通过检测滚动位置来动态的添加或移除 affix 、 affix-top 、affix-bottom 三个样式，来使导航仍然处在一个合适的位置。当采用标记法，页面加载完毕时，JS插件会搜索页面上所有[data-spy="affix

前几天我基于plupload改写的文件上传的空间

http://www.google.com/zeitgeist/2012/#explore：谷歌地图2012年重大事件http://chrome.com/maze/：网页立体化

浏览器缓存（Browser Caching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。浏览器缓存主要有两类：缓存协商：Last-midified ，Etag 和彻底缓存：cache-control，Expires。[1]1、ETag/HTTP_IF_NONE_MATCH

Since you asked a similar question, let's take it step by step. It's a bit longer, but it may save you much more time than I have spent on writing this:Property is an OOP feature designed for clea

var Fun = function(){ this.x = 1; }; Fun.prototype.add = function(inc){ this.x = this.x + inc; }; Fun.prototype.get = function(){ return this.x; }; var SingletonObj = (function(){ va

var Boundary_bd = null;$(document).on("mapctx_AfterInitMap", function(){ Boundary_bd = (function(){ var region_source = new ol.source.Vector(); var region_layer = new ol.layer.Vector({ source

在javascript中，不存在重载机制，函数名就是函数唯一的标示，

转：http://zpball.iteye.com/blog/1096611javascript同java一样，都有异常处理机制。在javascript中，也是用try...catch来进行异常处理。例如： Js代码  try {          fo.bar();     } catch (e) {          alert(e.name +

在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似，用于识别正在处理的对象的类型。与 typeof 方

转自：http://bulaoge.com/topic.blg?dmn=webdev&tid=301677最近和同事一起看Web的Cache问题，又进一步理解了 HTTP 中的 304 又有了一些了解。 304 的标准解释是：Not Modified 客户端有缓冲的文档并发出了一个条件性的请求（一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档）

原文地址：http://aiku.me/bar/10371705jQuery片段：[javascript] view plaincopy(function(){  //这里忽略jQuery所有实现  })();  　　半年前初次接触jQuery的时候，我也像其他人一样很兴奋地想看看源码是什么样的。然而，在看到源

这几天一直在改一个jquery写的文件上传界面，

背景结合Bootstrap的list-group记录一下jquery-ui中sortable的使用

var myObject=function(){ var value=0; return { increment: function(inc){ value +=inc;//不能加this，this指向的所全局对象 }, getValue: function(){

背景本来是很简单的问题，由于那堵无形的墙，使得一些资料难以获取

TAB_ONE TAB_TWO 我是TAB_ONE 我是TAB_TWO

box-shadow具体使用方法，语法： E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说：对象选择器 {text-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色} 取值：投放方式：默认是外阴影 ，  

解决办法：1、先定义一个CSS规则，然后this.className=''2、document.getElementByIdx_x("a").style.cssText="border-collapse:collapse;border-spacing:1;border:1 solid #0B2565;background-color:white;color:black;text-align

原文地址：http://www.cnblogs.com/mophee/archive/2009/03/12/1409562.htmlHTML文档是一棵树的结构，各元素以一种层次结构为基础构成‘树’的视图。文档树中的每个元素，要么是另一个元素的父元素，要么是另一个元素的子元素，这样，各元素之间就形成了‘父子关系’。基于这样的关系模型，CSS定义了后代选择器（descendant select

原文地址：http://heroicyang.com/2013/07/22/javascript-scope-sequel/JavaScript变量作用域（续）接上篇，已经大致明确了以下几点：JavaScript没有块级作用域，只有函数(局部)作用域和全局作用域函数中未使用var关键字声明的变量会成为全局变量同名时局部变量访问优先级高于全局变量JavaScr

JavaScript window 对象目录全局的window对象window与self对象window的子对象window函数索引窗体控制函数窗体滚动轴控制函数窗体焦点控制函数新建窗体函数对话框函数状态栏属性时间等待与间隔函数延伸阅读window -- window对象是BOM中所有对象的核心window，中文"窗口"引用网址：http:/

包含在内的html会被浏览器忽略，但我们还可以通过js/jquery去访问(HTML markup in a element is effectively ignored by the web browser, yet still accessible by Javascript or jQuery using the element’s id attribute.)。这里“被忽略”不仅仅

== equality 等同，=== identity 恒等。==， 两边值类型不同的时候，要先进行类型转换，再比较。 ===，不做类型转换，类型不同的一定不等。 下面分别说明： 先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等： 1、如果类型不同，就[不相等] 2、如果两个都是数值，并且是同一个值，那么[相等]；(！例外)的是，如果其中至少一个是Na

假设上图是通过画在浏览器上的，然后我们要截取中间500x500的一个区域，并将其作为原图的缩略图存储到数据库中。截取代码：var canvas_src = document.getElementbyId("mycanvas");var canvas_dst = document.createElement("canvas");canvas_dst.width = "500";can