一步一个脚印，向前进

前言

好久不更新了，前段时间一直忙着毕业这段时期的各种腌臜事：找工作-当咸鱼-做毕设-当咸鱼-毕业旅行-沉迷游戏-搬家-办入职-适应新公司，到现在总算是有大把的时间闲下来做自己想做的事情了，还真是不容易。不过说是没时间，其实更大的可能还是懒吧，懒散了一段时间发现自己经常是提笔忘字，讲话以及做事情的逻辑不知道怎么就变乱了，真可怕。看来还是得重拾码字的习惯，理顺思路，整理逻辑。安顿下来的这段日子过得还算平稳，就想抽个时间把自己人生中第一次求职的经历记录下来，

实习

实习面试，想来也是一年多前的事了，可现在记起来还是历历在目。那大概是我第一次与职场接触吧，一切都是那么新鲜，对工作有着无限的好奇跟热情。看惯了破破烂烂的教室跟寝室，发觉自己突然处在一个环境优雅、干净大方、连卫生间都有香氛的地方，脑海里剩下的字也就只剩下了“惊喜”。不过随着工作的接触，我逐渐对华为有了更加深刻的理解。这是一个井井有条的小社会，高层管理者通过价值观的输出一层一层的去影响到金字塔底层的员工，使得整个公司的价值观从原则上保持高度的一致：”以客户为中心，以奋斗者为本，以结果为导向”。封闭的舆论以及权力的集中像极了党国治理国家的模式。这种方式的效率其实是很低的，但是由于上层的设计以及任务拆解做的非常的细，每一个人都只需要专注于自己做的那一小部分工作即可，然后通过一层一层大大小小的经理，将工作向上层进行汇报。在华为内部，与他人沟通的代价非常低，各种电话会议可以随便拉，这也就导致了沟通的效率很低，很多情况下是能电话打通的就不会打字，估计很多人都会在梦中被”Welcome to join the conference”的提示给惊醒。

从公司的角度上讲，这样的制度能保证公司的稳定，以及高层的指令能够被高效的传达贯彻；从个人的角度讲，每个人也都能比较轻松的适应并胜任自己的工作。可坏处就是，凝聚力的集中很容易形成互相取暖的小团体，容易产生派系斗争；而每一名员工虽然可以都能通过自己占有的资源，利用信息不对称，保证自己工作的价值，但是一旦离开了公司的平台，剩余的技能在目前的就业市场上优势就不是很大了。事实上由于通信产业的逐渐萧条，华为高层其实在努力思考转型，比如终端业务，SDN业务，无人车业务等的业务转型，以及增加福利，拥抱开放等的文化转型等。据说现在华为也有免费夜宵了，挺遗憾没有享受到过，哈哈。

more >>

展开全文 >>

主流浏览器图片反防盗链方法总结

前言

还记得之前写的那个无聊的插件，前一段时间由于豆瓣读书增加了防盗链策略使得我们无法直接引用他们的图片，使得我这个小插件无法工作。本以为是一个很简单的问题，但是没想到这个小问题硬是让我改了五六遍才改好，可以说是非常的蠢了。总结一下自己犯傻的原因，还是由于自己懒得去深入研究，谷歌百度了问题就直接把方案拿来用了，浅尝辄止人云亦云，解决了表面的问题而没有深入的总结。当然，从另外一个方面讲，我也是初步领会到了前端程序员面对要兼容各种浏览器的需求时头有多大了。

问题

问题很简单，就是我希望在自己的页面里用<img src="xxxx" />来引用其他网站的一张图片，但是他的网站设置了防盗链的策略，会在后台判断请求的Referrer属性是不是来自于一个非本域名的网站，如果来源不是本域名就返回403 forbidden。我的目的就是用最方便的方法使得我的页面能够不受他的防盗链策略的影响。

解决方案

more >>

展开全文 >>

关于语义化版本规则(Semver)的领悟

前言

以前一直忽视了版本号规则的重要性，这两天改了一个bug让我深刻的领悟了遵守语义化版本规则(semver)的重要性。尤其是当自己需要造轮子给别人用的时候，如果没有遵循语义化版本规则，是很容易给别人留坑的。。。

简述

首先稍微解释下语义化本本规则，这套规则其实在网上也是到处被搬运(吐槽一波，非常讨厌这种搬运语法啊规则啊这些知识点而不说明出处的行为)。其实这套规则的出处是来自semver的官网。具体的概念文档里解释的很清楚，这里就不赘述了。

问题

more >>

展开全文 >>

关于firefox中链接点击弹出空白标签页的问题分析

前言

昨天突然有好心人提醒我说我的网站某些链接在firefox中打开时会弹出 about:blank 的空白页面。本来自己在测试的时候没怎么考虑浏览器的兼容问题，毕竟自己总共也没写几个标签。不过研究了一下发现前端这一行做起来还真挺麻烦的。

问题

原先的代码是这样的，有一个a标签，类似这样:

1
<a href="javascript:void(0); target="_blank" onclick="somefunction()">haha</a>

我希望这是一个标签页，为了好看就继承了a标签的样式，而且自己定义了点击事件，不过为了避免链接跳转就在href里用”javascript:void(0);”来阻止页面跳转。
这行简单的代码在chrome里没有问题，不过在 firefox 中如果点击这个标签就会立刻弹出一个 about:blank 的空白标签页，非常的不友好。

more >>

展开全文 >>

各种搜索引擎站长认证失败问题解决

这两天闲着没事就随便找一些奇奇怪怪的搜索引擎，注册了一波站长信息，这时候一般都需要认证站长的所有权，通常有下面几种方法:

  • meta 标签认证
  • 上传文件认证
  • CNAME认证
    一般来讲CNAME认证比较稳妥但是要登运营商的管理界面管理，有点麻烦，而且认证之后要是忘了删记录，看起来着实有点凌乱。因此后来我就习惯用认证文件来认证，上传也方便，删除也方便。不过近几次却经常发现这样认证总是失败，本以为是某家平台的问题，但是发现很多家平台都一样。后来研究了一下才发现是因为之前网站开启了https那会，把http的流量全都用301重定向到了https，而一般的认证似乎都是访问的http的页面，导致无法识别重定向后的内容。
    解决的方法也很简单，暂时关闭http到https的强制重定向，等认证之后再开启即可(脑子笨，排查半天才发现是这个问题)。
more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

<span>本站点创建于2015年11月，采用<a href="https://hexo.io/" target="_blank">Hexo</a>开源框架，在<a href="https://github.com/litten/hexo-theme-yilia" target="_blank">yilia</a>主题基础上进行修改，加入<a href="https://github.com/mythsman/hexo-douban" target="_blank">豆瓣插件</a>同步读书电影信息，引入百度统计页面，用畅言插件做评论系统，全站采用https协议，静态文件部署在阿里云VPS上，，<a href="https://github.com/jupyter/notebook" target="_blank">Jupyter</a>作为Web端后台以及在线编辑器，并用Nginx做二级域名映射，网站源码以及文章托管于<a href="https://github.com/mythsman/blog" target="_blank">GITHUB</a>，所有文章都可以在GITHUB上找到markdown原文，欢迎大家互相交流学习。</span>