分类：搬砖秘籍
共 375 篇文章
Vim YouCompleteMe 使用整理
YouCompleteMe 是我使用 Vim 的必备插件，同时也是最难装的插件，没有之一。本文记录笔者在使用这个插件的一些心得，嗯，这个会持续更新的。
安装
在 Manjaro 上安装没有遇到过什么问题，基本按照文档一路来就好。
在 macOS 上因为要用到 python，并且 macOS 系统 自带的 python 并没有安装 pip，所以要麻烦一些，解决方案看这里：macOS切换Python2和Python3的探索
继续阅读使用jquery.simple-scroll-follow实现滚动跟随
在开发麻辣GIS的时候需要实现一个滚动跟随的效果，写得自己脱了一层皮，各种计算，不过好歹实现了。最近把个人博客也想加上这个效果，不想再重复造一次轮子。于是发现了这个：sutara79/jquery.simple-scroll-follow
继续阅读macOS切换Python2和Python3的探索
最近要在 macOS 下安装 YouCompleteMe ，需要一个 Python 环境。考虑到 Python2 即将被放弃，安装一个 Python 也是必要的。所以探索了一下在 macOS 下同时安装这两个版本的方法，本文做一个小总结。
前言
一般情况下，macOS 是自带了一个 Python 环境的，一般是2.7，但编译 youcompleteMe 的时候发现需要pip。本来想基于自带的安装 pip，后来百度了一下发现使用 Homebrew 安装的 Python 都是已经安装好 pip 了。所以本文的方案不动自带的 python，使用 Homebrew 重新安装。
继续阅读macOS下Vim“正确”的使用方式指南
在 Manjaro 下使用 Vim 习惯了，到 MacOS 下也想配置下 Vim，结果发现了几个坑。经过一段时间的摸索，自认为找到了一种不错的解决方案，这里做一个总结。
安装 Homebrew
PS：必须。
安装方法很简单，直接参照官网来就可以了。The missing package manager for macOS — The missing package manager for macOS
继续阅读浅说JavaScript之Event Loop（上）
Event Loop 也叫事件循环，是 JavaScript 中的基础概念，听起来蛮唬人，查了一些资料，斗胆用大白话来说说这个东西。PS：仅限浏览器的讨论。
为什么会有 Event Loop
这一切还要从 JavaScript 的诞生说起，因为造它的用途简单，就是来浏览器“谈谈心”。谈心嘛，套路什么的不用太深，给你一个单线程的脑子就够了。于是乎，这“一根筋”的 JavaScript 就来到了人间，虽然这个呆头呆脑的家伙后来上了一件叫 “Worker” 的装备，也开始学会了城里人的套路，但它总归是村里出来的（web worker本身限制诸多，有空再叨），再多的套路也没变了它“一根筋”的本质。
继续阅读text-overflow: ellipsis 无效的解决方案
一个简单的需求，要展示用户的微信名，有的人喜欢把微信名起的很长，导致一个框框显示不下，于是用到了 text-overflow 的属性。代码如下：
width: 90%;
margin: 0 auto;
overflow: hidden;
font-size: 14px;
color: #fff;
text-align: center;
text-overflow: ellipsis;NodeJS 将 JSON 转换成 EXCEL（CSV）
最近要使用LeanCloud的数据，导出来是一个JSON格式的文件，妹子根本没办法打开处理，于是使用 Node 将这个JSON文件转换成CSV格式的文件，让她能在EXCEL中打开使用。
方法
用到了2个库，一个是 zemirco/json2csv，另外一个就是系统自带的 fs 模块了。json2csv 这个库非常强大，可以在命令行及Javascript module方式使用，具体使用参考github地址即可。
JavaScript 封装一个显眼的 console
开发时候经常会打印很多log，开始的时候还好，可后来就会打印一堆log出来，有时候调试为了找自己的log就会使用如下的句式：
console.log('=============================>', a)
有没有办法让log更显眼一点？有。官方文档中说可以设置一个 %c 来指定输出样式。
PWA浅尝辄止
前段时间看到苹果官方将对PWA提供支持，之前看到沪江也已经开始了PWA的尝试，于是尝试自学了一把，写点心得。
教程
Your First Progressive Web App
继续阅读《JavaScript高级程序设计》读书笔记：classList 与 readyState
继续学习《JavaScript高级程序设计》，体会原生 JavaScript 之美。今天记录2个有用的属性。
1.classList
HTML5 对DOM操作 class 做了优化，增加了 classList 属性，从此再也不用对 className 做字符串操作了。它有4个方法
add // 增加一条属性（已经存在就不添加）
contains // 判断属性是否存在
remove // 删除属性
toggle // 如果存在就删除，不存在就添加。这个好玩～