立秋

今日立秋。 随手看了最近几天的天气，发现温度虽没有预期的那样降幅，但却好歹还是会多了几分期待。毕竟9月份也近了。想了想去年的那个时候，还是蛮动荡的，对于team的发展质疑到了最高点。加上内部team的一些动荡，似乎棘手的问题变得不再是技术实现，而是一个团队维持的问题。那个时候大概也是那个之后，自己也算能体会到内马尔离开巴塞时候，巴塞队友们的心情吧。那个时候也看开的一件事情，就是 人各有命， 不必强求。 转眼今年的暑假，怃然有种重回2014的感觉。几个人的密闭开发，进度掌控，资源调度似乎都在这么几个人的小团队里。虽然氛围很好，但是争吵和互相学习一定是少不了，自己洞察更多了关于一个 team 每个人的发挥，和优势所在。之前一阵子的 swordraain 项目大概也是首次经历的短视效，高流量，多资损的活动。如同对 PD 的反馈，少些上线多谢保护。大概每次上线后的倒计时等待如同一次审判。感觉心里素质也就这样渐渐磨炼出来了。 上半年经历的变化很多，但是机会和积累也广泛很多。也很感谢去年所在 V 厂学会了很多非技术性的东西。和飞哥聊处境，才发现家家有本难练的经，永远都不未果。大概这个岁月，在快学会虚度的时间节点，学会给自己降降温，重新 build 一次，感觉比忙忙碌碌好很多。 深夜至， 详情 »

微日记-20170801

天气晴。 转眼已是八月天。这几天去丰宁坝上outing.想了很多事情。自己聊程序员的 shedule时候说到: 1/4 开会； 1/4 不知道干什么； 1/4 疯狂干事情； 1/4 被其他部门逼着干事情； 眼看离年底也就五个月时间了，所以这五个月大概是需要认真去对待了。 详情 »

微日记-20170728

天气晴。 许久没写了。24-26岁你在怎样的状态？最近看到了这个帖子。里面很多内容挺暖的。大概如今这个年龄段，有个清晰目标也算意见幸福的事情吧。北京从上周开始降温了，最低温度已接近21度，晚上下班也到凉爽很多。 最近在 YK 挺开心的，结实了一群新的朋友。手头的事情也挺有意义的，有时候也会觉得今年给自己点的主题： Keep Patient 还是挺对的。前些天和 朋友 聊彼此的五年计划，发现自己还是把工作上的目标放在很重要的位置。大概很多人都把25岁当作最后赌注的一年，曾经的理想，还在心中，也还是记得最后为此努力过。 下半年技术博客更新没有去年了，很大程度还是时间上的透支问题。现在交通的上时间挺浪费的。大概现在写代码也越来越强调设计的重要了。 有的时候也很羡慕知乎里回答的哪些小伙伴，感觉生活还是多少有希望的。大概对于未来，自己也得满怀期待😁。 详情 »

查看详情

vue-core-image-upload 2.3.x is released

Recently we released the next version of vue-core-image-upload; The latest version (2.3.4) is not statable and you can view code change in the branch. So you can submit your bugs you met to the github issues New Features Now when you resize an image you uploaded, you will view a rotate-button. And you can 详情 »

微日记-20170716

这次有时间去杭州的周边逛了逛。感觉杭州人民的幸福指数还蛮高的。园区又很方便，生活性价比高。加之大学同学杭州的定居，自己也在想要不要 transfer 过来。这样的话，自己又重回到了南方。 晚上逛西湖，虽然人多，怀念南方这种空气充满水的味道，喜欢南方那种郁郁葱葱的感觉。这种感觉似乎北方始终都很难感受到的。 不过发觉自己现在南方两个重要的城市都还未去过，上海和深圳。希望有机会出差过去感受下。。。 详情 »

查看详情

如何强制Html5视频进行全量加载

默认情况下我们实现一个简单的 H5 的播放器，只需要这么简单的代码就好： <video preload width="320" height="240" controls src="./static/videos/1.mp4"></video> 这个时候用户点击播放按钮就可以开始播放了。 但是为了更好的用户体验，我们有的时候需要预加载视频，比如有的视频可能是在用户产生某些交互进行显示播放的。这个时候我们优先想到的是 preload 属性。 此属性用于定义视频是否预加载。属性有三个可选择的值：none、metadata、auto。如果不使用此属性，默认为auto。 None：不进行预加载。使用此属性值，可能是页面制作者认为用户不期望此视频，或者减少HTTP请求。 Metadata：部分预加载。使用此属性值，代表页面制作者认为用户不期望此视频，但为用户提供一些元数据（包括尺寸，第一帧，曲目列表，持续时间等等）。 Auto： 详情 »

