2016年终回忆录

没有什么大事情 今年更舍得给自己投资,买了一把鹅厂同款超舒服人体工学椅,买了一些想买即买的电子产品,给车子也加装了一些增强科技体验的小部件。 生活半径的加大,再加上压抑不住想四处浪的心态,年初自驾了北海,10月去了大西北,再加上川渝周边的地方,除了丰富亲历才有的体验就是一笔笔的开支,但最终发现不管去不去浪,都没什么余粮,再一次印证了物质守恒的真理:-D 工作方面,大小几个项目,有大快人心的明星项目也有尴尬收场的自嗨,今年让我理解最深的一个道理就是,一个事情的成功,天时地利人和都很重要,也就是一定要在合适的场景做正确的事,才会事半功倍。 此外,岁月的更迭,带走了记忆中的一些事物,也带走了少许看我们从小到大的亲人,特别是到了现在的生命周期,可能这种别离会越频繁,越麻木。我有一个心愿,不是世界和平,而是希望每个人可以生前不留遗憾,逝后得到尊重,不枉世间走一回。 新的一年,我仍然期待多姿多彩的转变,而且正在酝酿着。…

基于GitLab CI、Docker的Node.js持续集成部署方案

理论部分不赘述,一张图说完整个流程,实操以Centos 7和root用户为例 GitLab Runner安装和配置 1、 在部署机器安装CI Runner curl -L https://packages.gitlab.com/install/repositories/runner/gitlab-ci-multi-runner/script.rpm.sh | sudo bash 2、 注册Runner并绑定到CI gitlab-ci-multi-runner register # url和token,在Git项目的 /runners页面可获取,step by step填写 配置信息保存在/etc/gitlab-runner/config.toml 3、Git根目录配置 .gitlab-ci.yml stages: - deploy cache: paths: - node_…

山里的记忆

每次回到生我养我的山村里,总会勾起一些回忆,产生一些想法,很怕自己忘记。 路过的一洼田、一垄土、一颗树都会把记忆拉回小时候,背负和体重差不多的重负一步步往目的地挪动,但小时候没有苦的概念,只有咬咬牙的坚持。 农村人很伟大又很可怜,他们有着坚韧勤劳的品质,但同时会显得愚昧和固执,为了生活的期望,一代代的活着。 新事物对传统冲击一直都有,一些古老的东西正在丢失,有坏的风俗也有一些古老的文化和技艺。有机会我很想带更多人来看看我的小山村,不为了寻找同情也不是批判,只是看看这个一直运转的世界。…

2015年终回忆录

今年的回忆录来得迟了些,拖延症重度发作外加这几天一直比较焦虑,迟迟难下笔。 随手记欢迎页提醒,已经坚持记账1700多天了,先回头看看今年都做了些什么。 工作上值得记录的有,组织了几个活动,4月对外的前端培训,8月公司内的黑客马拉松,9月对内的前端训练营,11月公司外的渝FE2015,都属具有历史意义的第一次,虽然结果均有遗憾,但都是超出预期的。对我自己而言,这些经验,让我在组织新的活动时能更从容,但同时也需要去重视的有活动的持续性以及下一次如何更完美。今年还参与了2次行业交流会,放空心态后总会收获一些有用的经验和资源。 生活方面的改变有,从报名驾校到拿本提车上路,一气呵成,当有明确的目标时,执行力和意志力还是能蹦出来的。今年还见了几个不在这座城市的老友,每一个都会合影留念,虽然现在交通更加便捷,但见面需要的契机是可遇而不可求的。 过完流水,最近一直在想的几个点,经过自己总结以及和他人交流,也需要记录。 关于焦虑,这一年状态最好的时候中间段,最难熬的就是年初和现在,或许是中间段有明确的目标和计划,稳步进行,忙碌充实有收获,两头的时候要么丢失了目标,要么是停止了努力的脚步,外加行业发展太快,新人辈出,如何“找自己”?所谓饱暖思淫欲,得闲空焦虑。人无远虑,必有近忧,…

再谈Web前端性能优化

