在之前做项目的时候，有遇到一种情况，有些浏览器的行为触发，只能借由当下用户的行为触发，否则直接由js的代码执行触发是不行的

这些行为目前遇到过的有：

• 出现授权允许框（比如桌面通知授权框）
• 弹出框 window.open
• 全屏 fullScreen

这些事件只能在用户主动触发的事件中，比如click，调用才会被实现，而且只能同步调用。

之前我们项目的官网有反馈一个问题，就是用户将我们的官网的页面嵌入到他自己的站点。

通过这种方式，可以用来做点击劫持 Clickjacking

因此我们要防止 页面内嵌

方法1： 通过js来防止：

1
2
3

if (window.location != window.parent.location) {
 window.parent.location = window.location;
}

但是这个容易被破解，只要

// 顶层窗口中放入代码 var location = document.location;
// 或者 var location = “”;

之前在做企业版的管理后台的时候， 因为要做jwt的token校验， 所以前端将utoken作为一个头部项放到 ajax 的 header 头部里面。
因为多了一个自定义头部的原因，这时候前端的请求全部就变成了非简单请求了。
包括get请求和post请求，这样就导致每个请求都要先进行一次options的预请求处理。
导致会增加多余的http请求时间。

之前在做pc端桌面应用内嵌页的时候，因为要兼容到XP，所以其实就相当于要兼容到IE6

后面发现在 ie 6 下，不支持透明背景的图片，一般的PNG透明都是 png 32，但是ie6 不支持 png32，只支持png 8.

前言

接下来我们为 blog 添加增加阅读次数的功能。 我们采用 leanCloud 这个第三方服务， 具体配置文档 为NexT主题添加文章阅读量统计功能

操作

首先我们要先到 leancloud 注册一个账号，免费的，然后新建一个叫 blog 的应用

前言

接下来我们安装一下 next 这个主题的一些第三方服务集成，包括评论，阅读量，搜索等等。 这边有很详细的文档 第三方服务集成

而我们这一次先安装 评论插件 DISQUS

安装

按照文档来，编辑 主题配置文件 _config.yml， 将 disqus 下的 enable 设定为 true，同时提供您的 shortname。count 用于指定是否显示评论数量。

1
2
3
4
5

# Disqus
disqus:
  enable: true
  shortname: zach-2
  count: true

而这个 shortname 就是要先在 disqus 绑定一个站点，这时候就会生成一个 shortname 了，本例就是 zach-2

前言

终于，终于，要写文章了。 hexo 是用 markdown 格式来写的，具体可以看 hexo writing

实操

可以通过

1

hexo new xxx

来生成一个文章

1
2
3
4

admin@admin-PC MINGW64 /f/airdroid_code/github/blog_hexo (master)
$ hexo new "test post"

INFO  Created: F:\airdroid_code\github\blog_hexo\source\_posts\test-post.md

这时候就会生成一个 test-post.md 这时候只要在这个md里面写文章就行了

之前在windows下装composer依赖的时候，会报一些奇怪的错误，有些跟版本，或者平台还有关系

比如我在装 某一个项目 的composer的时候，就会报这个错误

F:\airdroid_code\api-admin>composer install
Failed loading D:/wamp/bin/php/php5.4.3/zend_ext/php_xdebug-2.2.0-5.4-vc9.dll
Loading composer repositories with package information
Installing dependencies (including require-dev) from lock file
Your requirements could not be resolved to an installable set of packages.

Problem 1

- Installation request for mongodb/mongodb 1.1.2 -> satisfiable by mongodb/mongodb[1.1.2].
- mongodb/mongodb 1.1.2 requires ext-mongodb ^1.2.0 -> the requested PHP extension mongodb is missing from your system.

Problem 2

- mongodb/mongodb 1.1.2 requires ext-mongodb ^1.2.0 -> the requested PHP extension mongodb is missing from your system.
- jenssegers/mongodb v3.2.1 requires mongodb/mongodb ^1.0.0 -> satisfiable by mongodb/mongodb[1.1.2].
- Installation request for jenssegers/mongodb v3.2.1 -> satisfiable by jenssegers/mongodb[v3.2.1].

To enable extensions, verify that they are enabled in your .ini files:

- D:\wamp\bin\php\php5.6.29\php.ini

