J.c
> 本文首发于 [凹凸实验室](https://aotu.io/notes/2016/11/15/xcel/) ![封面][1] XCEL 是由京东用户体验设计部凹凸实验室推出的一个 Excel 数据清洗工具，其通过可视化的方式让用户轻松地对 Excel 数据进行筛选。 XCEL 基于 Electron 和 Vue 2.x，它不仅跨平台（windows 7+、Mac 和 Linux），而且充分利用 Electron 多进程任务处理等功能，使其性能优异。 落地页：https://xcel.aotu.io/ ✨✨✨ 项目地址：https://github.com/o2team/xcel ✨✨✨ ## 项目背景 用户研究的定量研究和轻量级数据处理中，均需对数据进行清洗处理，以剔除异常数据，保证数据结果的信度和效度。目前因调研数据和轻量级数据的多变性，对轻量级数据清洗往往采取人工清洗，缺少统一、标准的清洗流程，但对于调研和轻量级的数据往往是需要保证数据稳定性的，因此，在对数据进行清洗时最好有标准化的清洗方式。 ## 特性一览...
本文翻译自 http://jlord.us/essential-electron/ 本文将简明扼要地讲解 Electron。 Background | Development | Development Con't ---|---|--- What is Electron | Prereqs | Stay in touch Why is this important | Two Processes | Put it...
> 本文首发于 [凹凸实验室](https://aotu.io/notes/2016/11/08/first-mobile-rebuild/) ![封面][1] 最近被分配到移动端开发组，支持某活动的页面页面制作。这算是我第一次真正接触移动端页面制作，下面就谈谈个人总结和思考。 ## 整体流程 开会大体讲解、讨论与排期 -> 交互设计 -> 视觉设计 -> 页面页面制作 -> 前端开发 -> 测试 每个步骤环环相扣，每个职位都需要和其前后的人沟通协调。 测试遇到问题则会反馈到相应环节负责人。 当然，涉及的职位也不仅于此，还有法务同事审核内容是否符合当前法规等等。 ## 构建工具 ### Athena 前端开发离不开构建工具，除了敲代码，其余都交给构建工具（如组件开发、CSS 兼容处理、图片 Base64、图片雪碧图和压缩处理等）。 在 [Athena](https://athena.aotu.io/)...
> 本文首发于 [凹凸实验室](https://aotu.io/notes/2016/08/24/2016-8-24-webvr/) ![封面][1] > “目镜在他眼前涂上了一抹朦胧的淡色，映射着一幅弯曲的广角画面：一条灯火辉煌的大街，伸向无尽的黑暗。但这大街其实并不存在，它只是电脑绘出的一片虚拟的空间。”——《Snow Crash》，Neal Stephenson 1992年 ## 什么是 VR VR（Virtual Reality）是利用电脑模拟产生一个三维空间的虚拟世界，提供用户关于视觉等感官的模拟，让用户感觉仿佛身历其境，可以及时、没有限制地观察三维空间内的事物。用户进行位置移动时，电脑可以立即进行复杂的运算，将精确的三维世界视频传回产生临场感。—— 维基百科 ### VR 的显示原理 了解 VR 显示原理前，先了解我们人眼的立体视觉的成像原理： 人眼的视觉是可以感觉出深度的，也就是**深度知觉（depth perception）**。而有了深度的信息后，才能判断出立体空间的相对位置。 另外，由于两个眼睛的位置不一样（一般人两眼相距 5~7 厘米），所以看到的东西会有**两眼视差（binocular parallax）**，大脑再将这两个图像做融合处理，从而产生立体的感觉（即所谓的 binocular cues）。 ![立体视觉][2]...
> 本文涉及多个 Codepen 案例，若想获得更佳体验，请到 [凹凸实验室博客](https://aotu.io/notes/2017/08/28/getting-started-with-threejs/) 阅读，谢谢。  ## 引言 > 三维计算机图形和二维计算机图形的不同之处在于计算机存储了几何数据的三维表示，其用于计算和绘制最终的二维图像。——[《3D computer graphics》][1] 随着 WebGL 标准的快速推进，越来越多团队尝试在浏览器上推出可交互的 3D 作品。相较于二维场景，它更能为用户带来真实和沉浸的体验。 然而 OpenGL 和 WebGL（基于 OpenGL ES） 都比较复杂，Three.js 则更适合初学者。本文将分享一些 Three.js 的基础知识，希望能让你能有所收获。 当然，分享的知识点也不会面面俱到，想更深入的学习，还得靠大家多看多实践。另外，为了控制篇幅，本文更倾向于通过案例中的代码和注释进行阐述一些细节。 若想系统学习，笔者认为看书是一个不错的选择：...
设计模式的定义：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。 ## 第一部分 基础知识 ### 第一章 面向对象的 JavaScript JavaScript 没有提供传统面向对象语言中的类式继承，而是通过原型委托的方式来实现对象与对象之间的继承。JavaScript 也没有在语言层面提供对抽象类和接口的支持。正因为存在这些跟传统面向对象语言不一致的地方，我们在用设计模式编写代码的时候，更要跟传统面向对象语言加以区别。 #### 多态 “多态”一词源于希腊文 polymorphism，拆开来看是 poly（复数） + morph（形态） + sim，从字面上我们可以理解为复数形式。 多态的实际含义是：同一操作作用于不同的对象上面，可以产生不同的解释和不同的执行结果。换句话说，给不同的对象发送同一个消息时，这些对象会根据这个消息分别给出不同的反馈。 ```js /* * 多态 * 一段“多态”的 JavaScript 代码 *...
![cover][1] > 微信小程序是赋能开发者微信生态能力、改善 Web 用户体验、对 Web 开发者友好的特定应用。 ### 前言 最近参与了一个新项目，涉及到微信小程序。鉴于第一次接触小程序和对小程序的期望，借此谈谈本次项目的总结与思考。 > 笔者之前也编写了[《我的第一次移动端页面制作 — 总结与思考》][2]。 ### 小程序的生态 在微信的[《2018 年数据报告》][3]中提到： 1. 截止 2018 年 9 月，微信总体活跃账户数达到 10.82 亿。 2. 小程序目前已经覆盖了 200+ 个行业，服务用户达到...
阅读体验更佳：https://jchehe.gitbook.io/mysql_data_types_cn/ 原文：[MySQL 8.0 官方文档的第十一章][1] **目录**（译者注：目录跳转可能无效，请直接搜索文字） 1. [数值数据类型][2] 2. [“日期和时间”数据类型][3] 3. [字符串数据类型][4] 4. [空间数据类型][5] 5. [JSON 数据类型][6] 6. [数据类型的默认值][7] 7. [数据类型的存储要求][8] 8. [为列选择正确的类型][9] 9. [使用其他数据库引擎的数据类型][10] ## 概述 MySQL 支持几种类别的 [SQL][11] 数据类型：数值类型、“日期和时间”类型、字符串（字符和字节）类型、空间类型和...
《Nginx 高性能 Web 服务器详解》于 2018 年购买，两年有余。印象中是看了一下就看不下去了，毕竟当时没有实际应用。现在终于使用上了，也遇到一些问题，所以有动力看了，并整理了笔记。 > 书评：相对于官方文档，书本扩充了很多相关知识面，这对于第一次接触 Nginx 的人来说，无疑更易掌握知识点。然而，本书存在不少拖沓冗余，甚至让人一头雾水的描述，错词错字也不少。另外，因为基于 Nginx 版本非最新，存在过时的描述。综上所述，笔者建议本书与官方文档一起阅读，效果更佳。 > 本书基于 Nginx 1.2.3。书本有些表述不清晰的地方，笔者会结合官方文档进行完善，同时会附上链接。另外，本文是基于笔者个人情况进行选择性记录，建议大家通过官网文档获取最新、最全的信息。 ## Nginx 初探 Nginx（engine-x）的开发工作从 2002 年开始，于 2004.10.04 发布正式版本，版本号为 0.1.0。Nginx 最早开发的目的之一是邮件代理服务器。 本书将 Nginx 提供的基本功能服务归纳为基本 HTTP...
> 难得一见的好书，无论深度还是文笔。本文几乎原样摘抄书本上个人认为相对重要的段落，方便日后回顾。 ## 第 1 章 Node 简介 ![Chrome 浏览器和 Node 的组件构成][1] Chrome 浏览器和 Node 的组件构成 除了 HTML、WebKit 和显卡这些 UI 相关技术没有支持外，Node 的结构与 Chrome 十分相似。它们都是基于事件驱动的异步架构，浏览器通过事件驱动来服务界面上的交互，Node 通过事件驱动来服务 I/O。 ### Node 的特点 1....