伽蓝漠泊

好久没写可视化方面的帖子了，最近在网上找灵感，发现一张图个人感觉不错，正好现有技术也可以实现个八九不离十，使用到的技术vite + typescript + threejs

虽然前端很少跟docker打交道，但随着工作流程的自动化现代化，docker正变得越来越重要。无论你是希望扩展技能到全栈领域，还是想要炫技，掌握Docker基本知识都是前端小伙伴重要的一步。快来了解下

在Web 页面或 Web 应用程序的开发中，有些元素是需要被隐藏起来。让一个元素隐藏起来的实现方案会有很多种，只不过每种不同的技术方案实现的原理和最终呈现给用户的渲染方式会有所不同。

Three.js 是一款基于 WebGL 的 3D 图形库，让开发者能够轻松地创建和渲染三维场景。在构建一个 3D 场景时，有很多辅助对象可以帮助我们更好地调试和可视化场景。

3D区块地图没点效果都不敢拿出去炫耀了！点击来就学如何用Three.js给3D区块地图搞个泛光轮廓和渐变围栏~

鼠标框选的需求平常并不常见，但若碰到了，你会做吗？一个较为复杂的组件，api 要如何设计？怎么将平常所学运用其中？

Fabric.js是一款强大的HTML5画布库，它能够让我们轻松地在网页上创建、编辑和操纵各种图形元素。无论你是想制作一个炫酷的图形编辑器，还是实现动态的图形效果，Fabric.js都能满足你的需求。

从第 3 年之后就感觉技术没什么提升了 ，后面都是在各个小作坊担任前端组长角色（其实感觉就是救火队长），哪里项目急去哪里，哪里有难题去哪里。实际比 UI、比测试、比实习产品的地位还低，基本没有话语权。

使用typescript构建three.js项目 @[TOC] 1.初始化一个npm项目 新建一个文件夹，打开控制台输入npm初始化命令，然后一路enter，最后Y一下。文件夹中就多了一个packag