摘要:
前端导出文件大部分还是通过服务器端的方式生成文件,然后传递到客户端。但很多情况下当我们导出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中有... 阅读全文