发表于 | 更新于 | 分类于 | 阅读次数：

最近咱老大丢给我了一台 Mac mini，准备给我用来做前端用。

说实话，要不是咱老大拿出了这台 Mac mini ，我还不知道苹果有这么一条产品线呢。

mini 应该算是整个苹果 PC 产品线上，用来给 mac 新手上路的成本最低的方案了。

而且作为一个台式机来说，确实够小巧精致，面积才一个小鼠标垫那么大，高度大概也只有一个键盘那么高。

拿起来其实感觉还没有 Macbook Air 重，可以能像笔记本一样能够便携，咱只要花上 air 一半的价钱就能够用上 macOS

个人感觉这对 mac 新人来说还是挺划算的。于是马上接好了线，开机，发现系统版本还是 Yosemite，还装了一堆我用不到的东西。

作为一个爱干净前端，看到这一堆乱七八糟的东西之后强迫症开始犯了，于是开始想办法，把系统给干了，重新装一遍。

由于是新手，不能够像重装 windows 一样那么熟练地重装 mac，倒腾了几天，终于找到了一个可行的 U 盘安装方法。

阅读全文 »

发表于 | 更新于 | 分类于 | 阅读次数：

最近用上了阿里巴巴的矢量图标库后，简直爱不释手，对小网站来说真是太好用了。
有的时候，对于自己开发的小型网站来说，不太想用 bootstrap 这么重的框架，但又想用 bootstrap 里面的字体图标
一般我的做法就是直接手动引入 font-awesome，然后在对应要用到图标的地方加 class
但从现在看来，直接引用 font-awesome 还是有这么一些个很明显的缺陷：

阅读全文 »

发表于 | 更新于 | 分类于 | 阅读次数：

机子上了 elementary OS 之后，最近发现这个开机弹官网下载框问题越来越严重了
以前 eOS 官网还没有被 wall 的时候，这个框还没什么大问题，直接关掉就行了
但是现在 eOS 官网不能直接打开了，这个框就直接卡死在那，标题上写着 log in，直接关根本关不掉
更糟糕的是，它还强制显示在所有窗口的最上层，挡住视线，由于卡死在那又移不开，所以每次开机都得用 kill 命令把它干掉了
这么搞，每次都要 kill，实在是相当麻烦，于是最近找了找办法。发现直接禁用掉就可以了

在 freya 的 terminal 里面直接执行这一条命令：

阅读全文 »

发表于 | 更新于 | 分类于 | 阅读次数：

最近研究了一下页面性能优化这一块，参照着 这篇文章 来实际动手做了一下
原文说的非常好，一路做下来确实很有成就感，页面的性能得到了非常大的提升，实时渲染帧率从原来十几帧提高到了接近 60 帧。
先嗮一下成果：

阅读全文 »

发表于 | 更新于 | 分类于 | 阅读次数：

现在在各种网站上还是能经常看到 mailto 这个东西，比如

1
<a href="mailto:i@bangz.me" target="_blank">i@bangz.me</a>

测试邮件链接
但是在使用 Chrome 的时候默认点击这些 mailto 链接却没有任何反应
现在已经不是 Outlook 的那个时代了，桌面邮件工具已经不再盛行
如今许多人都是直接使用在线的邮箱软件，比如 Gmail、Foxmail 等等
经过研究，发现 Chrome 是可以实现将 mailto 链接用 Gmail 来接管的

具体的实现步骤如下

阅读全文 »

发表于 | 更新于 | 分类于 | 阅读次数：

今天咱们来讨论一下 javascript 的这个闭包机制吧
曾经 javascript 的这个闭包的问题困惑了我很久很久
看网上那些说法看了半天都是懵的，看了书更加看不懂
过了好一段时间，在我巩固完一些基础知识之后
现在再回来看这个闭包机制，总算搞懂一些了

首先要弄明白闭包机制，必须对作用域这个东西非常熟悉
JavaScript 中，变量的局部作用域是函数级别的。

阅读全文 »

发表于 | 更新于 | 分类于 | 阅读次数：

好久没有写过技术文章了，最近回顾起以前的老知识，感觉都忘掉好多了
这回来记录一下一个凡是做网页就一定会遇到的问题吧
平时做网页处理排版的时候，经常会使用到 css 的浮动功能
但是浮动一直以来都有一个很麻烦的问题，就是元素一旦浮动就会脱离文档流
这是它的缺点，也是它的优点，为什么这么说呢？
它的缺点就缺在于在排版时会增加排版的难度
有时候需要父元素始终包裹住子元素，但是 float 脱离文档流之后父元素就不能直接包裹住子元素了
就像这样

阅读全文 »

发表于 | 更新于 | 分类于 | 阅读次数：

最近在研究 Challonge 的 API
在输出 tournaments 表的时候，看到了一个很奇怪的东西

1
2
$tournamentsList = $api_instance[$key]->getTournaments()->tournament;
print_r($tournamentsList);

输出结果如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
SimpleXMLElement Object
(
    [id] => 2213854
    [name] => DFXRC first match
    [url] => DFXRC_first_match
    [description] => <strong>DFXRC</strong> is strong!
    [tournament-type] => single elimination
    [started-at] => 2016-02-04T00:05:26-08:00
    [completed-at] => SimpleXMLElement Object
        (
            [@attributes] => Array
                (
                    [type] => dateTime
                    [nil] => true
                )

        )
.....

看到那个 started-at 了没？没错！你没看错，变量名里面居然有减号！！！

阅读全文 »

发表于 | 更新于 | 分类于 | 阅读次数：

某社区打算升级 discuzX3.2，不过据说原来的录像解析插件升级了之后不能用了
于是我自发的去帮了一下他们，顺便看看他们的解析是什么样子

本来以为他们的录像解析是以插件的形式嵌入论坛的
直到我开始分析他们的源码．．．．．．

阅读全文 »

发表于 | 更新于 | 分类于 | 阅读次数：

Arch 系的 linux 还真不好折腾 AUR 上的软件包有些都被 wall 了

只好自己摸索办法，让 yaourt 去走代理

看了 archwiki 知道了 yaourt 是默认支持 http_proxy 和 https_proxy 的

于是想到了借助 privoxy 来转发数据流给 ss 的办法

阅读全文 »