cobish
cobish
我的 2017
今年的世界依旧在不断的发生变化。互联网公司都在争先恐后地去进军人工智能，有点工业革命的感觉。国产航母下水和港珠澳大桥完工，国家实力越来越强大了。大批共享单车的倒下，亏的是那些没取出保证金的人。苹果十周年，推出小刘海 iPhone X，价格也涨了不少。中兴中年员工的跳槽，让人不禁开始担心自己的中年危机。 工作了两年，开始能感觉到身边的变化。有的开始跳槽，有的开始结婚，也有的才刚毕业。如果说我的 2016 年是一场量变，那么我的 2017 年就是一场质变。待我一一道来。 ## 2017 先来看下 2017 年定下目标的完成情况： 1. 搬出合租，done。 2. 去北京玩一趟，done。 3. 阅读完成前端书单，fail。 4. 学习日语，fail。 5. 更新博客，done。 ## 工作 今年在金蝶呆了十个月，年初立的新项目也使用上了 vue 全家桶技术栈，并开发了一套通用的组件库。在经历的部门的大变动之后，新项目在经历的大半年也终于上线了。后面的新项目继续沿用着这一套技术栈和组件库。 今年，我实现了人生的第一次跳槽，我跳到了京东。离开金蝶还是有些不舍得的，那里的同事虽然没有了工作上的交集，但平时周末还会偶尔聚一聚。而在京东，我也学习到了不一样的工作模式和开发流程，还重新拾起了许久没有到的 react。...
## 什么是 CSRF？ CSRF（Cross-site request forgery），中文名称：跨站请求伪造。 CSRF 会盗用登录者信息，模拟登录者发送请求。 CSRF 攻击是源于Web的隐式身份验证机制。Web 的身份验证机制虽然可以保证一个请求是来自于某个用户的浏览器，但却无法保证该请求是用户批准发送的。CSRF 攻击的一般是由服务端解决。 ### 原理与过程 1. 用户登录了受信任网站 A，在本地生成 cookie。 2. 在没退出 A 的情况下，打开 tab 访问危险网站 B，B 恶意发出请求访问 A。 3. 浏览器带上 A...
清远之旅
来新公司才刚两个星期，就遇到了部门团建，真是幸运啊。一同出发的有二十余人，大部分都还是陌生脸呢。两天一夜的清远之旅就此展开。 坐了几个小时的大巴中午才到，吃过午饭后，便去爬山，体验玻璃桥。玻璃桥一眼望去，全是人，脚下都是玻璃，一站上去桥还会慌，真是吓出汗了。不过，走着走着，也就没那么怕了。  走完玻璃桥，下山也花了一点时间。集合完毕后去了附近的葡萄园摘葡萄吃。  吃过晚饭，便一行人回到酒店。酒店二楼有一处地方有很多椅子，大部分同事坐着玩了一盘狼人杀，然后便开始了今天的重头戏，泡温泉！因为我们住的是温泉酒店啊，当然少不了泡温泉。其实也没怎么泡温泉，因为十几人围着一个温泉泡脚，玩狼人杀！从晚上七点多玩到快十点才结束。 第二天大部分的时间都花在了坐车上。上午显示坐了三个小时的车程到山里看银杏，然后在一个农村里一行人逛逛。山里虽然没有信号，但是自然风光和空气还是挺不错的。最后快走时，很多同事都买了好多菜回去。下午三点便开始回深圳，大概花了五个小时的车程才回到深圳呀，坐得好累。  这一次旅程认识了很多很有趣的同事，他们对新同事也很有爱心，也没感觉到排斥，玩得很愉快。哎不说了，玩完回来收收心，准备送我的快递去了。
这一年着实做了很多的事情，回头一看，还真不太相信这就是我一年的经历。今年最让我印象深刻的事情是我毕业了，我离开了十几年的学校，不再需要上课，不再需要考试。还没来得及反应过来，我就已经步入社会半年。 年初我在同学镇鹏的推荐下来到了金蝶实习。在接近六个月的实习里，我学到了很多东西，比如实习初开发网页连 F12 都很少打开的事情我会说出来吗。部门的总监博哥很好，同事之间相处得也很融洽，特别是周围有几个都是深大的师兄和同届的同学，让我不感到那么的陌生。博哥对实习生很用心，年会没票参加则会帮我们争取，年终福利没有则给我们发红包。在刚开始实习的时候，有许多同学都跟我说金蝶内部的氛围比较传统，可能我是在大数据部门的原因，并没有感受到同学们所说的那种氛围。 带着不舍之情，我跟同学们拍下的难忘的毕业照，毕业设计也慢慢地接近了尾声。毕业答辩完成后，同学们也一个一个的离去。我放弃了报业集团的工作（还赔了 3000 元！），加入了金蝶。 在等待了一年时间之后，我终于等到了我的科目三，经常请半天假跑去练车都有点对不起博哥了。于是我粪发涂墙，一次考过了科目三科目四，拿到了驾照。 大学期间很少出游，今年部门总共带我出游了两回。阳江的沙滩很美（人也多。。。）。韶关的长老峰和大峡谷都很险峻，温泉也很好玩。两次的狼人杀都挺尽兴的。后来国庆自己还和代老师去了武汉玩，在武汉吃博哥的住博哥的，博哥带我们去了很多地方，博物馆、长江大桥、武汉大学、光谷等。 我开始深入学习 Grunt 并运用于项目上。工作之余我搭建了自己的 github 博客，立志写出多篇博文丰富自己的博客，最终却输给了现实哈哈。 2015 年，我正式毕业了。这一年算是一个过渡期，身上突然有了重担，也有了挑战。去年定下的目标几乎都实现了，这样一来 2016 年就更有信心了。首先我得自己有一定的储蓄，接着多与父母沟通，然后不断得改善自我形象，最后依然是希望自己能够不断学习，提升自己的技术与竞争能力，并把项目当成自己的孩子一样对待，不断优化。2016，最后希望自己能够脚踏实地，耐心工作。最后引用一句名言：如果你想一步登天，那么你必将摔得体无完肤。
最近项目碰到了跨域请求的问题，项目地址是 ``a.example.com``，而请求的 cgi 地址是 ``b.example.com``。第一次实际处理跨域请求问题，还是学习到不少的东西，查阅了不少，遂趁机整理一番。 ## CORS ### XMLHttpRequest 说到跨域，还是得区分浏览器来说。先讲讲 chrome 等主流浏览器，包括 IE10+。这些浏览器可以使用 ``CORS`` 来实现 ajax 跨域请求。使用 jquery ajax 跨域请求时，会发现没有带上 cookies，这时候需要设置 ``crossDomain`` 和 ``withCredentials ``: ``` js $.ajaxSetup({ crossDomain: true,...
一般进入终端你会输的第一条命令是什么？是 cd、ls 还是 pwd？都有可能。cd 表示进入某个目录，ls 表示查看当前目录下的所有文件和文件夹，pwd 则显示当前的目录。 ``` bash $ ~ cd Documents $ Documents ls $ Documents pwd /Users/cobish/Documents ``` 接下来的简单操作基本都是对文件进行操作，其中主要有两个参数。-r 参数表示对文件夹进行操作，如果没有这个参数则只能对文件进行操作。-f 参数表示无需确认，一般复制粘贴如果有相同文件名的文件的话会需要确认，如果加上 -f 参数则直接覆盖，不用确认。下面的操作基本都会带上 -rf 参数，对文件和文件夹都能起到作用。 首先使用 mkdir...
我的 2016
2016 年对于世界来说是出乎意料的一年。这一年，人工智能阿尔法狗战胜了李世石。这一年，里约举办了一届不一样的奥运会；这一年，英国脱离了欧盟。这一年，神州十一号飞船发射成功。这一年，一个当年《小鬼当家 2》里的打酱油角色，参加竞选当上了美国总统。 2016 年对于我来说则是平凡充实的一年。这一年，部门人数壮大到了接近 40 人。这一年，年初由于搬了一次家，房租也蹭蹭地往上涨。这一年，继《火影忍者》完结后，《死神》也在今年完结了，三大民工只剩下《海贼王》继续更新。这一年，博客更新了 18 篇博文，大部分是跟技术相关的。 ## 工作 手上的项目在不断的更新迭代和摸索中变得越来越规范。从 grunt 切换到了 gulp，从 requirejs 切换到了 webpack，从 svn 切换到 git。除此以外还加入了 sass、es6 等。今年还有幸当了一次校园招聘的面试官，简单地体验了一把面试流程。 在业余时间里，还接触了 react 与 redux，并将自己的技术博客用 react 重写了一遍，也因此获取到了 83...
为了上线之后用户能使用到最新的静态资源，大部分人会使用添加时间戳来清掉缓存，类似于下面这样的代码。读过张云龙的[「大公司里怎样开发和部署前端代码」](https://github.com/fouber/blog/issues/6)，意识这种方法有几个弊端。一则是每次修改一下时间戳全部的静态资源都会重新被下载一次，没有修改过的文件又重新下载一遍明显是一种浪费。二则是这种方法是一种覆盖式发布，无论先部署页面还是先部署静态资源，期间都可能有用户访问到页面，都有可能造成了页面显示错乱问题，所以需要一种非覆盖式的发布方法来避免这种情况。 ``` html ``` 总结上诉理论，此刻我们需要一种非覆盖式发布的方法，而此时这种方法就是将静态资源的内容hash后修改其文件名，做到文件名不同从而起到类似于时间戳的作用。如以下静态资源hash后的文件名发生的变化： ``` bash css/index.css -> css/index.aa59f6ab.css img/demo.png -> img/demo.aa59f6ac.png ``` 接下要怎么实现以上方法呢？要用的工具是 Grunt，使用到的插件如下： ``` javascript "devDependencies": { "grunt": "^0.4.5", "grunt-contrib-clean": "^1.0.0", "grunt-contrib-copy": "^1.0.0", "grunt-filerev": "^2.3.1", "grunt-usemin": "^3.1.1"...
惠州之旅
在出游前的两天得知这个消息，还真是惊喜。没错，部门今年又有出游了，虽然这次去的是附近的惠州，但这依然阻止不了我激动的心情。直接收拾一两套衣服便可出发。 周六早上从公司出发，在车上的几个小时看了一部经典老电影，很五星。中午到了雷公峡简单吃过午饭后，就开始我们今天的漂流节目。这一次的漂流我觉得更好玩，没有之前江门玩的那么危险，而且跟更多的同事泼水对战。  漂流结束后便乘坐大巴去巽寮湾，先到了酒店。里面装修得很赞的酒店，可惜忘了拍照。大家一起下午附近吃了个大排档，吃完跟着一部分同事去巽寮湾的海边踩踩水，踏踏浪。散步完后回去酒店洗了个热水澡，然后大概十个同事开始玩狼人杀到凌晨。 第二天由于台风天气外面下着大雨，七点起床的我又看了一部经典五星电影。九点的时候博哥叫我一起去买早餐，于是跟前台借了一把雨伞两个人屁颠屁颠去对面的潮汕汤粉店买了早餐，生意太好以至于我们足足等了半个多钟才买到，好在味道还很不错。吃完早餐待在酒店里一起看电视剧《鬼吹灯黄皮子坟》。十一点多出发吃了个普普通通的午餐，然后就出发回深圳了。
三亚之旅
感谢博哥去年的优秀创新奖，才能让我们有这一次的三亚之旅。早上出门，附近的小学正在升国旗，小学生又开始了一个新的学期，感觉像是一个新的开始。经过了一天的工作，晚上才开始正式启程。其实还是有点小激动，毕竟是第一次坐飞机，遗憾的是座位边上没有窗户，长这么大都没坐过飞机真是惭愧。  三天的行程里，我们一共去了三个海滩。一个是亚龙湾，一个是西岛，还有一个是天涯海角。前面两个海滩我都没有参加潜水等自费项目，在亚龙湾大部分的同事都一起下海玩了一整个下午，脸晒黑背晒伤都值。西岛能游泳的区域就比亚龙湾小得很多了，大部分时间是与同事们在沙滩上玩排球。最后还去了号称中国最南端的天涯海角，主要是参观博物馆和欣赏奇石，加上当天下着雨，并没有人下海游泳，大部分人也就在海滩上踩踩水，拍拍照。  在亚龙湾区域我们还去了森林公园，那里的电瓶车在山路很猛，就像是坐过山车一样，我们越尖叫，司机就开得越猛。到山上我们可以鸟瞰三亚，一片海滩映入眼帘，这景色简直无法用言语形容。第二天我们去了椰田古寨，去感受一下苗族人民的生活环境，里面比较特别的是木屋、苗药、毒蛊。最后去的景点是千古情景区，逛逛鬼屋、看看动态的清明上河图。  白天跟着导游到处逛，晚上就到了我们的自由活动时间啦。第一个晚上我们部分人出去打桌球，打完大部分人又一起去吃宵夜，而我则回酒店看《盗墓笔记》。一个人有点恐怖，果断打开电视放大声继续看书。第二个晚上是个难忘的晚上，一波人呆在酒店房间里玩狼人杀，一波未平一波又起，一直玩到凌晨三点还很兴奋。最后一个晚上在回去的机场上我们又玩了几把狼人杀，真的是玩不腻啊。对了，在去机场之前我们还去了希尔顿欢朋酒店吃自助海鲜，一个字，饱。  这是我们部门今年第一次出游，也是人数最多的一次。其中让我印象最深刻的是亚龙湾的海滩与酒店里的狼人杀，其中也诞生了许多值得回忆的搞笑照片。就此纪念一下我的三亚之旅吧。