摘要： 我们可以通过DOM元素的 style 属性获取基本的CSS样式值, 但怎么获取CSS伪元素属性呢? 如下// 获取 .element:before 的 color 值var color = window.getComputedStyle( document.querySelector('.element'), ':before').getPropertyValue('color'); // 获取 .element:before 的 content 值var content = window.getComputedStyle( document.q 阅读全文

摘要： 在最新的Chrome和FF中已经 实现了Promise。有了Promise我们用数行代码即可实现一个简易AMD模式的加载器var registry = { promises: { }, resolves: { }, getDependencyPromise: function(name) { if (!this.promises[name]) { var resolves = this.resolves; this.promises[name] = new Promise(function(resolve, rejec... 阅读全文

摘要： 有时候，想提前给即将添加的的元素绑定事件，这时候使用on就不行了，利用事件的冒泡机制可以完成这个功能Jquery 提供了delegate方法就是这样实现的。 $("#schemaaccordion2").delegate('.left_add_newclass', 'click', function () { });该方法的第一个参数为 元素的选择器。#schemaaccordion2为该元素父辈元素的选择器 阅读全文

摘要： 在一个WebGIS系统中往往要实现图形的切换，比如业务图层的切换，以及底图的切换等等，可以通过控制图层的可见性来实现。比如通过设置图层的opacity 、visible来控制，前几天有网友聊天的时候提了一个这样的需求如果在地图切换的时候添加一个过渡效果，以至于变化的效果不显得生硬。写面说一下我的实现思路。 先看一下效果吧 Demo链接 如果这个功能在普通的Web开发中，果要对两个html元素 比如div实现渐变性的切换的效果，我们首先会想到使用Jquery或者dojo等框架来解决，这些框架中都有一些动画的方式来实现，可以尝试将这种思想用在地图上。首先应该知道，地图中的图片都是通过htm... 阅读全文

摘要： 为了不想使用命令行的方式开着grunt，打算将Grunt命令集成WebStrom 中 。1、将配置好的Gruntfile文件放到项目的根目录下。、2.File-setting-Extental Tools 点击添加 配置如下启动grunt 。在Project栏里面 点击右键 即可找到相应的命令 阅读全文

摘要： 监听keypress事件。判断如果是数字的话阻止浏览器冒泡 Demo 阅读全文

摘要： 盒子模型有两种 一种是 内容盒子模型 一种是边框盒子模型。 内容盒子模型（标准盒子模型）由width和height中指定的元素的尺寸不包括内边距和边框 仅是指的内容的实际尺寸；网上搜索了两张配图不错 很直观。边框盒子模型（IE6 的盒子模型）起源于IE的怪异模式中的一个bug。对元素指定的width和height 包括了内边距和边框的高度。 在CSS3中引进了 box-sizing属性，默认值为content-box（标准盒子模型）如果替换为border-box 浏览器会给该元素应用IE盒子模型。即width属性将包含边框的宽度以及内边距。当想以百分比形式设置元素的总体尺寸，又想以像素... 阅读全文

摘要： 主页面Web.html (加载了两个frame 分别为A.html) webbtA.html PageA B.html PageB 阅读全文

摘要： 浏览器的内核是多线程的，它们在内核制控下相互配合以保持同步，一个浏览器至少实现三个常驻线程：javascript引擎线程，GUI渲染线程，浏览器事件触发线程。1.javascript引擎是基于事件驱动单线程执行的，JS引擎一直等待着任务队列中任务的到来，然后加以处理，浏览器无论什么时候都只有一个JS线程在运行JS程序。2.GUI渲染线程负责渲染浏览器界面，当界面需要重绘（Repaint）或由于某种操作引发回流(reflow)时,该线程就会执行。但需要注意GUI渲染线程与JS引擎是互斥的，当JS引擎执行时GUI线程会被挂起，GUI更新会被保存在一个队列中等到JS引擎空闲时立即被执行。3.事件触发 阅读全文

摘要： http://www.zhangxinxu.com/wordpress/?p=1058 阅读全文