摘要： 上篇讲异步的时候，提到了同步队列和异步队列的说法，其实只是一种形象的称呼，分别代表主线程中的任务和任务队列中的任务，那么此篇我们就来详细探讨这两者。 一、来张图感受一下 如果看完觉得一脸懵逼，请继续往下看。 二、解析 我们还是拿上篇的例子做解析 step1：f1、Promise对象实例化、f2被放入 阅读全文

摘要： 大家都知道，js是一个单线程的语言（只有一个线程来执行js函数），所以如果某一个函数执行任务耗时比较长的话，就会造成阻塞，使得后续任务一直处于等待状态。 一、阻塞示例 f1、f2依次执行，控制台打印： 二、setTimeout函数 f1、f2依次执行，控制台打印： 看上去好像先执行了f2，后续才执行 阅读全文

摘要： 对于if-else想必大家都不会陌生，通常用于多条件判断，当判断条件过多时，大家可能会想到用switch-case（条件分支语句）来优化； 温馨提示：多条件判断的时候要遵循白名单规则！！！ 尽管用到了条件分支语句优化了代码，但依然是有继续优化的空间的，无论是在代码执行效率上还是在后期项目管理上。 一 阅读全文

摘要： 不知道大家有没有一种感觉，那就是自己写的javascript代码虽然能完全解决工作上的需要，但是，一眼望去，too simple！！！简直就是一个傻子都能看懂的水平，于是，在工作之余，我开始去收集一些几乎在日常开发中未曾用过的javascript写法/有价值的javascript知识点，借此来提高自 阅读全文

摘要： 先来看一下three.js包的目录结构： 我们使用的时候，可以一次性import所有的功能，也可以按需引入，全依赖three.module.js这个文件对three.js的功能作了模块化处理； 但是，该模块化处理的功能仅仅是引入了src下面的所有功能类，实际开发中，我们还需要拓展包（examples 阅读全文

摘要： 其实代码很简单，也很容易懂（我用的是r99版本的three.js，目前网上大多数demo是60或者80的版本，其中的一些api已经废弃，如下是r99版本支持的写法）： 注：渲染器是WebGl渲染器 如上的代码，你将看到如下画面： 但是这么多“粒子”都是正方形的啊，哪来的雪花呢，不急，注意到代码中注释 阅读全文

摘要： 一、基础网孔材料 MeshBasicMaterial 图示（光源是(0,1,0)处的点光源）： 二、深度网孔材料 MeshDepthMaterial （由于只是改了材料名，代码将不重复贴出） 在这里，有必要提一下远景相机的属性了： 大概就是这么个意思，下面，我们把上述两个参数改为3,4看一下效果： 阅读全文

摘要： 首先创建场景来试验各种光源带来的不同效果： 一、锥形光源（聚光灯） SpotLight 接下来缩小范围（π/7）： 二、基础光源（环境光） AmbientLight 上例中没有添加环境光，使得周围黑漆漆的，下面就添加环境光： 效果： 三、点光源（照射所有方向） PointLight 为了更加明确地展 阅读全文

摘要： 一、微信公众平台 登录微信公众平台，申请小程序开发所需的AppID和AppSecrect。 为方便后期其他人参与调试，与此同时新增成员，为其添加开发权限： 二、下载微信开发者工具 此步略过。。。 三、新建项目 打开工具之后，要用微信扫码登录，然后新建项目 项目目录怎么办，项目还没开始写呢，好办，gi 阅读全文

摘要： 初中物理教过我们镜面反射和漫反射，这是由于物体的材质直接导致的。 在three.js中，由于物体的材料不同，对于光源的反应也是不一样的，下面就让我们一探究竟。 一、材料 据Three.js中描述，有两种材料能对光源有所反应： 就是图中箭头标识的两种材料。 二、检验 编辑前例，设置光源位置： 如图所示 阅读全文

摘要： 先来张图： 一、调整机位和辅助线 由上述代码可知，现在的机位是三维坐标轴上的点（2,2,2），方框的那一句很重要，有了这一句，你将获得上帝视角！！！ 接下来添加辅助线（立体空间三轴）： 这样就添加了一个轴辅助线，由于我们是站在（2,2,2），所以看到的辅助线是这样的： 这是一个标准的右手坐标系！ 二 阅读全文

摘要： 假设你已经创建好了three.js的开发环境（我是写在vue项目中的），那么接下来，从头开始演示是如何用three.js来构建3D图形的。（笔记本写的代码，屏幕小，所以为了能够整屏看到完整代码，就将字体缩小了，如果觉得看不清的，可以另行放大） 一、页面DOM结构 正如你所见，这就是一个vue的模板页 阅读全文

摘要： WebGl中文网看了几篇教程，又百度了几篇文章，顿时感觉手痒，打开编辑器，写个demo玩玩。 demo是写在vue项目中的，所以首先： npm install three --save; npm install tween --save; 安装依赖包（目前阶段tween用不上，但是先一起安装了）。 阅读全文

摘要： 一、新建画布 二、数据处理 三、绘制连接线 图示： 四、绘制节点、文字 图示： 五、总结 path元素：其实就是定义了绘图的坐标点，从哪开始，移动到哪，怎样移动（命令） 具体可百度（或许以后我会总结一篇关于path的？） 另外：此篇树状图用了博主自定义的automatch和attr（扩展版）函数，若 阅读全文

摘要： 先上图，后面再一一解释： 参考博客：https://blog.csdn.net/qq_34414916/article/details/80036679 ok，为了方便理解，这里我就没有用之前封装的automatch函数来将数据和节点匹配了，如果你对enter(),exit()函数还不是很理解的话， 阅读全文