cobish
cobish
我的 2019
## 2019 2019 过得比 2018 好一些。至少在 2018 年亏损的基金回本了，甚至还赚了一些。至少房东没有涨我房租。至少跳槽涨了工资。 总的来说，2019 还是过得比 2018 香的。 ## 工作 过年前就开始慢慢在面试了，直到年后拿到了两个不错的 offer。其中一个是 OPPO，另一个是微保，综合考虑并纠结了一会，最终还是放弃了 OPPO，来了微保。 来到微保，终于慢慢减少了我 PC web 开发的时间，增加的则是 H5 和小程序的开发时间。期间参与了官网、官方小程序、H5 商城、春节红包活动等开发，真正体验到了团队协作的气息，这在京东是从未有过的体验。 也从中学习到了不少以前没接触到的知识，而且团队也鼓励大家探索技术与分享。同时也会感觉到业务的迭代快一些，减少了抽空学习新知识的时间。 Github 也比较少刷了，取而代之的则是刷掘金，毕竟在掘金上能感受到同行的热情，在 Github 比较孤单。也希望明年能够继续提升（摸鱼）技术，摆脱技术焦虑吧。...
最近接触了 Nuxt，刚开始会被其中一些函数的执行顺序绕晕，所以记录一下。 ## 服务端与客户端都能执行 - middleware - asyncData - beforeCreate - created 服务端与客户端都能执行是什么意思？ 1. 当页面是直接打开，或者刷新，以上四个函数在服务端执行 2. 当页面是通过前端路由跳转而来，以上四个函数中在客户端执行 需要注意的是，服务端执行的话，是不能够在前端 debugger 调试的。同时，beforeCreate 和 created 如果在服务端执行后，在客户端还是会再执行一遍。 以下是直接打开网页：  ## 只能客户端执行 - beforeMount -...
## 使用 需求里有一个需要拖动选择年龄的刻度尺，但小程序里没有自带该组件，所以找到了一个 [「wx-scale」](https://github.com/mehaotian/wx-scale) 的修改一下。 使用效果如下：  ## 原理 刚开始自己也没有思路来实现，于是找到源码简单了解一下实现，发现其实也不难。 实现如下：  简单讲一下，通过 canvas 画出卡尺，再导出成一张图片，此时 canvas 处于隐藏的状态。然后监听 scroll-view 的滚动事件，并计算当前刻度。 其中有几个需要注意的地方： ### 画 canvas 官方文档里的这行代码是画不出东西的： ``` js const ctx = wx.createCanvasContext('myCanvas');...
我的 2018
## 2018 2018 年真的是奇怪的一年。 武侠小说家金庸、科学家史蒂芬·霍金、漫威之父斯坦·李等知名人物均在今年去世，甚是惋惜。 继范冰冰事件发酵后，大批明星因逃税被罚款。逃的税罚的款咱们工作上下五千年都不一定能挣到，真的讽刺，噫吁嚱。 前半年一大批互联网公司争先恐后地上市，下半年便出现了互联网裁员的消息。国家宏观调控房市，周围大家都在说房价已经开始跌了，然并卵，跌那么几毛钱也叫暴跌。得益于今年的中美贸易战，股票等投资都一路绿到底，至今还套牢在里面。 有的人说，98 年是金融危机，08 年也是金融危机，如今 10 年了又轮到了 2018 年，还不都撑过来了。也有人说，2018 年也许是过去十年最糟糕的一年，但也可能是未来十年最好的一年。 管他呢，工作还得做，生活还得过，好嗨哦。 ## 工作 工作上就是不断地需求迭代，秉着小步快跑的节奏（好像是前公司的口号），今年还真完成了不少需求，甚是充实。但在完成需求的同时，需要时刻保持警惕，不能单单为了完成需求而完成需求。遇到的困难需记录下来，该优化时尽量优化。 在做需求的间隙里，自己也会有那么一丝丝焦虑，该学什么，该怎么规划工作，自己也老大不小了，已经毕业几年了，不再是大学生了。 今年没有继续学习新的框架知识，项目继续用着 jQuery、Vue、React，而是把时间精力用在了阅读优秀库的源码上。陆陆续续阅读了 vuex、vue-router、promise 的源码，收获不少。同时补了一下 http 和网络安全的知识。 接下来会挑战自己，阅读完 vue 和 webpack...
## 遇到 在一台电脑里，通常会遇到这种情况。有公司的 Git 账号提交公司的 ``Gitlab``，有自己的 Github 账号提交 ``Github`` 仓库。 比如像我的公司 Git 账号为 ``huangxiaojia``，但我的 Github 账号为 ``cobish``，并且邮件也不一样。 当我设置 git 全局 name 和 email 为我的公司 Git 账号时，提交 Github 显示的也是这个账号，而不是我的 Github 账号，这就有点尴尬了。...
## 介绍 栅栏布局是由 Bootstrap 设计出来的，设计成一行 12 列的栅栏，有利于对每一行的列数进行分配。 ## 优点 1. 响应式,适应不同终端 2. 布局更方便(表格要合并行列) ## 原理 由一层 ``container`` 包裹着，里面的一行就是一个 ``row``，一行规定 12 列，即 col。 其中 ``container`` 最主要是 box-sizing，保证宽度不被 border 和 padding 影响。...
右键新标签打开图片。 
北京之旅
飞机终于起飞了，南航的机餐还挺好吃的。一路向北，终于在晚上八点到达了北京。不禁让我吟起了诗：老夫聊发少年狂，治肾亏，不含糖。老北京的地铁显得有些年代，街上也没有了什么人，到了旅店便休息，期待明天的开始了。 第二天早上早早起床，外面的温度是 22 度，并伴随着阵阵微风，晒着太阳都不觉得很热。随着温度越来越高，热情也慢慢上涨。来到前门，排队过了安检后，终于来到了天安门广场。人很多，随便参观拍照了一下，便直往天安门进入故宫。故宫给了我很多惊喜，也给了我很多失望。故宫很大，人也很多。里面的建筑都很相似，但很庄严，很是喜欢。但是，遗憾的是建筑里不是被改建成文物展览，就是封起来不给进，犹如被泼了冷水一般。花了一个上午的时间逛完了故宫，出了神武门再战景山公园。爬上景山，故宫一览无余。中午去了什刹海附近吃了个北京杂酱面，然后逛了北海公园。  下午出了公园，找到公交去了传说中的天坛。看了小学课本上的那个建筑，还有回音壁什么的。建筑是很壮观，但还是只能外面看看，还有太阳很晒。走马观花后再战地坛，结果地坛在维修，orz。一天也逛累了，回旅店睡了一会觉，起身后去三里屯逛逛并找些吃的。  第三天兴致勃勃地想先攻下北大清华，结果保安说考试周学校不开放，于是只能去附近的圆明园玩了。圆明园算是这个旅程中给我惊喜最大的一个景点了。上午一路找课本上的西洋楼遗址，找到后感觉也就那样，但旁边的一个迷宫还是挺不错的。中午没吃饭，直接到了圆明园的中心湖岸边，这里没有什么人，很适合发呆打瞌睡啊！  花了一些时间很惬意地逛了一圈湖，下午便去了正大光明殿遗址那边。那边的遗址已经没有了，剩下的全是风景，有那么一片很广大的草地，要不是太阳正猛烈，我还想着在那躺上一会呢。这边虽没有遗址，但是风景特别的好，有水，有草，有树。逛累了走回的路上，碰到了沿途的观光车，才发现原来我经过的路是可以免费坐观光车游览的，于是我毫不犹豫地搭上一程又在外围欣赏了一圈。  第四天的目标只有一个，那就是颐和园了。说实话，颐和园也很大，但人也多，园的中心是一个很大的湖，湖的一侧连着一座十七孔桥。今天的天气也很不错，沿着整个湖走了一圈也花了大半天的时间。回去旅店又休息了一会，晚上又去看了鸟巢和水立方。看过深圳湾体育馆和大运体育馆也就没觉得有多新鲜了。  第五天也就是最后一天了。前几天逛累了，于是早上也就一直瘫在旅店里。交完房间，拖着行李箱，来到前门的第一肯德基吃了个午饭，然后再进前门广场。在外围参观了人民英雄纪念币和毛泽东纪念馆，因为不给进。。。然后觉得离登机时间还太早，碰巧看到附近有个国家博物馆于是屁颠屁颠跑进去参观起来。里面最吸引人的就是各国赠送国家领导人的礼物，各式各样，千奇百怪。参观结束后就直奔机场，乘坐晚上的飞机回到了深圳。 这一次五天的北京之旅算是玩得很尽兴，自己做攻略，把北京出名的景点都差不多游览了一遍。自己一个人旅游，刚开始的时候很激动，慢慢地热情就有点消散了。 就此罢笔。
## 上传文件 由于需要有上传文件功能，于是想用到 ajax + formdata 来实现。现代浏览器用 formdata 来实现已经很简单了。 无奈又需要兼容 IE9，于是又想到了以前实现过的 form + iframe 来实现。但想了一下，涉及到写 form，除了上传文件，还要传参数。涉及到跨域。涉及到服务端返回数据不能是 JSON 格式。写起来真的很麻烦。 于是打算先直接使用 WebUploader 吧。 ## HTML5 上传 使用 WebUploader 的 HTML5 上传，估计就是使用了 formdata...
搜索词高亮
搜索框输入搜索词，ajax 请求，将返回的数据通过模板引擎生成 html 代码插入 DOM。 现在需要将搜索到的内容里的搜索词高亮，也就是添加一个带颜色的 span 标签。 ## 思路一 先将 html 插入 DOM，再通过 DOM 查找，替换，再插入。 缺点：DOM 操作太多，消耗性能。 ## 思路二 通过 document.createDocumentFragment() 创建文档片段，在片段上进行替换操作后，最终再添加到 DOM 树上。 ``` html ``` ``` js...