微日记20170712

天气热。 很久没有看到日记里出现 热 这个词语了。确实连续的高温有些出乎意料。感觉往年的北京都不会有这样的高温。到了夏天，自然躲不开这个词语。但是每每出了办公室，一股热浪扑面而来还是会让人退避三舍。 的确最近开源的几个项目确实很难有那么多精力去投入，因为工作上的事情，再加上炎热的夏天，投入明显不及去年这个时候。大概这是一个必须得想办法调整的状态，因为持续的投入是必要的。大概半年写计划的时候，对比了一些进程。也觉得今年年底需要有一个更具挑战性的目标。自己也开始在准备英语的口语，和听力这块，年底还是希望去做一些新的挑战比如 ab这些。 明天去杭州原本以为不会去了哈哈，只能说世事难料吧😝。 详情 »

查看详情

搭建 基于 Mocha + Webpack2 + Chai + ES6 前端单元测试

现在如果写某些类库的话，非常注重单元测试，从而确保发版质量。大概测试框架也有很多，这里介绍比较常用的 前端测试框架技术选型。 安装 Karma npm install -g karma-cli 然后使用 karma 初始化配置: karma init 如果提醒，安装依赖，你只需输入: npm install karma --save-dev 然后再执行一次就好，系统会提醒你进行一些输入操作，你可以直接跳过。这个时候程序会自动创建 karma.conf.js 。 基本内容是： // Karma configuration // Generated on Wed Jul 12 2017 18:29:58 GMT+0800 (CST) module.exports = function(config) { config.set({ // base path that will 详情 »

查看详情

定义好目标

大概这是过去一周反复接触的词语，目标。周天读《Google 重新定义公司》的时候在书中看到招聘准则的一些内容。大概这里择录两段： 规划你的职业 职业规划不仅需要付出努力，还要认真考虑， 换句话说，你必须做好计划。计划这一点看似浅显，但这么多年来，像加入谷歌的人很多都忽略了职业规划，这是我们始料未及的。对于这种人，乔纳森通常会统一安排一系列职业规划培训。再为大家奉上一句他最喜欢的音乐汤姆莱特的妙语：“人生就像下水道。像想从中得到什么，要看你往里面扔了什么东西。”另外他还向大家承诺，只要他们肯在职场培训中下功夫，他就一定会为大家提供帮助。 以下是制定规划的简单步骤。 思考一下，五年之后，你理想中的工作是什么样子的。你想做什么样的工作？想要什么样的收入？描述一下你心目中的理想职位：如果你在网上看到了招聘信息，那么这广告具体会是什么样的呢？现在把时间快进四五年，假设自己已经得到了这份工作。那么你5年后的简历会是什么样的？想要得到五年后心目中理想的职位，你现在起需要怎么选择前面的路？ 接着规划你的理想工作，从这份工作的角度来看，你的不足和优势是什么？要得到这份工作，你需要哪些改进？在思考这一步时，你需要倾听别人的看法。因此，和你的上司或者同事谈一谈，听听他们的意见。最后还要思考：如何得到你理想的工作？你需要接受什么样的培训，你需要积累哪些经验？顺便提一下，如果你通过总结发现自己已经达到了理想工作工作的要求，就说明你不够大胆。 详情 »

查看详情

使用 canvas 旋转图片(一)

随着 html5 canvas 的 api支持，我们现在可以轻松的对图片进行一些处理，比如图片的放大，缩小，图片的裁剪和旋转。因为它可以接触到像素级别的操作，进行更加复杂的操作。 绘制一张图片 在 canvas 中绘制一张图片 只需要利用到 drawImage 这个方法就可以实现。 ctx.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); drawImage 它可以接受九个参数(不一定全部传入) image: 它可以是一个 图片的 Image 元素，或者 Video ，Canvas 元素。 dx 表示在画布 x 轴的坐标值 dy 表示在画布 y 轴的坐标值 dWidth 表示在画布绘制的长度 dHeight 表示在画布绘制的高度 sx 表示在画布所绘制图片本身的 x轴 详情 »