- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React+D3组件开发之treemap(树图)
背景在React前端项目中使用D3JS定制可视化组件，treemap支持节点的新建、删除、缩放、全屏等功能技术实现###首先图表线和点的数据 // dataSource初始数据 const hierarchyData = d3.hierarchy(dataSource) // hierarchy layout and add node.x,node.y c...
2019-10-11 17:36:10
3664
原创 WEBGL中的矩阵变换以及opengl着色语言(glsl)中常见的内置函数、变量
背景：了解webgl中顶点通过矩阵变换产生位移、缩放、旋转，以及了解opengl着色语言(glsl)中常见的内置函数和变量方便使用做出酷炫的可视化效果。变换 在三维空间里面我们用(x, y, z)表示一个有长度、有大小的方向，其中我们会加入一个w分量，即思维向量(x, y, z, w)，w分量的存在是为了在变换中矩阵运算的需要。这些都是建立在我们有一定线代基础的情况下，毕业4年啦，都忘啦，...
2018-05-27 23:17:44
2103
1
原创 3D可视化开发（基于顶点着色器和片元着色器）
3D可视化开发（基于顶点着色器和片元着色器）背景：最近在做大屏的3d地图可视化开发，技术采用three.js+glsl这样的是一种实现方式，其中使用glsl实现顶点着色器和片元着色器。GLSL GLSL是OpenGL的着色语言，它是为图形计算量身定制的，并包含一些针对向量和矩阵操作的有用特性。顶点着色器 顶点着色器控制了几何体如何渲染，在GPU中运行并计算出最终顶点位置，顶点在op...
2018-04-21 22:26:59
1985
1
原创 时间的痕迹，我们的故事
假期，原计划去湖边吹风散步、晒太阳、写文章、coding。清明时节雨纷纷，天气不佳，而且没有订到合适的酒店，所以最后在家宅了几天，睡觉发呆、听音乐、追剧、写文章，吃各种椭圆形状的水果…….想到了去年的这个时候，在成都拿了**云offer，正思考着要不要换一个城市生活，世界那么大，还有太多未知的东西，觉得应该多经历一些事情，多了解一些文化，最后在没什么牵挂的情况下带着游学的心态走出了自己的舒适圈，来...
2018-04-07 20:37:25
716
4
原创 地图开发--经纬度转化
地图开发–经纬度转化背景：基于geojson数据做地图的开发，早起用d3.js画图（FineChart-Saiku、CBoard），后面echarts变得成熟，然后开始用了Echarts，满足世界地图、中国地图、区域地图、省地图和市地图的平行展示和层级间的钻取功能实现，库都做了很多封装，但需求和业务越来越复杂，所以也需要了解一下其实现的方法，方便控制地图展现的中心、大小等问题。经纬度转化...
2018-04-06 18:33:47
1011
原创 框架数据观测实现原理
首先了解一下浏览器的渲染原理《How Browsers Work》译文（http://developer.51cto.com/art/201306/398315.htm），由于个人最近在研究框架性能，格框架的正确的使用场景，对框架的数据绑定原理做了如下的总结：1、AngularJS Angular的数据观测采用的是脏检查（dirty checking）机制。每一个指令都会有一个对应的用来观测数据的
2016-12-27 14:17:46
520
1
原创 React --- Virtual DOM
1、 原生 DOM 操作 vs. 通过框架封装操作。这是一个性能 vs. 可维护性的取舍。框架的意义在于为你掩盖底层的 DOM 操作，让你用更声明式的方式来描述你的目的，从而让你的代码更容易维护。没有任何框架可以比纯手动的优化 DOM 操作更快，因为框架的 DOM 操作层需要应对任何上层 API 可能产生的操作，它的实现必须是普适的。针对任何一个 benchmark，我都可以写出比任何框架更快的手动
2016-12-08 18:11:59
494
转载 前端MVC变形记
转自：http://efe.baidu.com/blog/mvc-deformation/ 背景： MVC是一种架构设计模式，它通过关注点分离鼓励改进应用程序组织。在过去，MVC被大量用于构建桌面和服务器端应用程序，如今Web应用程序的开发已经越来越向传统应用软件开发靠拢，Web和应用之间的界限也进一步模糊。传统编程语言中的设计模式也在慢慢地融入Web前端开发。由于前端开发的环境特性，在经典MV
2016-07-29 11:34:53
747
原创 node启动saiku-ui（Node.js proxy for Saiku）
Use this proxy to develop for the UI without having to install the server.Requests will be proxied to demo.analytical-labs.com 方法如下： 1、nodejs.org/en/download/ 下载node并安装； 2、打开【命令提示符】 在saiku-ui目录下
2016-07-09 16:25:57
2217
原创 简化Saiku可视化面板（二）
在安装完毕Saiku后，由于是社区版本，所以界面上存在很多升级为商业版的文字。可通过如下方式更改来去除相应的内容：(分享交流群548924174) 1、去除查询页面的升级为商业版的提示 You are usingSaiku Community Edition, please consider upgrading to Saiku Enterprise, or entering asponsors
2016-07-09 15:17:00
3791
原创 Saiku屏蔽登陆，删除欢迎页面
在安装完毕Saiku后，想集成查询可视化这个页面，可通过如下方式更改来去除多余内容：(分享交流群548924174)1、在index.html中去掉： 2、在Saiku.js中删掉： splash: new SplashScreen(),3、在Module中找到SessionWorkspace.js做如下修改。
2016-06-02 21:11:46
2944
原创 Saiku-ui代码结构分析
1、Saiku简介OLAP（On-Line Analytical Processing，联机分析处理）是一个使分析师、管理者和执行者从原始数据中用来快速、一致、交互 访问的一种软件技术，从而真实的反映企业的数据情况。OLAP功能特点是动态多维分析整合企业数据。 通过OLAP，Saiku允许用户选择指标和维度用来分析，并且可以对数据进行“切块和切片”和钻取到细节中从而揭开其中的关系。 用户可
2016-04-29 15:13:53
4493
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人