在这篇年终总结中，我将分享在技术舞台上的点滴收获，通过回顾我的不容易/阳光来探寻成长的足迹，也为未来的征程描绘蓝图。愿我的分享如一湾清泉，在你心中激起涟漪，唤醒你内心对未来的热爱与探索。

前言起因是我发布了一个关于职场-技术的交流话题,看看社区内的一些朋友/前辈什么想法交流学习下,谁曾想聊的过程非常热火且愉快。帮助到了一些"曾经的我"。所以决定将一些问题做收录。同时将一些答应大家的问题做一个详细介绍。我是具体怎么"爬起来"的。。比如职场焦虑到底怎么克服。遇到技术问题我是怎么解决的。我的日...

前言｜force布局笔者在fastVG产品图可视化布局中force布局采用D3-force-layout,因此介绍下该布局的一些算法逻辑和基础使用规则。本文预期收获：对于布局算法有更深入的了解。在使用d3 & d3-force的时候 有调参规则的经验。可结合其他渲染库进行独立使用。算法逻辑简介算法说明D3-force-layout (力布局)模块利用velocity ...

如果你有数据分析的场景需求; 如果你有数据分析-图分析的场景需求; 如果你需要汇报PPT,有形成数据图表的需求，如果你有数据分析挖掘的需求; 如果你有日常研发图可视化/chart图可视化的需求....

欢迎各位伙伴,能够观看这次live(前端数据可视化方向)。在过去的一年的分享加起来可能只有7 8次的样子,上传到B站的只有一个(总是忘记录屏...,这次也忘记了= =;) 收到了一些私信希望我多多继续,其中也有一些很好的意见,在逐步转换到我的分享中。今年会加大分享力度 内容呢就是可视化,算法,架构等等方向。上面是我的个人微...

Learn-D3因为中文教程比较少, 特定新建了一个d3相关学习(含demo)的中文仓库分享内容:D3内部模块的深入讲解 有一个系统整体认知Analysis- examples 分析场景的例子Observable D3团队分享示例的环境介绍第一点作为重点, 本系列会完整涵盖 D3 概念, 比如:选择、连接、数据请求、缩放函数、事件处理和转换。D3-IntroductionD...

对于一次直播分享的文字版记录 (建议看视频), 视频云盘链接 全篇主要分为几个方向进行了介绍:Computer Graphics相关WebGL相关Threejs相关Q&A 暂不记录注意下述内容与直播内容可能稍微存在差异。Computer Graphics - 计算机图形学相关什么是图形学? 如何学习计算机图形学?计算机图形学就是研究如何在计算机中表示图形、以...

Threejs到底是什么?学习Threejs需要提前了解什么?3D方面知识以及术语解释看段示例代码注意下述内容是作为笔者的视角下很短时间内所学到知识点的总结,如有遗漏(不解处)及时指出 笔者做修复。(Threejs使用经验是接过外边的项目.. - -，)threejs 到底是什么?The aim of the project is to create an easy to use, lightweig...

什么是V8?V8整体执行流程V8流程细节分析什么是V8?V8 是 Google 的开源高性能 JavaScript 和 WebAssembly 引擎，用 C++ 编写。它用于 Chrome 和 Node.js 等。它实现了ECMAScript和WebAssembly，并在 Windows 7 或更高版本、macOS 10.12+ 以及使用 x64、IA-32、ARM 或 MIPS 处理器的 Linux 系统上运行。V8 可以独立运行，...

以下分析均采用 Sigmajs 框架源码进行分析,有兴趣的同学可以去查看一下。 本文主要介绍下Canvas的事件机制，和一些设计思路。图形事件,设计思路及实现介绍。图形事件需要支持以下的内容:支持各类事件类型事件触发机制事件冲突问题事件类型mousemousedownmousemovemouseupmouseentermouseleavedblclickcontextmenuclickwh...

