2014年度总结

一年又一年。

一年比一年忙。

1

上半年纠结了一段时间,最终还是从 360 离职了,本来已谈妥的 offer,最终自己放弃了,放弃的不仅仅是一份 offer,也算是放弃了一种生活方式吧。找工作的这一段空档,还是挺迷茫的。如果一直处于忙碌的状态,突然闲下来会觉得无所适从。离职那段时间觉得自己特操蛋。

毫无准备的情况下加入了最意想不到的现在所在的公司(聚美优品),也一下从开发的角色转换成团队管理的角色,转变确实挺大的,算是一种更大的挑战吧。

2

半年的时间,感觉收获还是挺大的,也算是逐渐进入角色了吧,现在也越来越能明白作为一名团队 leader 的种种不容易。

首先得具有高度的自我驱动能力。作为纯开发人员并不需要考虑太多,大部分情况下会有人给你提需求,做好自己该做的部分就行了。而现在,大部分的业务需求有团队成员去完成,而高层也是只会看团队都做了什么,结果如何。这种情况下,自己就的给自己提需求,没有需求制造需求也要上。有了这种自我驱动才发觉需要做的太多太多了,计划能排上好几个月后。当然,除了给自己提需求,还得给团队安排需求。

时间管理是个难题,我本身就有拖延症。团队成员碰到难题,系统出了问题,就得开始救火了,有很多意料之外的情况需要去一一解决。时间碎片化的情况比较严重,很多自己计划内的工作很难专程排上日程。在时间管理方面,其实无论是开发者还是团队 leader,都会有同样的状况,只是作为团队 leader 情况更甚而已。

如何帮助团队成长,如何将自己的学到的东西扩散开去,团队成员的水平通常都是参差不齐的,如何做好技术输出也是一大挑战,不过技术输出对本人也是一个很好的成长机会。制定规范,抽取公共组件,编写文档,种种这些都是为了提升效率和代码的可维护性,但是开发者都会有自己的风格和习惯,我觉得好的不一定大家都觉得好,搞不好容易成为空中楼阁。

关于团队管理,暂且写到这里吧。

3

2014 年初的时候给自己大致定了几个技术上的学习方向,移动端的开发,前端 MVC,node.js,1年过去了,这几个方向都有涉足,但都不够深入,尤其是在前端 MVC 方面。

从年初起到从 360 离职,这段时间基本都是在做移动端的项目,把 360 图搜在 PC 上的主要项目都搬到了移动端。移动端上的兼容性问题比 PC 端更糟糕,做前端就注定要在兼容性的问题上艰难跋涉。移动端可以用到很多 HTML5 和 CSS3 的新特性,当然还得看兼容性。目前来看,移动端缺少好用的类库和框架。

下半年在聚美,node.js 方面接触的比较多,主要是前端的静态资源构建和发布方面,基于 gulp 的构建挺爽的,简单好用。借鉴了前公司的代码发布系统的一些思想,不过把构建环节也融合到了一起,开发者只关注开发层面就好了。前端自动化构建和发布系统,我在前几篇文章有详细的介绍,无论是技术还是架构都是对自己有很大的挑战。在 node 的 web 框架方面抛弃了 express 大胆采用了 koa,也算是感受到了 yield 和 generator 在简化异步编程的魅力。

2015 年在技术上的学习还是以 node.js、前端 MVC 为主方向,还要补补 HTTP 协议方面的知识。

4

今年太忙,所以看书时间明显少了很多,尽管如此,还是读了几本。《红太阳是怎样升起的》主要讲述了延安整风。《追风筝的人》这本书好像还是本挺火的畅销书,朋友推荐的,算是一种尝试吧。强烈推荐下大冰的《他们最幸福》和《乖,摸摸头》,讲述了"江湖"中的那些故事。最近开始在看《美国宪政历程》。书籍的类型果然跨度够大,希望今年能有更多的时间看看书。

按照惯例,还是放上一张今年在西藏拍的一张圣洁美丽的羊卓雍错来结尾,祝新年快乐。

yanghu_2014

Chrome 81 正式发布 !消灭混合内容最后一步~

Chrome 81 于前天正式发布了,这个版本其实最初是计划在 3 月 17 号 发布的,但由于冠状病毒(COVID-19)爆发而导致推迟到了现在。Chrome 81 的延迟也扰乱了 Google 正常的六周发布时间表。因此 Google 此前也宣布,下一个版本将直接跳过 Chrome 82 ,直接发布 Chrome 83。 下面我就来带大家看看 Chrome 81 有哪些重要的更新。

发布于:11月以前  |  1027次阅读  |  详细内容 »

花椒前端基于 Docker 的 SSR 持续开发集成环境实践

发布于:11月以前  |  936次阅读  |  详细内容 »

当浏览器全面禁用三方 Cookie

苹果公司前不久对 Safari 浏览器进行一次重大更新,这次更新完全禁用了第三方 Cookie,这意味着,默认情况下,各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie,但是由于这些浏览器市场份额较小,并没有给市场带来巨大的冲击。

发布于:11月以前  |  958次阅读  |  详细内容 »

H5 直播的疯狂点赞动画是如何实现的?

直播有一个很重要的互动:点赞。 为了烘托直播间的氛围,直播相对于普通视频或者文本内容,点赞通常有两个特殊需求: 点赞动作无限次,引导用户疯狂点赞 直播间的所有疯狂点赞,都需要在所有用户界面都动画展现出来(广播用户使用websocket消息)

发布于:11月以前  |  976次阅读  |  详细内容 »

探索 Serverless 中的前端开发模式

