摘要： 这段时间在忙着写一个web端3D可视化编辑的项目(其实也只是有空闲并且心血来潮的时候才会去写的)和其他个人爱好相关的事情； so，看一下目前项目进度的相关截图： 其实就是将echarts的配置图形化，目前暂且写了4个组件。 然后，上个礼拜发现余额宝的收益已经跌破2%了，于是抱着玩玩的心态连夜找了一只 阅读全文

摘要： 之前跟朋友讨论前端未来发展方向的时候，朋友有提到移动端，当时我觉得3D也将会是一个方向，于是就去专攻了一下webgl、three.js这些技术并从事这方面的开发。 时光荏苒，现在纵观一下前端开发的实况，感觉就像是下图所示的这样： 难易度上个人感觉：pc < m < 3d ； 然而针对具体的技术，要达 阅读全文

摘要： 针对web页面的首屏加载问题，一直是个问题，为此还引出一个性能考量标准：白屏时间、首屏时间。 1.白屏时间 打开chrome控制台的Performance，我们可以看到页面的渲染快照： 这段白屏时间影响的因素归根结底就是：资源加载耗时较长（chunk.js文件下载耗时35.75s）； 而对于现在的大 阅读全文

摘要： 之前一直忙于webgl的学习，es6、node以及前端框架的学习稍有耽搁，今天刷到一个题，也趁此机会加深一下对es6的学习： 写过es6的都知道，es6提供了一个异步对象Promise用来编写异步代码； 我们在写Promise的时候会通过then来处理异步事件返回的结果，then方法接收两个匿名函数 阅读全文

摘要： 无论你是在用three.js还是babylon.js还是其他B端三维引擎，你似乎都能经常见到标题所提到的如下三个概念：camera(相机)、renderer(渲染器)、scene(场景) 那么这三者究竟是通过怎样的方式将三维物体呈现在浏览器中的呢，今天我们就通过three.js的相关源码来一探究竟( 阅读全文

摘要： 1.1实数 先将所有的有限小数表示为无限小数，例如： 5.234 = 5.2339999999... 即(a0非负)下面两式等价： 现在令(我记得这个应该叫x捌)： 那么对于x： Xn称为X的n位不足近似(很明显Xn < X); Xn捌称为X的n位过剩近似(很明显Xn捌 > X); 阅读全文

摘要： 记得上次看d3应该是1年前的事情了，当时还一边看一边写了d3(v5.7)的一个学习笔记：https://www.cnblogs.com/eco-just/tag/d3/ 后来转战three.js就没继续研究了(其实也是感觉api层面的东西也没有深入研究的必要，何况后续项目也不会用到这些东西)。 期间 阅读全文

摘要： 出于对web端3D技术的对比，以及WebGL的发展现状和WebGPU的发展前景，我觉得有必要涉猎一下babylon.js了。 可以参考一下下列文章： 1⃣️下一代web端图形接口现状与前景：https://zhuanlan.zhihu.com/p/59691803 今天就先在react里面测试一下官 阅读全文

摘要： 这几天遇到一个需求，类似这个案例：http://www.hightopo.com/demo/FaultDetection/ 就是这个透明渐变呼吸光柱，看到之后就想着写个shader材质实现透明度渐变，并随着时间微弱变化就好了，但是写完之后，透明部分的渲染却出了问题。 请先无视顶部纹理，因为这不是重点 阅读全文

摘要： 这段时间一直在看如何用shader绘制一个流动的水面，直接用贴图(高度图、法向贴图)实现的方法，这里就不讨论了。 搜了一大波博客资料，感觉存在如下一些问题： 1⃣️大多数资料都是基于opengl实现(或者是unity里的shader)，过多关注点在渲染上面而不是水波的mesh实现上，让人没有看下去的 阅读全文

摘要： 在这里就不科普webassemly的作用以及好处了，请自行百度。 那么，怎么通过js的方式在浏览器中运行c程序呢，其中原理如下： 可能另一张图会更详细： 1.安装emscripten 说明文档地址：https://emscripten.org/docs/getting_started/downloa 阅读全文

摘要： 1.热力图 开始的时候，是用一个网上找的canvas画渐变热点的demo，原理就是给定顶点坐标，然后画圆，颜色使用渐变色，根据权重决定渐变的层数（红色->橙色->绿色） 。 但是终究觉得这种方法不仅繁琐，而且画出来的效果不够自然。 后来发现有一个开源库heatmap效果很好，它是这样用的(官方dem 阅读全文

摘要： 如果你还不知道如何在three.js中添加后期渲染通道，请先看一下官方的一个最简单的demo : github。 正如demo中所示的那样，我们的扫光效果，也是一个自定义的ShaderPass。 所以，我们得写一个shader来实现想要的效果，这里介绍一下实现的思路。 1.在自定义通道上，先获取场景 阅读全文

摘要： 一、数据通信系统模型 二、传输媒体(介质/媒介) 双绞线:价格便宜,性能也不错,使用十分广泛,数字传输和模拟传输都可以使用双绞线. 同轴电缆:被广泛用于传输较高速率的数据,目前主要用在有线电视网中. 光缆:光纤通信使用的媒介,传输带宽远远大于其他各种传输媒体的带宽, 发送端有光源,利用发光二极管或者 阅读全文

摘要： 一、英特网 ISP是英特网服务提供商，例如国内的电信、联通、移动。 根据提供服务的覆盖面积大小和拥有的IP地址数目不同，分为主干ISP、地区ISP、本地ISP。 为了更快的转发分组(数据)以及利用网络资源，英特网交换点IXP产生了，IXP的作用是允许两个网络可以直接相连交换分组； 如上图，有了IXP 阅读全文