渲染机制渲染性能分析非即时渲染 (即时渲染)分片渲染分画布图元拆分渲染渲染机制Canvas绘制机制：整个画布是一个画板,在上面进行绘制各种各样的图形,一旦绘制错误需要改正,就需要重新绘制。 {代码...} 渲染性能分析注意关于图形计算,例如复杂图形推导 不算在渲染性能进行分析。渲染性能主要分析以下几点:渲染图元数量 (...

前言每周群内直播记录.欢迎大家加入前端可视化学习群.(2022/02/25)what is D3jsD3js DesignD3js Source codeQ&A---------what is D3js? (什么是D3js)D3js is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visual...

代码是其次 背后的设计 思路 落地方案才是重中之重； 开始源码分析之前先看看g的技术方案(以及截取一张内部开发人员的自我评价..) [各个渲染模式不同的入口，不同版本的 G 都有 Canvas、Group 和 Shape 的实现，通过统一的 interface 对外提供支持。】

在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。

在研发团队内从0打造一个公司级可视化库/工具可行性非常低(无论是成本还是是否具备能力等等...),综上种种,今天推荐一些web方向现有的工具(包含实现概要,技术方向)来供大家参考使用。

前言对于社区来说(关注我的人,还有将要关注我的人)有俩件事提前说一下下:建立的所有专栏我都会去维系。但是写作周期就不做承诺了。确实懒..也不打算靠写文能够给我带来一些收益。(嗯,我对钱没有兴趣)伴随春节的到来,也应该对今年主导推进的技术架构设计,落地,未来计划做一个回顾。涉及到内部隐私,这里将部分内容分享出来...

背景本篇收录于《数据可视化和图形学》专栏之前介绍纹理相关的理论及简单使用 有需要可以参考上文 , 在上文基础进行多纹理实践(更多是帮助群内小伙伴提前脱坑!!!!)本篇大纲多纹理渲染实现思路多纹理渲染coding(几种场景)1. 多纹理渲染实现思路多纹理渲染更多是指 gl_FragColor采取混合纹理 texture2D * texture2D的关系...

前言本文为转载翻译原文标题：2021 Web Worker 现状翻译原文作者：Tapir翻译原文地址：知乎原文地址: The State Of Web Workers In 2021导读: Web 是单线程的。这让编写流畅又灵敏的应用程序变得越来越困难。Web Worker 的名声很臭，但对 Web 开发者来说，它是解决流畅度问题的 一个非常重要的工具。让我们来了解一下 We...

双向链表也叫双链表，是链表的一种，它的每个数据结点中都有两个指针，分别指向直接后继和直接前驱。所以，从双向链表中的任意一个结点开始，都可以很方便地访问它的前驱结点和后继结点。一般我们都构造双向循环链表。【百度百科】

前言《数据结构-使用JS实现四叉树》 上文中简单介绍了四叉树的一些实现和应用场景 本篇文章应评论区各位小伙伴的留言 基于四叉树实现一下2D的碰撞检测。话不多说开始今天的内容。首先看下quadtree测试效果图正文coding部分实现思路数据结构采取四叉树碰撞节点比对进行四叉树查找sample采取canvas2d进行绘制,JavaScript进...

上文介绍了纹理相关的内容,并使用WebGL进行了3d的实现,emm.....本篇文章呢算是一个新方向,也算探索写作的一个思路。(应着群内小伙伴的需求来讲讲框架的日常使用) 当然理论知识肯定是依旧会穿插进来。

链表是一种物理存储单元上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中的指针链接次序实现的。链表由一系列结点（链表中每一个元素称为结点）组成，结点可以在运行时动态生成。每个结点包括两个部分：一个是存储数据元素的数据域，另一个是存储下一个结点地址的指针域。【来源百度百科】

背景本篇收录于《进阶不完全指南》专栏按照以往的系列文章的惯例, 第一篇一般是一个背景介绍和大纲提炼。本系列照旧(写作能力在这 没办法。)首先 表达下我的写作目的:分享给我的组员和朋友,把答应人的事情完成,无愧无悔 足矣!想把进阶路线系统化。当然写作过程中无法避免存在碎片化内容 但是后续如果写的内容足够多 我也...

上文介绍了纹理相关的内容,并使用WebGL进行了2d的实现,今天延续上节课的内容对于纹理的3D实现 也算是吸取了MDN-Tutorial的模式,感觉这样的学习轨道 也算是初衷(每次长篇大论的讲图形学的理论我怕我和你都坚持不下去)目前来说最好的方式了，对于WebGL的学习还是图形学的学习都能有一个认识。话不多说开始今天的内容(大部...

随着业务/人员日益增加,需要在团队内把coding review环节重新拾起来。所以在新老项目都做出了择优抽样分析审查(选择方面从可塑性,后期迭代多方面进行考虑)。确确实实暴露出了一些问题。本篇文章就是把这些问题分享出来,语言参考方面不仅仅局限于JavaScript(存在共同性都可以进行参考)。

首先Canvas 2D 和 WebGL上篇文章做了简单的对比,可以了解到WebGL的API相对来说比较难懂。所以我觉得后续的coding更多是采取WebGL来实现我们的效果(欸,就是玩~) 当然知识点还是从简单到复杂。。。如果一上来就介绍视觉物理,光照/全局光照,抗锯齿,延迟渲染,实时渲染....或许我创建专栏的初衷就丢掉了;当然如果有想深入讨论...

上文谈到在 纠结 中砥砺前行,写下了第一篇专栏文章对于图形学和可视化的认知篇 实现了一个简单的程序。本来打算后续序列已算法和渲染方向为主.但是综合微信/QQ圈内同学反馈晦涩问题 后续文章更多已结论(小节产生效果)为导向进行展开学习。

背景《数据可视化和图形学》专栏创建已然日久,想了很久怎么去开展这个系列(专栏输出比碎片化的输出难多了~):如何精简凝练相关知识体系。如何将系列知识,文章碎片化。每章节如何承上启下,与整体可拆可合。最重要一点第一篇咋个搞合适...总之在纠结中一直迟迟难以下笔。一天，一天.... 草稿箱里十几篇总有的,后面想通了。...

前几天，我开始想写前端生态周边之浏览器幕后的文章。其实也是是对于零碎知识进行整合。希望能给大家带来从0-1，而非模块 的认识。另外一个初衷也是作为前端的视角到底应该了解浏览器的什么内容。(很多人想深入要看下WebKit源码,V8源码个人感觉稍微有点离谱 并不适合每个前端同学去实践 会让你感觉到绝望)

昨天的文章中提到了一个小插曲, 故事的由来是我微信中的一个"小老板"突然来了个不可言喻的表情(Little (small) boss "SB..."??? 哈哈 还是简称小吧)。然后开始了下面的对话: