Author: 曾小乱

喜欢写点有意思的东西

“顺丰”骗局

首先声明，这个事情和顺丰快递是没什么关系的，只是有不法分子借顺丰之名行骗。

中午吃了一碗酸豆角牛肉盖面（14块钱，太酸了，下次不点这个了）后，接到一个名为“顺丰快递”的电话，说我的一个快件被拒签了多次，快件物品是九张银行卡，属于违法物品，让我向公安局报案处理。我一小老百姓就图个安稳，平生就怕上医院和公安局。

一听，我就觉得这是个事，我要处理一下。

Continue reading ““顺丰”骗局”

.gitignore文件的作用

在团队开发中，不是所有的文件都需要共享的，比如数据库配置文件。你和别人在本地开发时，数据库密码可能会不一样，生产环境和测试环境的数据库密码也会不一样。这时.gitignore文件就可以帮你忽略这些更新，比如在.gitignore文件里加入这么一行：

database.config

来忽略你的数据库配置。 另外再值得一提的是，我们一般会配置一些常量，这时最好将数据库常量和其它常量分开，因为上面就提到数据库连接的问题了。

笔者当然经历过调试bug很久，最后发现是git pull下来后数据库常量值变了的苦逼情况。 来看看.gitignore文件的匹配模式是怎样的？

空白行不会匹配任何文件，所以一般为了可读性作为分隔符。

#开头表示注释一行。 连续的两个**号匹配一切文件夹，**/foo/bar匹配一切foo下的bar文件夹，abc/**匹配abc的一切文件和文件夹，但是这些匹配都是相对于当前的.gitignore文件位置来说的。 a/**/b匹配a/b, a/x/b, a/x/y/b。 /*.c会匹配cat-file.c，但是不会匹配mozilla-sha1/sha1.c。

