hxh1246996371 (笔墨伺候)

分享个 JSON 小工具

hxh1246996371 — Sun, 27 Mar 2022 18:11:52 +0800

拿到一坨 JSON 找个线上工具格式化其实是很多前后端开发者习惯性的操作了，除了大家常用的 json.cn 今天给大家推荐一个新的在线 JSON 格式化工具选择：https://www.jsont.run/，无广告、大文件解析快、一键分享、高效编辑、多种格式互转等功能，感兴趣的同学可以瞧瞧。

开放搜索服务哪个便宜

hxh1246996371 — Mon, 14 Nov 2016 18:06:34 +0800

想知道有没有比较便宜一点的搜索服务，就我目前所知道的，阿里云以及各种云服务提供的搜索都比较贵，leacncloud 貌似比较便宜，但是速度慢。algolia 很快，但是有免费的额度限制，满了还是得给钱，而且不便宜。

不知道大家有没有好的选择

关于 MySQL 的 utf8mb4 插入某些表情字符的时候就报错了

hxh1246996371 — Sun, 28 Aug 2016 15:55:58 +0800

事情是这样的，最近尝试往数据库插入某些表情字符的时候就报错了，类似 (Mysql2::Error: Incorrect string value: '\xF0\x9F\x91\x93'。然后查找资料后发现是 utf8 编码的问题，于是乎我就将数据库、以及相关表和字段的编码从 utf8 改成了 utf8mb4，但是发现仍然插入报错，不知道如何解决这个问题，想请教一下各位

没错，所有开源 Web 视频播放器都在这里

hxh1246996371 — Mon, 11 Jul 2016 12:23:24 +0800

这是 Github 上开源的 web 视频播放器的集合【https://www.awesomes.cn/subject/videos】，以及视频背景解决方案，包含各自的功能特性、趋势和热度。此外还一有些与视频处理相关的库。

GitHub 上开源的后台模板列表，让后台页面也漂亮一点

hxh1246996371 — Mon, 27 Jun 2016 09:10:09 +0800

这里是 Github 上免费开源的后台模板列表，目前我们公司用的是最流行的 Adminlte比原生 Bootstrap 漂亮，基本上很少需要写自己的样式了。

后台模板完整列表地址：https://www.awesomes.cn/subject/admins

怪异的跨域 Ajax 请求

hxh1246996371 — Mon, 16 May 2016 15:38:54 +0800

事情是这样的，我们目前的开发模式是前端发请求到后端的 API，而且是跨域的，然后在每个请求中的携带了一些自定义的 header，于是乎就需要在服务端配置 Access-Control-Allow-Headers 来允许这些自定义 header 的传递。而且在请求每个 API 之前都会发一个 options请求

在 chrome 下没有任何问题，然后到了 IE 下，注意是 IE10 和 IE11（下面的版本没测）都报了奇葩的错误

Access-Control-Allow-Headers 列表中不存在请求标头 x-dp-key
XMLHttpRequest: 网络错误 0x80070005, 拒绝访问。

这个确实有点过分，然后我看了一下请求的详情，只有一个 options请求：

请求 URL: http://192.168.1.120/openapi/api/1.0/classes/pre_selectable_states?limit=200&where={}&include={}
请求方法: OPTIONS
状态码: 200 / OK

Request headers:

Accept: */*
Accept-Encoding: gzip, deflate
Access-Control-Request-Headers: accept, x-dp-key, x-dp-id
Access-Control-Request-Method: GET
Cache-Control: no-cache
Connection: Keep-Alive
Content-Length: 0
Host: 192.168.1.120
Origin: http://192.168.26.128:3000
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; rv:11.0) like Gecko

Response headers:

Access-Control-Allow-Headers: Origin ,X-Requested-With ,Content-Type ,Accept ,X-DP-Key ,X-DP-ID ,X-DP-Token ,Access-Control-Request-Method
Access-Control-Allow-Methods: GET ,POST ,OPTIONS ,PUT ,PATCH ,DELETE
Access-Control-Allow-Origin: *
Connection: Keep-Alive
Content-Length: 0
Content-Type: text/html; charset=UTF-8
Date: Mon, 16 May 2016 07:05:59 GMT
Keep-Alive: timeout=5, max=100
Server: Apache/2.4.10 (Unix) OpenSSL/1.0.1j PHP/5.6.3 mod_perl/2.0.8-dev Perl/v5.16.3
X-Powered-By: PHP/5.6.3

很明显，上面的 Access-Control-Allow-Headers 中已经包含了我要传递的 3 个 header X-DP-Key ,X-DP-ID ,X-DP-Token，但是 IE 就是给我报这个错误，不知道大家有没有遇到类似的问题。

我的请求方法是：

$.ajax({
      type: method,
      url: url,
      data: data,
      crossDomain: true,
      headers: {
        "X-DP-Key":  "XXX",
        "X-DP-ID": "XXX",
        "X-DP-Token": Cookies.get('token')
      },
      success: successHandler,
      error: errorHandler
    })

来看看 GitHub 上排名前 100 的前端项目有哪些

hxh1246996371 — Fri, 13 May 2016 17:55:50 +0800

可以参考一下 http://top.awesomes.cn 有热度和趋势的排行，每日更新

如何实现邮件订阅

hxh1246996371 — Mon, 18 Apr 2016 20:18:31 +0800

类似 javascript weekly http://javascriptweekly.com/issues/279 这样的邮件订阅功能是怎么实现的呢？不会是自己每周给用户发邮件吧，那么多用户

�ElasticSearch 服务主动停止

hxh1246996371 — Fri, 08 Apr 2016 01:42:24 +0800

最近用 elasticsearch 做了一个搜索，是按照这个教程来做的 http://haoduoshipin.com/v/104 。

但是遇到一个很奇怪的问题，开始好好的，运行了一会 elasticsearch 服务就自动关闭了，导致搜索页报错 https://www.awesomes.cn/search?q=%E5%B9%BB%E7%81%AF%E7%89%87

开始以为是内存问题，但是发现 2G 内存还剩余很多。不知道大家有没有遇到类似的问题。

[已解决] Let's encrypt 更新后仍然无法访问

hxh1246996371 — Sun, 03 Apr 2016 22:05:37 +0800

不知道为什么，今天证书过期了，然后我又重新注册了一下，告诉我续期成功：

IMPORTANT NOTES:
 - Congratulations! Your certificate and chain have been saved at
   /etc/letsencrypt/live/awesomes.cn/fullchain.pem. Your cert will
   expire on 2016-07-02. To obtain a new version of the certificate in
   the future, simply run Let's Encrypt again.
 - If you like Let's Encrypt, please consider supporting our work by:

   Donating to ISRG / Let's Encrypt:   https://letsencrypt.org/donate
   Donating to EFF:                    https://eff.org/donate-le

但是就是访问不了，有童鞋遇到这种情况吗？是不是有什么缓存之类的。

https://www.awesomes.cn/

关于 rvm gemset 的路径问题

hxh1246996371 — Wed, 06 Jan 2016 15:45:44 +0800

今天遇到一个很蛋疼的问题，当我执行下面的命令：

which rvm   #/usr/local/rvm/bin/rvm
which ruby   # /usr/local/rvm/rubies/ruby-2.0.0-p643/bin/ruby

然后我执行

rvm gemset create test

输出

ruby-2.0.0-p643 - #gemset created /root/.rvm/gems/ruby-2.0.0-p643@test
ruby-2.0.0-p643 - #generating test wrappers..............

事实上应该生成的是这个路径 /usr/local/rvm/gems/ruby-2.0.0-p643@test，为什么会跑到 /root/.rvm/gems/ 这个路径下来了呢？

关于 Nginx 的跳转配置

hxh1246996371 — Tue, 05 Jan 2016 14:06:11 +0800

最近在折腾 https，期间遇到了一些重定向问题（导致某些地址不能访问，百度收录瞬间降了很多），所以在此记录一下。

其实我最终要实现的是，访问下面中的每个地址都会跳转到 https://www.awesomes.cn （后面的子路径就省略了）

http://awesomes.cn http://www.awesomes.cn https://awesomes.cn https://www.awesomes.cn

最终的配置如下：

http{
  ....

   #屏蔽IP访问
    server {
        listen 80 default;
        rewrite ^(.*) https://www.awesomes.cn permanent;
    }

   #https 配置
   server {
      listen 443 ssl;
      ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
      server_name  www.awesomes.cn;
      .....
   }

  #https 跳转
   server {
      listen  443 ssl;
      server_name    awesomes.cn;
      rewrite ^(.*)$  https://www.awesomes.cn$1 permanent;
    }

   #http 跳转
  server {
      listen  80;
      server_name    www.awesomes.cn  awesomes.cn;
      rewrite ^(.*)$  https://www.awesomes.cn$1 permanent;
   }


   ....



}

关于禁止 IP 访问

其实之前我也知道，默认情况下，IP 是可以访问 Nginx 配置中的第一个 80 server 的（显示声明listen 80 default 除外）。但是考虑到没啥大问题，用 IP 访问我又咋样呢，对吧。直到今天，同事有多个域名都指向了同一台阿里云服务器，但只是做了域名解析，并没有在配置中做 server_name 声明，居然也能访问站点。

奇怪了，找了半天答案，才想到应该是所有域名其实就相当于访问这个 IP，有指定 server_name 的就访问相应的站点，没有指定的肯定就走默认站点了。

这导致的后果就是，假如百度没有做 IP 禁止访问的话，那我完全可以在没有限制的条件下把我的域名指向百度的 IP 了。

关于 https 的跳转

上面有一段是 https 跳转，为什么要加这个呢？如果不加的话，https://awesomes.cn 和 https://www.awesomes.cn 是两个不同的地址，而处于某些原因，是否应该将其指向一个地址？（这里我不确定该不该这样做，或者该这样做是什么原因，SEO 吗？有知道的同学麻烦提示一下）因为我看了一下，很多知名站点（不包括 Ruby China）是跳到一个地址的：

百度 * -> https://www.baidu.com/ Github * -> https://github.com/ 淘宝 * -> https://www.taobao.com/ producthunt * ->https://www.producthunt.com/

撸了个 Letter avatar

hxh1246996371 — Fri, 01 Jan 2016 22:59:51 +0800

最近没事，就用 Node 写了个字符头像的服务，可以根据昵称（中英文）来获取一个不同背景色、尺寸和字体的头像。下面是多种字体的效果：

源码在 https://github.com/awesomes-cn/svpa 是基于 koajs 的，感兴趣的同学可以看看（感觉写 Node 真是比 Ruby 痛苦多了啊）。

分享一个利用命令行学习的工具

hxh1246996371 — Tue, 22 Dec 2015 11:58:39 +0800

发现了一个利用命令行学习的工具 http://nodeschool.io/zh-cn/ 里面有很多教程，还可以发布自己的。mark 一下

用上 Let's Encrypt 了，记录一下

hxh1246996371 — Sun, 20 Dec 2015 23:39:29 +0800

今天听说网站使用 https，google 会优先展示，于是就尝试了一下 Let's Encrypt，Mark 一下。

git clone https://github.com/letsencrypt/letsencrypt
cd letsencrypt
./letsencrypt-auto certonly -d your.domain.name

一路一下来，遇到了 urn:acme:error:unauthorized :: The client lacks sufficient authorization :: Invalid response from 这个问题

然后查了一下。好像是文件执行权限问题，然后就 chmod 0777 /<网站目录>/.well-known/acme-challenge 再次执行，居然就行了。

最后就是配置 Nginx

server {
     listen 443 ssl;
     ssl_certificate  /etc/letsencrypt/live/www.awesomes.cn/fullchain.pem;
     ssl_certificate_key  /etc/letsencrypt/live/www.awesomes.cn/privkey.pem;
    ...
    }
    server {
      listen      80;
      server_name    www.awesomes.cn,awesomes.cn;
      rewrite ^(.*)$  https://$host$1 permanent;
   }

OK 了，现在访问 www.awesomes.cn 就可以自动跳到 https 页面了

中字全集：奥巴马挑战《荒野求生》

hxh1246996371 — Sat, 19 Dec 2015 12:27:57 +0800

等了这么久终于出来了，http://video.sina.com.cn/p/news/w/v/2015-12-19/000865154745.html

（会被删不？）

[已解决] 关于 Node 包内部文件路径的问题

hxh1246996371 — Wed, 16 Dec 2015 21:44:25 +0800

是这样的，我写了一个 Node 命令行工具，在我的包中有一个文件夹struct，我想在执行命令的时候把这个文件夹复制到目标项目中。所以我这样写

fs.copyAsync('./struct', <当前目录>)

本地测试是没问题的，但当我发布后，就被告知找不到 struct 文件夹了，其实也好理解，因为在其它目录下执行这样一个全局命令肯定是找不到这个文件夹的，实际上它也许跑到 :/usr/local/lib/node_modules/包名 下面去了。

不知道 Node 有没有提供这样一个方法来获取包中的某个文件在用户机器上的实际路径呢。

Nodejs 文件不执行

hxh1246996371 — Sun, 13 Dec 2015 23:45:50 +0800

我的 Nodejs 环境是

which node

输出 /usr/local/bin/node

然后我创建了一个 index.js 文件

#!/usr/local/bin node
console.log("hello")

然后

chmod +x index.js

./index.js

但是并没有像我期待的那样打出 hello 来，直接过去了，没输出任何信息，也没报错，但是我看很多文章上面写的都能输出信息。

有遇到过这个问题的同学吗？

[已解决] 关于 gulp 的依赖问题

hxh1246996371 — Fri, 04 Dec 2015 01:11:06 +0800

我建了如下的一个 gulpfile.js 文件

...

gulp.task('styles',function(){
  gulp.src('./src/sass/*.scss')
    .pipe(sass())
    .pipe(autoprefixer('last 2 version'))
    .pipe(concat('tmp.css'))
    .pipe(gulp.dest('./build/css'))
    .pipe(notify('Styles task complete'))
})

gulp.task('css',['styles'],function(cb){
  del(['./build/css/tmp.css'],cb)
})

...

上面的意思是在执行css任务之前先执行 styles 任务。 styles 任务是生成 ./build/css/tmp.css 文件，而 css 任务则是删除该文件。按道理说最终应该是没有这个文件的。

但事实上这个文件仍然存在了，也就是说并没有保证在执行 css 之前已经执行完了 styles 。为什么会这样呢？

Rails 的 ENV 到底在哪儿

hxh1246996371 — Thu, 26 Nov 2015 14:14:16 +0800

这篇文章 http://railsapps.github.io/rails-environment-variables.html 讲解了如何在 Rails 中设置环境变量，不管采用哪种方式都没问题

在程序中访问

ENV["VAR"]

是没有任何问题的。

但是问题来了，当我尝试在 shell 中访问 echo $VAR 时就返回空了。可见这并非是持久化在系统的环境变量中了，和系统本身的环境变量还是有区别。那么它到底存放在哪儿了呢？

为什么会问这个问题，我想在 Node.js 中访问同一份环境变量，所以我希望在系统中能够真实存在。