deno介绍 据说是原nodejs的开发者创建的项目:http://deno.com，支持 es6，ts，解决nodejs的兼容和依赖混乱问题 nodejs的问题 import, require 兼容问题 很多老库都是require的写法，无法在es6中使用，import, require没法兼容使用，一个node项目需要打包多种格式，如果是考虑浏览器和服务器版本，则更加复杂，Deno没有这个历史问题 依赖混乱问题 node-modules是个无底洞，文件巨大而混乱，太多无用的东西被引入，比如我使用A项目的某个函数，需要将整个A项目和A项目依赖的项目全部引入，Deno中不支持按名称引用的方式，只支持url，相对路径或者绝对路径， …

js默认序列化存在的问题 js默认序列化使用JSON.stringify / parse()，存在几个问题 1、只支持基本类型，不支持function，类等 2，不支持引用，比如value = [1,2,3], 序列化：{a: value, b: value}，则value会重复输出 3，不支持嵌套引用，如果对象自己引用自己，会出错 另外可以通过重写#toJSON(propertyName?)，自定义序列化输出 解决方案 无法直接解决以上问题，提供其他实现方式 全局设置#setJSName(name, objectOrClass) 增加全局函数setJSName(name, objectOrClass)，给类或者对象一个唯一名称 …

HTML5中有两种图形解决方案：SVG和Canvas，两者都有各自特点，这里不多说，Qunee图形组件中我们常常使用SVG作为节点图标，这在大部分场景下都表现良好，但是IE下有些小问题，IE下可以将SVG图片绘制到Canvas上，但是无法读取SVG的像素信息，这意味着一些特殊功能（追踪图片边缘，图片染色等）无法被实现，这时候我们考虑选择将SVG解析，转换成Canvas的绘制代码，这样就可以使用Canvas来绘制SVG图片了 项目代码：https://github.com/samsha/svg2canvas canvg.js 是的确实有人在做这样的事，canvg.js 就是一个将SVG转换成Canvas的工具库，甚至有些SVG的动画效 …

概述 ECharts是百度公司支持的开源产品，定位于Chart，Qunee for HTML5是上海酷利软件的商业软件，定位于拓扑图，两者都是前端技术，同属于数据可视化类库，但差异也很明显，本文将从大的方面对比两者特点 ECharts Qunee for HTML5 License 开源 商业 产品定位 图表 - 饼图、柱状图、雷达图、地图等 拓扑图 - 组织图、流程图、地铁图等 典型界面 标题，图例，数据过滤等 工具栏 - 框选，缩放，搜索等 典型驱动方式 数据驱动，配置 API驱动，二次开发 js大小 echarts.js - 350kb, echarts-all.js - 921kb …

Qunee for HTML5 V1.8新版本正式发布，修复了一些bug，增加了示例，改进了JSON导入导出，方便拓扑图的存储与载入，推出了拓扑图编辑器项目，欢迎访问和升级 中石化网络图示例 自定义层次布局示例 拓扑图编辑器项目  项目地址：https://github.com/samsha/graph.editor 在线演示：http://demo.qunee.com/editor/

继续拓扑图编辑器的开发，并创建了项目Graph.Editor，正式发布到github了，项目使用了nodejs，bower，gulp等HTML5项目开发工具，bower用于前端包管理，Gulp用于自动发包和发布，欢迎Qunee客户使用和贡献代码 相关文章： 拓扑图编辑器（1） 拓扑图编辑器（2） 项目地址：https://github.com/samsha/graph.editor 在线演示：http://demo.qunee.com/editor/ 拓扑图编辑器介绍 Graph.Editor是一款基于HTML5技术的拓补图编辑器，采用jquery插件的形式，是Qunee图形组件的扩展项目 数据可视化是一件有趣的工作，冰冷的数据 …

经常用到上下左右，中间填充满这样的布局，在java swing中有BorderLayout，HTML中通常使用CSS来实现布局，但要实现border layout这样的效果有些麻烦，很多第三方实现，比如easyui, extjs，功能过于强大，我只是想要一个简单的布局而已，于是自己写了这段js，支持嵌套布局以及小功能，方便团队使用，项目地址：https://github.com/samsha/layout.border 简介 简单的布局效果，实现上下左右，中间充满的布局 依赖 需要用到jquery 示例 首先引入jquery.js和layout.border.js <script …

原文：http://www.html5rocks.com/en/tutorials/canvas/inspection/ 翻译：blog.qunee.com 介绍 不管你是使用2D 还是WebGL，任何用过的人都知道很难调试，使用Canvas通常需要长长的难以跟踪的调用列表 function draw() { context.clearRect(0, 0, 258, 258); context.fillStyle = “#EEEEEE”; context.beginPath(); context.arc(129, 129, 127, 0, 6.28, true); context.closePath(); …