You can also run php --ini inside terminal to see which files are used by PHP in CLI mode.

明明我 php ini 文件有开启 mongo 的支持，但是却还是显示这个问题。

后面解决方法就是：加一个参数就可以了 ignore-platform-reqs

1

composer install --ignore-platform-reqs  

这个命令来装，可以忽略掉一些奇怪的问题

之前在协作的时候，有发生过一种情况：
有个同事有在他的分支上做了一个新的接口。但是我用dev合并的时候，发现这个分支是基于master分支，导致代码是比较旧的。
这时候，merge 后的代码还没有提交到远端仓库。
所以我是直接抛弃掉这个merge操作。
命令就是:

1

git reset --hard HEAD~1

这时候就会回到了dev最新的分支了，并且没有任何的commit了。
但是有时候会发现还是会有未提交的合并分支的commit，这个是因为你merge的分支超过一次提交，上面那个操作其实就是撤销了最近的一次提交。
所以如果你merge的分支已经提交了好几次的commit了，那么这时候就要这样子：

1

git reset --hard HEAD~n

前言

通过 github建站系列(4) -- 绑定 kebingzao.com, 其实我们已经将 blog 部署在 github 服务上，并且也有绑定 kebingzao.com 域名。

但是平时除了用写文章的方式来讲解技术之外，其实很多时候都需要有一个 demo 来演示自己写的代码是更直观的。

所以我就打算将我接下来用来演示 demo 的项目，也部署在 github 上

图片不能拖拽，有两种情况:

一种是使用css， 让其不能选择

1
2
3
4
5
6
7

.i-user-select-none{
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -o-user-select:none;
  user-select:none;
}

一种是js，将 onselectstart ， ondragstart 方法return false

1
2
3
4

$(img).attr({
    "onselectstart": "return false;",
    "ondragstart": "return false;"
});

前言

终于过了两年了，还是没有写文章。不过今天终于觉悟了，要写文章了，结果打开界面一看，尼玛，界面太丑了。之前是 16年搭的， 尼玛现在是 18年了，有一些主题模板早就out了。

所以重新找了一个比较新的模板 NEXT

还有就是之前用的 node 的版本还是 4.2.2， 现在换成 9.5.0 版本，所以 hexo 要重新安装一下， 具体操作如下：

操作

因为后面有分为两个项目来存放，所以

1. 首先先把 kebingzao.github.io 和 blog_hexo 这两个项目都清空掉。

前言

通过 github建站系列(3) -- 使用hexo创建个人blog主页 已经创建了一个自己的blog，而且界面也不丑， 但是域名还是 github 的域名，不是我自己的域名， 接下来将 kebingzao.com 指定到 这个blog页面。

实操

是在 blog_hexo 项目下，新建一个 CNAME 文件，放到 source 文件夹中

前言

通过 github建站系列(2) -- 创建个人blog主页 可以看到个人blog的主页已经建起来了，接下来就是搞一个比较好的模板。

这时候有两个选择，一个是 jekyll ， 一个是 hexo， 其中 jekyll 是用ruby，而 hexo 用的 nodejs。而且无论是从速度还是简易程度，hexo 都比 jekyll 好。因此这次是用 hexo 来搭建blog。

安装

hexo 需要 node环境和 git 环境， 直接全局安装

1

npm install -g hexo

这样就全局装成功了 （建议翻墙，因为第一次装的时候没有翻墙，结果失败）

前言

通过 github建站系列(1) -- 将你的github仓库部署到github pages 我们知道怎么把 github 仓库部署到 github pages上。 但是访问的时候，就要访问 http://kebingzao.github.io/hello-ghpages/ 才能访问得到。

而我的原意是要在 github 上建一个自己的个人blog主页。 那么肯定是要可以访问 http://kebingzao.github.io/ 才能得到主页。

但是现在访问 http://kebingzao.github.io/ 发现是 404 页面

前言

随着做技术的越来越深入，也想搞个个人站点来存放自己的一些技术积累， 顺便偶尔发发牢骚。 本来想租个服务器的，不过后面看到有人可以将个人站点直接放到 github 上，我觉得这个好省事， 所以也想搞一搞， 关于 github page ，官方也有详细的文档 GitHub Pages, 所以就简单实践一下。

实操

1. 新建一个github仓库”hello-ghpages”