飞翔的福先森

去年全景图在微博上很是火爆了一阵，正好我也做过一点全景相关的项目，这些天抽空写下这一篇用Three.js来实现全景图的文章，和大家一起探讨。真的是抛砖引玉，还请包涵。 1. 开胃菜：用纯css实现一个伪全景图 2. 正餐：用Three.js实现全景图 尝了开胃菜，大家大概也能猜…

本文主要通过两方面来解剖 WebGL & Three.js ：WebGL 背后的工作原理和以 Three.js 为例，讲述框架在背后扮演什么样的角色，希望对大家学习有所帮助。

最近突然回想到之前看过的一个动画，是一个正方体向球体表示爱意，被拒绝，改变自己的小动画。 1. 导演上场 这个动画中存在镜头转换，所以我们需要一个导演把控全局，写个简单效果进行测试。 测试完成。 2. 猪脚 cube 登场 龙套们退场，猪脚登场。 这样猪脚看起来还是眉清目秀的。…

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…

怎么办？好好准备呗。

感谢OnceLove提供的思路，借助他的小程序的界面UI风格，自己重新用mpvue实现了属于自己的婚礼邀请函，前前后后花了3天时间。在这之前本人是没想过要自己实现这样一个项目，原因是后台那块是个麻烦事，所以当媳妇让我自己实现这个邀请函的时候，起初我是拒绝的。后面由于快要过年了，…

这个项目我负责的部分是一个控制台的需求，用户可以在这个模块进行佣金、订单等项目的修改设置，可以看到第 1 张图相当于控制台首页，页面上有 1、2、3、4、5 个入口，其中 1-4 入口进入的页面对应 4 个页面，但是 4 个页面主要结构相同，中间商品列表样式信息不同，为了简略 4 图归为第二张图。入口 5 对应第三张图。 这几个页面需求并不复杂，大项目本身也是是基于 zepto 的，单单把这个模块拿出来抽离成单页形式主要为了两点考虑： 控制台毕竟涉及操作 dom 的需求会很多，为了兼容未来产品迭代的复杂需求。 控制台从产品最终的形态上更像是一个独立的应用，且用户进入控制台首页后所有的操作就在当前单页内进行操作，无需 a 链接跳转，在体验上也是很贴合用户的。 基于以上两点使用 vue 以及 vue 大礼包编写了这个单页模块。

在前一篇文章中, 我介绍了关于 D3 selection 的基础, 这些基础足以让你开始使用 D3 selection. 在这篇文章中, 我将介绍 d3-selection 的实现原理. 本文可能需要更长的时间来阅读, 但它能揭开 selection 的原理 并让你能真正掌握数…

在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ，我的第一反应也是，感觉很麻烦啊。所以我一直在想，有没…