/* !/foo /foo/* !/foo/bar 这个感叹号的意思可以看做是不包括，它是对上一条规则的重新定义，比如/*忽略一切文件和文件夹，但是!/foo表示不忽略foo里面的文件和文件夹。

最后我们不要忘记在.git/info/exclude文件里也是添加忽略文件的。

关于印象笔记SDK的问题

我们知道在笔记行业有两大巨头，一个是印象笔记（Evernote），一个是OK记(OKMEMO)。

如果你不知道我所提到的两个产品，可以先去必应一下。

最近我所在的OK记团队在做印象笔记的同步，就是用户授权将ok记的笔记写入印象笔记，你可能会问，作为笔记行业的两个巨头，OK记为何服软将自己的数据转移到印象笔记？这样OK记还能和印象笔记并列吗？坦率地说这个问题很尖锐，你可能希望我回答出当OK记做不下去的时候，为了体现对用户的负责，再将用户的数据转移到印象笔记的答案。

这个有点尴尬。

闲话少说，还是说印象笔记的sdk。 在印象笔记的sdk里，有这样一些代码:

curl_setopt_array($handle, array(     CURLOPT_POST => true,     CURLOPT_URL => $this->getBaseUrl(‘oauth’),     CURLOPT_HTTPHEADER => $this->formatHeaders($headers),     CURLOPT_POSTFIELDS => http_build_query($arguments, ”, ‘&’),     CURLOPT_HEADER => true,     CURLOPT_RETURNTRANSFER => true ));

因为我本地是不支持SSL的，所以这个SDK从上周开始，断断续续的弄了好长时间都没有调试通过。一度认为印象笔记将要倒闭，SDK无人维护。

最后由鼎哥大神，加了一行代码：

CURLOPT_SSL_VERIFYPEER=> false

解决。

其实要解决这个问题，需要了解cURL的知识，及OAuth1.0和OAuth2.0的规范。

更重要的是不要怕看别人写的代码，明确编程方向。

第七章—分支

如果你想给你的项目创建多个版本怎么办呢，虽然创建多个版本的原因可能是因为你的项目突然产生了一个非常严重的bug、你参加的开源项目不能满足你的意愿、甚至你就想留一些早期的代码作为后期的怀念。

使用git里面的branch概念就可以做到这一点。 最重要的一点是，你在开发一个非常牛逼的项目。

但是一个牛逼的程序员是不能满足现有的牛逼的，所以开一个2.0分支去远征，让稳定的1.0版本继续使用。所以怎么能不去使用分支！

我们经常使用git pull origin master命令，作为新手可能没有去想这个master是什么意思，其实master就是主分支的意思，这就导致了你不能再创建一个叫master的分支除非你删除主分支。同时，这个命令也可以使用git pull 命令来替代，因为会默认获取master分支的代码。 程序员一定要懒，只有懒才能写出更好的代码。

如果你对一个程序员说，你真是太勤奋了，我想这不是最好的赞词。 推荐的命名法则是使用层级式的，比如bug/pr-1023，这样的好处是，git像shell脚本一样支持通配符查找。你可以使用git show-branch ‘bug/*’找到和bug相关的分支。 创建分支 git branch branch_name命令可以创建一个分支，处在最新的commit。

这个命令的完整形式是git branch branch_name [starting-commit]，这意味着你可以从过往的位置开创新的分支。

imagesLoaded.js

这个是一个检测网页图片加载状况的js库，因为毕业设计的场景图片比较多，所以顺便用到了这个库，了解到这个作者还写了很多有意思的框架。

作者说，JavaScript is all like “You images done yet or what?”这是什么梗？望知道答案的同学分享一下。

为什么要用这个库，估计理由和上面的那个梗有很大关系。我为什么要用这个库，主要是为了让图片加载的过程中有一个有意思的loading，让等待的体验更好一点。

Parallax.js

简介

比较粗俗地讲，parallax.js是根据你的鼠标或者是移动设备的摇晃让元素做出反应的视差库。可以查看demo。

简单使用

<ul id="scene"> 
<li class="layer" data-depth="0.00"><img src="layer1.png"></li>
<li class="layer" data-depth="0.20"><img src="layer2.png"></li>
<li class="layer" data-depth="0.40"><img src="layer3.png"></li>
<li class="layer" data-depth="0.60"><img src="layer4.png"></li>
<li class="layer" data-depth="0.80"><img src="layer5.png"></li>
<li class="layer" data-depth="1.00"><img src="layer6.png"></li>
</ul>

简单使用的代码的结构大概是这个样子，记得加名为layer的class，data-depth的推荐值为0至1，不过你要填入100或者-100，也没有什么关系，只是会动得特别快，像幽灵一样。

然后加上这样的js代码：

var scene = document.getElementById('scene'); 
var parallax = new Parallax(scene);

移动的速度是怎样确定的

有个公式：

xMotion = parentElement.width * (scalarX / 100) * layerDepth 
yMotion = parentElement.height * (scalarY / 100) * layerDepth

parentElement.width就是父元素的宽度，也就是id为scene的宽度，layerDepth就是设置的data-depth的值，scalarX和scalarY就是可以设置的参数，给你移动的距离有了可以设置的灵活性，数值越大，移动范围越大，默认值都是10.

其它配置

<ul id="scene"
  data-calibrate-x="false"
  data-calibrate-y="true"
  data-invert-x="false"
  data-invert-y="true"
  data-limit-x="false"
  data-limit-y="10"
  data-scalar-x="2"
  data-scalar-y="8"
  data-friction-x="0.2"
  data-friction-y="0.8"
  data-origin-x="0.0"
  data-origin-y="1.0">
  <li class="layer" data-depth="0.00"><img src="graphics/layer1.png"></li>
  <li class="layer" data-depth="0.20"><img src="graphics/layer2.png"></li>
  <li class="layer" data-depth="0.40"><img src="graphics/layer3.png"></li>
  <li class="layer" data-depth="0.60"><img src="graphics/layer4.png"></li>
  <li class="layer" data-depth="0.80"><img src="graphics/layer5.png"></li>
  <li class="layer" data-depth="1.00"><img src="graphics/layer6.png"></li>
</ul>

limit-x：限制x轴的移动距离。

friction-x：如果想模仿卡顿的效果，把这个值设置大一点。

origin-x：这个值一般设置为0.5就好，以鼠标为中心进行移动。

scalar-x：如果想要在x轴移动的快一点，将这个数值变大。

https://github.com/wagerfield/parallax

http://bs.zengxiaoluan.com/

15年下半年的工作总结

我从去年七月份开始实习，半年时光，感觉一事无成。

开始两个月，在北京地林伟业（长沙）实习前端，在这个期间最大的收获是比较系统的学习了前端的一些知识。被曾老师严格的美学要求影响，这让我现在看到一些网页总有股要调调间距的冲动。但是也不得不承认，我在地林所学甚少，对web前端的认识有限。这种悔恨来自于对事物真实情景了解不多，web前端已经发生了很多变化。

9月份开始，我就去长沙快智网络科技上班了，这更是一场“黑暗”的岁月。

快智是一家创业公司，九月份的时候，这家公司还不具规模，在任何方面都是偏稚嫩的，没有经验导致公司的决策执行力不足，一个创业公司的包袱反而越来越重。这些沉重的反思包括以下几个方面：

1.不知道产品的样子。没有明确产品的核心竞争力，创业公司这么多，为什么我能成功，而别人失败了。

2.太随意的决策。一些决策做好了，反而又没有执行到底，事情没有完成，就会带来额外的成本。

3.不知道要干嘛。每天看似都有事情做，但是所做的工作毫无价值，重复劳作。

4.没有理念。不知道理念是什么，没有理念，就没有办法传播。

怎么建设一个好的团队？

1.寻找经验丰富、执行力强的人。

2.明确团队的目标和使命。

实习这么久，我只是这样去认为的。16年的春节假期，我只能感慨什么都没有做好。

修改记录

  1. 2023-04-05 清明，转为区块。