整理自己的 Idea 成一本电子书，有需要的可以获取哈

phodal · 2016-04-29T01:44:37Z

GitHub: https://github.com/phodal/ideabook 目录：分析网站日志，打造访问地图概况背景 ShowCase Hadoop + Pig + Jython + AmMap + ElasticSearch 步骤 Step 1: 搭建基础设施 [Step 2: 解析 access.log]( http://ideabook.phodal.com/#step-2-解析 access.log) [Step 3: 转换 IP 为 GEO 信息]( http://ideabook.phodal.com/#step-3-转换 ip 为 geo 信息) Step 4: 展示数据到地图上练习建议书籍录入程序概况背景 ShowCase Ionic + Zxing 步骤 [Step 1: ZXing 扫描与 Douban API]( http://ideabook.phodal.com/#step-1-zxing 扫描与 douban-api) Step 2: 存储数据库练习建议 [程序员专属 Badge 制作]( http://ideabook.phodal.com/#程序员专属 badge 制作) 概况背景 ShowCase [SVG 与 SVGWrite]( http://ideabook.phodal.com/#svg 与 svgwrite) 步骤 Step 1: 基本图形 [Step 2: 高级 Badge]( http://ideabook.phodal.com/#step-2-高级 badge) [Web 文本编辑器]( http://ideabook.phodal.com/#web 文本编辑器) 概况背景 ShowCase CKEditor + Ractive 步骤 Step 1: Step 2: Step 3: 练习建议 [JavaScript 打造 Slide 应用]( http://ideabook.phodal.com/#javascript 打造 slide 应用) 概况背景 Showcase 需求步骤 [Step 1: 基本的 Slide 功能]( http://ideabook.phodal.com/#step-1-基本的 slide 功能) [Step 2: 解析 Markdown]( http://ideabook.phodal.com/#step-2-解析 markdown) Step 3: 事件处理 Step 4: 解析时间 Step 5: 进度条 Step 6: 同步练习建议编辑-发布-分离应用概况背景: 编辑-发布-开发分离用户场景步骤 Step 1: 构建工具 Step 2: 静态页面生成 [Google Map 与 Solr 实现多边形搜索]( http://ideabook.phodal.com/#google-map 与 solr 实现多边形搜索) 概况背景 Showcase Solr 步骤 Step 1: Solr Flask Step 2: Google map Polygon 一份代码打造跨平台应用概况背景 ShowCase Ionic & Electron & Cordova 步骤 [Step 1: 从 Web 到混合应用，再到桌面应用]( http://ideabook.phodal.com/#step-1-从 web 到混合应用再到桌面应用) Step 2: 响应式设计 Step 3: 平台特定代码未来 [Ionic ElasticSearch 打造 O2O 应用]( http://ideabook.phodal.com/#ionic-elasticsearch 打造 o2o 应用) 概况背景 Showcase 构架设计步骤 Step 1: Django GIS 设置 [Step 2: 配置 Haystack]( http://ideabook.phodal.com/#step-2-配置 haystack) [Step 3: Django Haystack Model 创建]( http://ideabook.phodal.com/#step-3-django-haystack-model 创建) [Step 4: 创建 search_index]( http://ideabook.phodal.com/#step-4-创建 search_index) Step 4: Ionic ElasticSearch 创建页面 Step 5: Ionic ElasticSearch Service Step 6: Ionic OpenLayer 地图显示跨协议的物联网平台设计概况背景 Showcase 步骤 Step 1: 架构设计物联网服务层 Step 2: 基本骨架 Step 3: 六边形架构 Step 4: 整合 Step 5: 练习建议 [一步步搭建 JavaScript 框架: Lettuce]( http://ideabook.phodal.com/#一步步搭建 javascript 框架-lettuce) 概况背景步骤 [Step 1: 注册 npm 和 bower 包]( http://ideabook.phodal.com/#step-1-注册 npm 和 bower 包) [Step 2: 生成 Javascript 项目框架]( http://ideabook.phodal.com/#step-2-生成 javascript 项目框架) Step 3: 寻找所需要的函数 Step 4: 整合 Step 5: 测试练习建议 [基于 Virtual DOM 的测试代码生成]( http://ideabook.phodal.com/#基于 virtual-dom 的测试代码生成) 概况背景 ShowCase 基本原理步骤 [Step 1: Virtual-dom 与 HyperScript]( http://ideabook.phodal.com/#step-1-virtual-dom 与 hyperscript) [Step 2: 标记 DOM 变化]( http://ideabook.phodal.com/#step-2-标记 dom 变化) 移动框架概况背景 Showcase jQuery + Backbone + UnderScore + Require.JS 步骤 [Step 1: 使用 Require.js 管理依赖]( http://ideabook.phodal.com/#step-1-使用 require.js 管理依赖) Step 2: 添加路由 [Step 3: 创建主页 View]( http://ideabook.phodal.com/#step-3-创建主页 view) Step 4: jQuery Sidr [Step 5: Django Tastypie 示例]( http://ideabook.phodal.com/#step-5-django-tastypie 示例) Step 6: RequireJS Plugins Step 6: 简单的博客 Step 7: 重构 [Step 8: 移动 CMS 滑动]( http://ideabook.phodal.com/#step-8-移动 cms 滑动) [Oculus + Node.js + Three.js 打造 VR 世界]( http://ideabook.phodal.com/#oculus-node.js-three.js-打造 vr 世界) 概况背景 Showcase 框架： Oculus Rift & Node NMD 步骤 Step 1: Node Oculus Services Step 2: Node.js Oculus Hello ， World Step 3: Node Oculus WebSocket Step 4: Oculus Effect + DK2 Control Step 5: Three.js KeyHandler 练习建议制作照片地图概况 [Background:把照片放在地图上]( http://ideabook.phodal.com/#background 把照片放在地图上) Showcase 框架： EXIF & ExifRead & CartoDB 步骤 Step 1: 解析读取照片信息 Step 2: 上传数据练习建议 D3.js 制作技能树概况背景 Showcase Graphviz 步骤 Step 1: 打造简单的技能树 Step 3: D3.js Tooltipster 技术雷达趋势概况背景 Showcase D3.js 步骤 [Step 1: Schema 与原始代码]( http://ideabook.phodal.com/#step-1-schema 与原始代码) Step 2: 处理数据 [文本转化为 Logo]( http://ideabook.phodal.com/#文本转化为 logo) 概况背景 ShowCase 需求说明步骤 [Step 1: Python 文字转 Logo 实战]( http://ideabook.phodal.com/#step-1-python-文字转 logo 实战) [GEOJSON 与 ElasticSearch 实现高级图形搜索]( http://ideabook.phodal.com/#geojson 与 elasticsearch 实现高级图形搜索) 概况背景 Showcase jQuery + Mustache + Leaflet 步骤 Step 1: 离线地图与搜索 Step 2: 从地点到地图上显示 Step 3: 从地图到地点上显示