我的小树林

摘要： 前端导出文件大部分还是通过服务器端的方式生成文件，然后传递到客户端。但很多情况下当我们导出CSV时并不需要后端参与，甚至没有后端。 做过WebGIS的同学经常会碰到这种场景，用户的兴趣点数据以csv文件形式上传到web应用中以表格形式展示，并可以编辑属性信息，编辑完成后需要将数据下载到本地... 阅读全文

摘要： 基础总结 一个元素的样式信息由三个来源根据层叠规则确定。三个来源分别是：由DOM元素style特性设置的内联样式由style元素中嵌入的样式规则由link元素引入的外部样式表 元素的样式 任何支持style特性的HTML元素在JavaScript中都有一个对应的style属性。这个style对... 阅读全文

摘要： dojo/dom模块作为一个基础模块，最常用的就是byId方法。除此之外还有isDescendant和setSelectable方法。 dom.byId(myId)方法： 各种前端类库都免不了与DOM节点打交道，操作DOM的方法千变万化最终还是要回到原生的那几个方法中，因为类库再快也快不过... 阅读全文

摘要： 上一篇讲解dojo/dom-attr的文章中我们知道在某些情况下，attr模块中会交给prop模块来处理。比如：textContent、innerHTML、className、htmlFor、valuedisabled、checked等无状态特性对应于属性中的布尔变量事件的处理 那这一节，我们... 阅读全文

摘要： 上一篇返本求源中，我们从DOM基础的角度出发，总结了特性与属性的关系。本文中，我们来看看dojo框架是如何处理特性与属性的。dojo框架中特性的处理位于dojo/dom-attr模块属性的处理为与dojo/dom-prop模块中。attr.set（） 方法的函数签名为：require(["do... 阅读全文

摘要： 抛砖引玉 很多前端类库（比如dojo与JQuery）在涉及dom操作时都会见到两个模块：attr、prop。某天代码复查时，见到一段为某节点设置文本的代码：attr.set(node, 'innerText', 'Hello World!') 这段代码执行后并未生效，虽说innerText不是标... 阅读全文

摘要： Selector APIHTML5 DOM扩展Element Traversal规范Selector API众多JavaScript库中，最常用的一个功能就是根据css选择符选择与某个模式匹配的DOM元素Selector API Level1的核心是两个方法：querySelector、queryS... 阅读全文

摘要： 随着浏览器功能越来越完善，前端已经不仅仅是切图做网站，前端在某些方面已经媲美桌面应用。越来越庞大的前端项目，越来越复杂的代码，前端开发者们对于模块化的需求空前强烈。后来node出现了，跟随node出现的还有commonjs，这是一种js模块化解决方案，像Node.js主要用于服务器的编程，加载的... 阅读全文

摘要： 什么是事件驱动？ 事件驱动编程是以事件为第一驱动的编程模型，模块被动等待通知（notification），行为取决于外来的突发事件，是事件驱动的，符合事件驱动式编程（Event-Driven　Programming，简称EDP）的模式。 何谓事件？通俗地说，它是已经发生的某种令人关注的事情。... 阅读全文

摘要： dojo中动画部分分为两部分：dojo/_base/fx, dojo/fx。dojo/_base/fx部分是dojo动画的基石，里面有两个底层API：animateProperty、anim和两个常用动画：fadeIn、fadeOut（类似jQuery中的show、hide）。dojo/fx中有... 阅读全文