孔小建

WebGL 应用已经比较成熟，在网络中也能找到很多精彩的应用。 本次活动中，应用 WebGL 技术，配合设计师，基于 C4D 软件模型编辑，通过 Blender 进行标准化输出，最终在 Web 端呈现交互。 在此我们一起看一下制作开发流程及很多吸引人的技术细节，以及对于新技术落…

我们都知道，React 最大的卖点之一，就是 Learn once, write anywhere 的通用性。但如何才能在浏览器之外，甚至在 Node.js 之外，用 React 渲染 UI 呢？本文将带你用 React 直通嵌入式驱动层，让现代前端技术与古老的硬件无缝结合。 …

地图的渲染原理请自行了解：Web地图呈现原理，其中重点了解地图数据以瓦片为单位进行加载和绘制这一点即可。在3D地图中，由于有俯仰角和水平旋转角的存在，墨卡托投影上的可视范围与可视窗口大小并不相同，会呈现一个梯形： 当俯仰角增大时，梯形上半部分会快速扩大，导致加载的瓦片过多而影响…

前段时间领导要我做一个流体粒子的demo,正巧我也最近在看一些流体、烟雾的文章，接到任务兴奋劲儿一下就上来了，因为没有实践过，而且效果看着很不错，于是乎我脑海里就在想整个流程，遇到其中一个硬性问题就是流体粒子每一个都有自己的速度和坐标，那我用js去运算且更新这些数据岂不是很耗性…

0. 背景 随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我们前端构建技术选型的不二选择，包括 create-react-app 以及 vue-cli 等等业内常见的…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 双问号 ?? 的操作符跟 || 类似，如果给定变量值为 null 或者 undefined，刚使用双问号后的默认值，否则使用该变量值。 如果 a 是 truthy 值，则返回 a, 否则返回 b。 除了 und…

AST 是一个非常基础但是同时非常重要的知识点，我们熟知的 TypeScript、babel、webpack、vue-cli 得都是依赖 AST 进行开发的。本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 第一次看见 AST 这个概念的时候还是在《…

最近在学习webGL原生，给的3d项目又不是很多，就想到了其实2d的项目也可以拿webGL练习，在接到这个项目之后，脑子里蹦出个要做出粒子的效果，大致思路已经有了，就是获取图片的有效像素作为point的xy坐标，z轴的不同来实现3d粒子效果，顺着思路往下想，透视投影的话那我生成…

| 导语 最全Flutter教程，涉及Dart语言，Flutter Widget，Flutter状态管理等。 最爱折腾的就是前端工程师了，从 jQuery 折腾到 AngularJs，再折腾到 Vue、React。 最爱跨屏的也是前端工程师，从 phonegap，折腾到 Rea…