近期开始陆续把 https 证书往 EC2 上开始部署；由于 Chrome 67 版本对 https 的要求更高了，加上近期会实验 http2，所以不得不开始把 HTTPS 启用了；之前写过为什么没有启用 SSL 的原因，很大程度上是因为 vanthink.cn 的七牛图床没有开启 HTTPS 导致这边的前端静态资源一直没能够使用到 https ，但是随着近期图床的迁移，应该会在两三周内完成域名的全部迁移； 证书用的是 腾讯云 的免费的证书。按照官方教程来的，但是结果还是出错了。始终访问不到。如果你启动的时候 nginx 没有抛出错误的话，你可以优先去看 AWS 控制台的安全组: 一定要开启对应的端口； 第二个排查就是，你需要去看 nginx 的错误日志; 一般在 /usr/log/nginx/error.log 报了什么错误; 这个问题其实还是比较好解决的， 详见这里 server { listen 详情 »
好久不看 webpack 已经从 3到4了，其实很早到今年2月份就开始发布 webpack 4 的 beta 版本； 每一次 webpack 的升级都还是建议阅读下 《webpack 4: released today! - Sean T. Larkin》。你需要明白，为什么 webpack又要迭代一个新的里程碑，以及带了什么新的特性； 这里简单总结下: Faster！！！ Webpack 在 bundle bundle 的时间会缩短至少 60 个点，最高可以到 98%; (我们似乎可以节省一些时间去这些事情) Mode 增加了新的属性，来支持 development 和 production 的区别，从而达到更好的优化效果； CommonsChunkPlugin 不将启用；取而代之的新的 API optimization.splitChunks; WebAssembly 的支持，现在默认支持 import export 详情 »
大概这是之前看 The Cost Of JavaScript In 2018 中提到的以参考索引，其实里面很多点挺重要的，当然推荐大家阅读下全文 A Pinterest Progressive Web App Performance Case Study; 后面其实说几点自己印象非常深刻的点； 为什么做这次性能改造 其实很多时候做性能改造，都会面临这样的质疑，它不是对现有版本的任何功能性的迭代，而是从多个方面去提升一些所谓数据指标。因此很多 产品(🐩) 都会去质疑这一件事情，但是 Pinterest 这次改造给出了更为直接的数据，性能的优化与用户数据方面的正相关： 其中相比老版本，用户的停留时间和核心参与度都有非常大的提升；其中和广告相关的数据，也有非常显著的增加；不难理解，当用户用更短的时间触达到页面， 合理的设置 chunks 如果我们是做基于 vue 项目或者 React 的项目，我们可以参考下 Pinterest 的 JS Bundles; js vendor 包含一些第三方的库比如(React, Redux, React-Router) 等; 详情 »
又立秋了，每年立秋总觉得应该写些什么，一是半年有余，而是暑气消散，接下里的日子也需要好生计划。 今年相比往年，北京的天，似乎热的让人穿越到长沙的气息；往往这个时候，一出门，就可以明显感觉到一股热气扑面而来；大概无论如何，午饭过后，还是会绕着新园区走上几圈，变化的，发现是人越来越少。关于“离”，自己写过很多话，江湖，似乎从来都不缺少这样的关键词；每每聚餐，几个人就会侃侃去年五月的夏天，一起熬过的夜，一起看过四点的北京，一起倒计时的红包雨，似乎这样的记忆什么时候都是抹不掉的。 每每到七月下旬，似乎就是暑假的日子。对于一个已经告别学生生活如此久的人，似乎这是一种奢侈。大概，温度与时间都在告诉自己，嗯，是的，这就是暑假的味道。上周去了次天津。大概这是一年半之余的头一次，给童鞋送书，然后顺便和几个老同事见了一面。最大的变化是空港的房价又涨了！！！当然看着终于起来的 SM 城市广场，还是让人觉得蛮吸引人的。大概应该后面还会去几次，去看看新的办公室以及新的人。 随着小游戏的 release ，大概也是时候说一声再见。世界杯确实是近几年来挑战最为特殊的项目，不过历尽千帆，好歹最后还是顺顺利利。似乎大家都能够安安静静的呼吸一次外面的空气。对于项目的思考和设计的思考真的还是足够缺乏，大概这是今年非常重要提升的事情。 详情 »
最近用 Cocos Creator (cc) 开发微信小游戏。由于 微信小游戏存在 主域和子域的隔离； 主域，你的主要游戏场景，和一些交互按钮等内容； 子域，主要用于获取用户数据和排行榜的显示； 微信这样分开也是为了更好地保护用户数据，防止数据泄露。因此一定要合理的设计自己的主域和子域； 凡是设计从微信里获取数据的比如用户头像，游戏成绩等；一定需要在子域的canvas 完成绘制； 实际在完成排行榜的功能时候遇到了一点兼容性的问题，Android 的部分机型(自己这边全部复现)和 iOS 设备上存在画布模糊的问题: ios 的截图如下: 搜索了一下，发现没有多少人提出这样的问题，但是看别的游戏也存在同样的问题； 不过，灵机一动！！！ 如果前端接触 canvas 的话，才开始都会遇到一个问题，就是再 PC 上看着挺好的，但是在移移动端就模糊了，因为这里存在一个 设备上物理像素和设备独立像素(device-independent pixels (dips))的比例 因此你的 canvas 设置的像素要比实际多出一些比如会有: canvas.width = window.innerWidth * window. 详情 »
每每到七月下旬，似乎就是暑假的日子。对于一个已经告别学生生活如此久的人，似乎这是一种奢侈。大概，温度与时间都在告诉自己，嗯，是的，这就是暑假的味道。 月底，刚刚高考完的表弟从成都过来玩一圈。于是乎，不过对于已经18岁的小伙子，来帝都逛逛自然对于经历都是非常棒的，暑假那么厂，干嘛不去多看看。从他出生，到县城求学，和他一起呆到了我的18岁，想想还是学生的暑假，一起偷偷看《炊事班的故事》，笑的让老妈直接从一楼从上来直接关掉了电视机；当然在外求学的暑假也还是会回家，只是日子不那么长，唯独感受比较深的每年回去都能长高一截，一直到超过我（😂），大概这些兄弟姊妹真的让虽然为独生子女的我们似乎没有那么孤独～ 上周去了次天津。大概这是一年半之余的头一次，当然主要是给画宜送书，然后顺便和几个老同事见了一面。最大的变化是空港的房价又涨了！！！当然看着终于起来的SM 城市广场，还是让人觉得蛮吸引人的。大概应该后面还会去几次，去看看新的办公室以及新的人~ 话说大约有接近两年时间都没见过画宜，感觉城那么小，熟人见面似乎也还是几乎靠缘分，当然也特别安利 禾绿回转寿司 超级赞～ 最近的小游戏终于告一段落。大概也是时候说一声再见。因为这个项目真的让自己开始怀疑自己的工作，以及自己是否适合这样的工作。不过历尽千帆，好歹最后还是 release 了。似乎大家都能够安安静静的呼吸一次外面的空气。对于项目的思考和设计的思考真的还是足够缺乏，大概这是今年非常重要提升的事情。 晚上和狼叔在大地麒麟喝酒， 详情 »
已是七月上旬。 送别了阿根廷，西班牙，似乎世界杯也没什么值得特别关注的了。大概四年似乎也就这么快了，过了下周二，算是自己工作的踏入自己第一个五年头。真的很想感叹 时间易逝! 最近 大学同学来京，寻求 IT 的一份工作，其实一想大学班级里有很多童鞋也在步入职场的一两年后开始寻求另外的职业。大概人生真的不是那么一层不变，每个人都在寻求不断的变化，或者寻找更适合自己的一条路子。 最近接触 CC 和 wechatgame ，真的是头大的一件事情，也不知道是现在越来越不喜欢一些比较 困难 的事情，还是说真心想吐槽这两个工具写的真的开发不友好。总之不断在采坑采坑，也希望后面总结出一篇《采坑之旅》。 其实，四年的职场，似乎自己老是觉得都有总 "老人" 的感受，但是在别的前辈看来，又只能呵呵一笑。如果四年的一个值得建议的地方，给毕业的小伙伴的话，视野远比所谓的薪水或者机会更重要。人是真的会极易陷入自己的舒适圈的，自己也能够体会出飞扬培训的那一期，为什么会经常强调舒适区对于人的可怕?虽然那个时候不解: 视野会让你不断的去看到一些新的东西，而会不止步于当下。 周五和 Team 的新来的三个小鲜肉实习生聚餐，哇真的是亚历山大，都是 97 年的，真的这后浪来的太猛了。 详情 »
最近大量时间参与到做一些宣传类的活动页，这里主要记录一些自己的心得。差不多一周会完成三个左右，还算比较紧凑。 选好模版 好的模板可以节省你非常多的时间，我理解的模版类似这样: 模版 = sass + es6 + webpack + server + html 自己选用的 ykit 作为脚手架，可以很方便的进行前端工程化的配置； 其次还有比较重要的就是明确自己页面的功能类型，比如是动画效果为主，这需要选择合适的基础框架，由于自己是一页一页切换的，所以，自己选用了 swiper ,它可以很好将每个 slide 组合起来； html 模板可以方便帮助你设置一些微信分享的 icon 和内容，这些你值需要根据自己的业务 填写响应字段或者数据就好； 微信分享 微信分享又两种链路，一种是基于 url 传递，还有一种是基于 图片的二维码形式，由于会存在被封的可能性，第二种的形式现在页比较多。很多时候大家都可以通过一个活动，计算初某种结果，然后生成一种图片，然后用户保存到自己手机。 当然第一种，也可以实现动态短链来防止被封的可能性。后面主要说第二种形式； 根据用户的动态生成的内容，比如选项或者输入，需要将 dom 结点转换成 base64 的图像， 详情 »
晚间补了《周六夜现场 SNL》 的第二期，最后一个情景剧，说的是毕业。上周六，目送阿根廷告别2018年的世界杯，时间回到四年前，7月的暑假，自己第一次正式工作，刚来北京的那个周末，看过凌晨五点的北京，也看过梅西的一步之遥。 转眼就四年，现在想想都想笑，如果这四年，非要让自己选一句话，自己还是希望记住校招屡次失败后做的那个 Poster 里的句子： 为什么坚持， 想一想当初 虽然找不出自己身上什么好的优点，但是自己还是愿意相信自己在每个时间段的 decision。很感谢遇到的这些前辈，但是每个人试图都是在不断的去按照自己的思维，聪明也罢，愚蠢也罢，因为这背后是对自己磨练。毕业那天，看着舞台上的童鞋合唱这首《再见》。嗯，是时候说再见～ 详情 »
深夜一点半，睡不着，不知道什么缘故。回忆起两年前的一幕幕，大概从16年春持续到16年秋天，整个人都是在反复纠结的状态过着。 最近密集接了很多新的项目，和 PM 和 UI 对的时候，开始渐渐能够理解当初 Simon 的出发点。经常会提及两个关键词: 时间计划； 目标； 大概目标这个词语，在定产品方向的时候每个人可能陆陆续续都会有自己的想法，这些年的经历其实越发相信数据；就像自己一直用腾讯视频多一点，几乎不用爱奇艺，但是最近一季度视频活跃用户的比例，爱奇艺一直还是第一，虽然份额一直在降低，但是数据的事实就放在那里，你不得不去相信。曾经自己分享过 《The Growth Hack》但是其实在创业初期我们丢失了这一块的目标建立，导致数据无法去支持更好的产品导向。其实还有一个纠结点，就是开始质疑。质疑和不行动应该区分为两种态度。质疑是一把双刃剑，大概很多人会在被质疑中失去最为简单的思考。伴随着争吵，负面情绪会叠加。大概这是最坏的路子。但是如果不质疑，大概这可能更加不适合一个初期的产品。其实最近思考最多的一点，就是你质疑这个产品，但是你却又想不出更好的想法，大概这一年多的沉淀，让自己开始逐步认可当初 Simon 的， 我不关心你们现在用什么的样子的思路或者架构去实现这个问题，但是我更关心我们现在这个产品的开发计划。 是的，如果没有一个非常清晰的目标的话，我觉得行动下去远比现在的这种无谓的争论好很多， 详情 »