如题,Web前端性能优化这个话题被谈得有点厌了,十年前就有《Yahoo网站性能优化34条军规》、《Google性能优化准则》等参考教条了。根据这些准则和日常开发的经验,我制作了如下Web前端性能优化流程图。 既然再谈,就要旧瓶装点新酒,那么这个“新”从何而来?恐怕只有Web的最终载体——浏览器能告诉答案,能够支持些什么新技术,宿主环境发生了些什么变化。 Web新技术层出不穷,跟性能优化相关的,可能要首推HTTP/2了,它的多路复用和服务端推送重要特性,轻松解决了我们之前不遗余力去做的一些如压缩合并、顺序并发、缓存更新等静态资源管理问题,这也是当下主流前端工程化方案的重要一环。 另外我们团队正在调研并逐步接入的WebP也非常值得一提,它具有更高压缩比,同时支持无损和有损,支持Alpha和动画,完全就是其他图片格式的超集。通过工具分析,前端静态资源的重头还是在图片,其他优化手段的效果许多时候还不如压缩一张大图高效。 HTTP/2和WebP在主流浏览器得到了较好支持或者有对应的解决方案,但在火热的移动端就不太友好了。现在,前端性能优化在移动端开发的时候被提到更多,军规同样适用而且更严格。感觉在重走PC Web开发之前的老路,主要还是受浏览器和客户端的能力限制。 每次谈性能优化最后都想强调,优化不是空穴来风也不应该是虚声恫吓。有的公司的性能基准线是3s,有的是7s,而像12306那种强需求的半分钟也不为过。 我们对高级前端工程师的要求,除了掌握常见的优化技巧外,…

重庆首届前端培训体验班资料

《你真的会切图吗》 切图概念 前端职责 与产品经理和交互、视觉设计师协作,根据需求文档、线框图、设计稿完成页面制作(切图部分); 与后台工程师协作,完成数据交互、动态信息展现和用户的互动 切图定义 设计思路的理解和还原 页面模块化制作的预演 切图理论储备 常见图片格式 设备像素比 devicePixelRatio = 物理像素 / dips(device-independent像素,设备无关的像素),常见@1x,@2x,@3x 切图实践要领 心中有数 需求定位、结果模块、资源细分、 疑难杂症 大刀阔斧 工欲善其事,必先利其器:硬件舍得、软件恰当、工具够用 图层的合理运用:选择、分组、复制 精雕细磨 压缩图片体积、图片大小范围、仿色杂边处理、雪碧图合并 simple than…

我为什么要做前端培训

3月,因为自己的强烈意愿和公司的安排,我从《八戒到家》团队调配到基础技术团队,负责公司前端开发的技术体系建设。时值《八戒到家》一期上线,得到市场的热烈反馈,无论是项目前景、团队稳定性,抑或前端技术方面的发挥空间都是非常可观。 而我毅然决然的做出选择,主要是发现业务高速扩张的时候,往往忽视了团队输出质量以及对于技术人员的关怀,也暴露了一些问题。为了让大家在这个岗位尽可能开心点,我和公司的前端技术牛人们一起从前端基础工程和前端团队建设两方面,拟定了一系列计划。 目标是提供一套好用的前端开发解决方案,让大家在开发过程中,专注于业务的实现,不受环境的困扰,能提高效率和质量。同时大家在这个团队有序成长,新人进来有丰富的指导和帮助,高手能不断挑战和沉淀总结,所谓穷则独善其身,达则兼济天下。 培训是团队建设计划里面最重的一环,需要成体系的开展,持续的投入。经过一段时间的艰苦奋斗,我们的大纲和培训课程初具规模。 有一天,丁总找到我,说要满足我的愿望,把我们的内部培训搬到公司外,这的确是我非常渴望做的事之一。此前,在原leader的带领下,我们做过一个“w3ctech重庆站”的交流活动组织,通过定期举办交流活动的形式,把重庆的前端er聚集起来,讨论技术难题,交流行业发展以及重庆前端环境。 在这个过程中,…

2014年终回忆录

如朋友圈段子,又到了每年总结过去、新的开始、自欺欺人的时刻了。 用一个词语来总结这一年的话,可能是“接地气儿”。筹备、买房、搬新家,参加了N(>3)个同学、同事的婚礼,需要以自己独立的身份去维持人情往来的关系。俨然我真的回到了家乡,融入到了家乡的生活。最大的,也许是此生的遗憾,世上给予我最多关爱的人,离开了我,在我还没来得及报答的时候。 关于成长,这一年里,有幸经历了一些锻炼和变革,能从更多层面,甚至超脱自身的角度进行思考和行动。也领悟到了诸事之不易,从他人的失误中吸取一些教训。不足在于,一直都在向他人取经,但自己的产出不够以及没有足够的分享。 关于明天,身处互联网这一行,能非常明显的感受到科技点滴渗透到我们的生活。从过年微信红包的火热,到我自己入手了智能路由器、智能电视,再到今年帮朋友亲戚代买了至少3个智能手机,o2o的火热,p2p的蠢动。这些变化,让整个国度都变得更浮躁,但我对其蕴含的力量和机会,报以更多的希望。也相信,推动互联网浪潮的人群中,一定能看到我的身影。 2015,…