最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了渊源,并且将对前端开发模式产生变革性的影响。本文主要就根据个人理解和总结,从前端开发模式的演进、基于 Serverless 的前端开发案例以及 Serverless 开发最佳实践等方面,与大家探讨 Serverless 中的前端开发模式。本人也有幸在 QCon2019 分享了这一主题。

发布于:11月以前  |  1018次阅读  |  详细内容 »

聊一下 Chrome 新增的可信类型(Trusted types)

Chrome 即将在 83 版本新增一个可信类型(Trusted types),其号称这一特性可以全面消除 DOM XSS,为此我连夜分析了一波,下面我就带大家来具体看一下这个特性:

发布于:11月以前  |  1217次阅读  |  详细内容 »

前端需要了解的9种设计模式

设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论,而不是现成的代码,当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题,毕竟这是前人无数经验总结成的最佳实践,而代码实现则是对加深理解的辅助。

发布于:11月以前  |  967次阅读  |  详细内容 »

为什么你的网页需要 CSP?

内容安全策略(CSP)是一个 HTTP Header,CSP 通过告诉浏览器一系列规则,严格规定页面中哪些资源允许有哪些来源, 不在指定范围内的统统拒绝。

发布于:11月以前  |  972次阅读  |  详细内容 »

10 种跨域解决方案(附终极方案)

嗯。又来了,又说到跨域了,这是一个老生常谈的话题,以前我觉得这种基础文章没有什么好写的,会想着你去了解底层啊,不是很简单吗。但是最近在开发一个 「vscode 插件」 发现,当你刚入门一样东西的时候,你不会想这么多,因为你对他不熟悉,当你遇到不会的东西,你就是想先找到解决方案,然后通过这个解决方案再去深入理解。

发布于:11月以前  |  1683次阅读  |  详细内容 »

Chrome 运行时性能瓶颈分析

发布于:11月以前  |  956次阅读  |  详细内容 »

移动 Web 最佳实践(干货长文,建议收藏)

笔者在公司用 web 技术开发移动端应用已经有一年多的时间了,开始主要以 vue 技术栈配合 native 为主,目前演进成 vue + react native 技术架构,vue 主要负责开发 OA 业务,比如报销、出差、crm 等等,react native 主要负责即时通信部分,是在 mattermost-mobile的基础上修改的(mattermost 是一个开源的即时通讯方案)。

发布于:11月以前  |  1012次阅读  |  详细内容 »

你知道小程序最后上线的代码是什么样子吗?

我们知道小程序最开始出来的时候,包括到现在;官方给出的写法是js对应逻辑层,wxml也自己尝试了一套DSL自定义视图的模板语法,写法雷同vue的template语法:

发布于:11月以前  |  1091次阅读  |  详细内容 »

一文了解文件上传全过程(1.8w字深度解析,进阶必备)

本文比较长可能需要花点时间去看,需要有耐心,我采用自顶向下的方式,所有示例会先展现出你熟悉的方式,再一层层往下, 先从请求端是怎么发送文件的,再到接收端是怎么解析文件的。

发布于:11月以前  |  1063次阅读  |  详细内容 »

不可错过的实用前端工具

给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具,包括一些小游戏、教程、社区网站和博客,以及一些资源网站,希望可以帮助到大家!

发布于:11月以前  |  960次阅读  |  详细内容 »

理解 WebView

我们通常使用 Chrome, Firefox, Safari, Internet Explorer 和 Edge 等浏览器来浏览网页。你也许正在使用其中一种浏览器阅读本文!虽然浏览器对于访问互联网内容的任务来说非常流行,它们还有一些我们从未过多关注过的竞争对手。这些竞争对手以 WebView 的形式被我们所熟知。这片文章将讲解 WebView 的神秘之处以及为什么它这么棒。

发布于:11月以前  |  989次阅读  |  详细内容 »

前端必备的 Terminal 终端进阶技巧

本文我会首先带你零基础认识终端,了解其常见用写法,告诉你新手入门哪些地方可以碰,那些地方是雷区。

发布于:11月以前  |  966次阅读  |  详细内容 »

Facebook 前端技术栈重构分享

当我们考虑如何构建一个新的网络应用—一个为现代浏览器设计的、具有用户对Facebook(我们已知的)所有期望的功能,我们现有的技术栈无法支持我们所需要的类似于桌面应用的感觉和性能。

发布于:11月以前  |  913次阅读  |  详细内容 »

用 esbuild 让你的构建压缩性能翻倍

发布于:11月以前  |  1728次阅读  |  详细内容 »

Deno 1.0正式发布!它能替代 NodeJS 吗?

发布于:11月以前  |  909次阅读  |  详细内容 »

Node进阶——之事无巨细手写Koa源码

发布于:11月以前  |  956次阅读  |  详细内容 »

最多阅读

为Electron程序添加运行时日志 1年以前  |  9534次阅读
Node.js下通过配置host访问URL 2年以前  |  3624次阅读
js动态创建类和实例化 2年以前  |  2844次阅读
初探 React 组件 2年以前  |  2723次阅读
wordpress标签页的制作 2年以前  |  2715次阅读
500行PHP代码搞定富文本安全过滤 2年以前  |  2610次阅读
22个HTML5的初级技巧 2年以前  |  2535次阅读
浅谈浏览器的原生拖拽事件 2年以前  |  2490次阅读
使用 SRI 增强 localStorage 代码安全 2年以前  |  2478次阅读
CSS清除浮动 2年以前  |  2445次阅读
第三版主题上线 2年以前  |  2440次阅读
利用服务器返回header来传输数据 2年以前  |  2416次阅读
【译】V8 团队眼中的 ES6、ES7及未来 2年以前  |  2383次阅读
获取元素的计算的样式 2年以前  |  2376次阅读
2014年度总结 2年以前  |  2345次阅读