Show you the code

原文链接：Debugging Node.js Application Using ndb

Google Chrome 实验室发布了一款新的 node debug 工具来提升开发者体验，本文将会全面介绍 ndb 这款 node 工具

熟悉 node 的人可能知道，node 一直支持一个无头调试工具:

它使用了一个已经被弃用的协议叫做 V8 调试器协议，并且它并不算是一个功能完备的调试器，只有一些简单的检查功能。

过去在这种情况下，一个新的基于 V8 调试器协议和 Blink 的调试工具出现在开发者眼前，它能够允许我们在任何一个 Webkit 内核的浏览器 DevTools 上面调试我们的 node 应用，是的，它就是 node-inspector，它的出现大幅增加了我们调试 node 应用的效率。

在 node 的 V6.3.0 版本中，V8 Inspector 作为一个实验特性被加入到这个版本中，它带来了一个非常强大的调试协议，同时还集成了 Chrome 的 DevTools 并且支持非常多的新特性如Blackbox、profiling、workspaces和sourcemap等等。此外，它并不依赖已经被弃用的 V8 调试器协议，而是直接基于 Chrome 的调试协议，因此它可以直接跑在调试客户端里面，像 Chromium 内核浏览器、VSC ode、WebStorm这些。启动它也非常简单，只需要输入命令 node --inspect scrip.js 即可。

在 7.20 号的时候，一个叫做 ndb 的全新 node 调试工具也同步开源了。

有新的 node 调试工具的确令人振奋，但这个新的 ndb 拥有哪些新特性呢？

对应用开发来说，跨平台是一个永恒的话题，无数工程师们在不断地探索技术的边界，使业界涌现了一批又一批优秀的跨平台开发框架，Flutter 就是其中的一员。本文旨在介绍 Flutter 的初阶使用，如果大家有兴趣，后面会陆续输出一些深入的文章。

什么是Flutter

Flutter 是由 Google 开源的一个全新的跨平台开发框架，致力于让开发者可以通过它在 iOS 和 Android 两个平台开发原生应用，同时能够在跨平台的基础上较好地保证应用的性能和质量。

Flutter 官网：http://flutter.io

Flutter的特点

最近折腾 vps 的迁移，各种环境要重新部署，查各种文档让人头疼，年久失修的文档真是害人不浅，于是折腾好环境之后将各个有效的文档做一遍整合，看看 CentOS 7 64 位环境下怎样搭建 LNMP 环境

安装 Nginx

安装依赖

1. gcc

安装 nginx 需要先将官网下载的源码进行编译，编译依赖 gcc 环境，如果没有 gcc 环境，则需要安装：

大家好，我又双叒叕换评论系统了，换评论系统似乎成了一个月经贴 orz 。。。（原来的要是好用我也不至于换啊丢！）

好了，话不多说，之前用的基于 Github issue 的 Gitment 评论，它的蛋疼之处在于每篇文章都要自己手动初始化，而且有诸多限制。

再说回这个来必力，可以理解为一个韩国版的多说，多说生前有多好用不用我说了吧？于是怒换之！

问题表现

移动 web 下，当父元素使用 translate 或者 rotate 旋转的时候，它的所有子元素的 fixed 定位都不生效（据说连 background-attachment 里面的 fixed 也会失效）

问题原因

浏览器的 bug

解决方案

Gitment 是一个基于 Github issue 的博客评论系统，它的原理是利用 Github 官方提供的 api 操作你某个仓库下的 issue，使用 label 来标记不同的文章，因为是基于 Github issue 的，所以只支持 Github 用户登录，不过无妨。调用 Github api 需要用户提供 Github oAuth 鉴权的 id 和密钥，这个可以在 Github 上申请。在这里必须佩服一下作者的脑洞，接连几家第三方评论系统的停止服务，Gitment 的出现的确解了燃眉之急。我的博客是基于 Hexo 搭建的，所以这里简单讲一下怎样在 hexo 博客里使用 Gitment 作为评论系统。

pyspider 是一款强大方便的爬虫框架，如果你有一个需要快速实现的爬虫任务，pyspider 是一个不错的选择。

安装

pip

我们使用 pip 来安装 pyspider，pip 安装见这里

问题表现

当给一个容器设置 overflow-x: hidden 同时 overflow-y: visible 时，垂直方向的的设置总是失效。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

// css
.wrap {
  height: 400px;
  width: 200px;
  border: 4px solid gray;
  overflow-x: hidden;
  overflow-y: visible;
}
.inner {
  height: 500px;
  width: 300px;
  background: red;

}

// html
<div class="wrap">
	<div class="inner">
	
	</div>
</div>

这个问题是因为 Twisted 的版本引起的，具体查看 issue，解决办法是安装指定版本的 Twisted：pip install Twisted==16.4.1，关于 Twisted，是一个 Python 里面的异步编程框架，具体可见 文档

这个问题在 OS X El Capitan 普遍存在，后面会说明原因。

前几天在 Mac 上安装 Scrapy，按照官方文档的步骤使用 pip 安装 scrapy 后报一个权限错误
OSError: [Errno 1] Operation not permitted: '/var/folders/6t/h404bjcd5tb_4q86tpv_251rv_0h0j/T/pip-sYsqDS-uninstall/System/Library/Frameworks/Python.framework/Versions/2.7/Extras/lib/python/six-1.4.1-py2.7.egg-info'
看起来像是一个普通的权限问题，但问题是即使使用 sudo 命令也还是报相同的错误，搜索之后发现是因为 pip 在更新本机 six 模块的时候，没有权限卸载本机旧版本的 six 模块。网上给出的解决办法是加个 ignore 参数，完整命令如下：
pip install scrapy --ignore-installed six，忽略本机已安装的 six，这样就可以避免没有权限删除的问题了。使用此命令可以正常安装 Scrapy，安装完成之后运行 Scrapy，发现又报一个引用错误 ImportError: cannot import name xmlrpc_client，搜索之后发现解决办法是要手动删除机子上的 six 模块然后重装机。。。（又回到原地了），这时候我们就不可避免地要弄清楚刚刚那个权限错误是怎么回事了。所以又是一顿查，发现 这里 有说到新版的 Mac 里面新增了一个 SIP（System Integrity Protection 系统完整性保护）机制，即在底层限制 root 用户的某些权限，让即使是 root 用户也无法删除/修改某些系统核心文件，这样即使在系统完全被黑的情况下也能够保证系统的完整性，这也算是整个电脑的最后一重安全保障。我们这里遇到的问题就是跟 SIP 有关，解决办法就是进入 Recovery 模式关闭它。关闭的具体步骤是，重启 Mac，按住 cmd + R，等待进入 Recovery 界面，在 Recovery 界面唤出命令行，执行以下命令然后重启机器即可：
csrutil disable

重启后就可以正常启动 Scrapy 啦~