Hi
出家人不打诳语，你这个需求我说做不了就是做不了。
JavaScript 实现上下键选择推荐词
on Front-End
摘要：这里说的推荐词，其实是指当用户点击一个文本框时，从文本框中自动弹出的一个下拉列表，一般为用户的搜索历史记录或者服务器根据用户搜索文本匹配的推荐列表，用英文的 suggestion 形容还算到位。最近实现了一个可以用方向键上下选择 suggestion 的需求。功能实现起来并不复杂，记录一下以备未来之需。
JSON.parse 和 JSON.stringify 的兼容实现
on Front-End
摘要：IE 和死活不想抛弃 IE 用户的产品经理无疑是前端工程师的噩梦，至少对于我这种半路出家的非佛系前端工程师是这样。这不这两天又做噩梦了，测试同学说线上 IE7 的控制台里有报错，我打开一看显示说 “JSON”未定义。不得不说 IE 的错误提示非常简约，你倒是给我说下到底是那个 JSON 没定义啊，你不说我还寻思是后端同学的 json 接口格式不对呢。仔细查了一下，原来 IE8 以下不支持 window.JSON，导致代码中使用的 JSON.parse 和 JSON.stringify 均报错了。嗯，很好，非常好，这样我就不会觉得是我代码的问题了，这个锅 IE 你不得不背。#doge脸#
JavaScript 获取页面内的选择文本
on Front-End
摘要：刚刚上线了 搜狗翻译 PC 端的二期优化需求，终于有空写写自己的博客了。本次的二期需求中有一项是划词翻译，即用户使用鼠标在页面内选取一段文本，会在选取文本的右下方弹出一个小浮层，显示其选取文本的翻译内容。关于获得选取文本这里的技术点大体上是使用 window.getSelection 这个 API。但是在开发中发现不同浏览器对于这个 API 的兼容还是比较坑的。所以有必要在此做个记录。
JavaScript 中常见尺寸的计算方式
on Front-End
摘要：前端的日常开发中，总是免不了碰到一些常见的需求，比如：在屏幕正中弹出一个浮层、滚动到屏幕底部时加载更多数据等等。这些需求的实现有一个共性，那就是需要计算屏幕宽高以及屏幕的滚动距离。这里就针对 JavaScript 中各种尺寸的计算方式进行一个简单的整理，希望能记住并熟练应用。
初窥 Webpack
on Front-End
摘要：当下 webpack 真是有点火，要说没听过或者不懂 webpack 都不好意思跟人说是个搞前端的。这里我尝试写一个 webpack 的简易上手教程，证明一下我也算是个“前端配置工程师”了。
继续阅读：初窥 Webpack
Visual Studio Code 使用手册
on Dev-Tool
摘要：我是一个半路出家的前端工程师，受最早写 Java 都用 Eclipse 的影响，后来不管是改用 IntelliJ IDEA 写 Java，还是用 Webstorm 做 IDE 或用 Sublime 做编辑器，都会把快捷键设置成 Eclipse Keymap，因为实在是记不住那么多新的快捷键。所以其实很早前就被安利过 VS Code，但还是因为上述的原因一直懒得尝试。最近由于工作内容的调整（开始接手搜狗翻译前端项目），而且既然已经决定转型做一名前端工程师了，有理由告诉自己是时候忘掉 Eclipse 了。那么就改头换面入坑 VS Code 吧。
JavaScript 中的各种 for
on Front-End
摘要：这里说的各种 for 是指 JavaScript 中 for 语句的各种衍生语法，比如 ES5 的 forEach 和 map、jQuery 的 each 等等。看似简单方便的语法命令，但是每到用的时候，就会有些彷徨：forEach 到底能不能遍历对象呢？each 的回调里 index 和 value 到底哪个在前？当面临诸如此类非常细微却又永远记不住的细节的时候，我认为就有必要总结一下了，记不住的时候记得来这里查一下。
继续阅读：JavaScript 中的各种 for