前端工程师必备的十个Chrome 浏览器插件

FeHelper

这是一个囊括了,JSON美化、 JSON比对、 正则表达式、 信息编码转换 、 二维码编码/解码 等你能想到前端常用的工具包。 并且作者还对此项目在github 上进行了开源,截止到现在获得 3W7千的Star 数。质量和稳定性非常高。

多浏览,本工具同时支持 Firefox 、 Micro Edge.

推荐指数: 五星

实用指数: 五星

安装地址: https://www.baidufe.com/
备用地址: https://chrome.google.com/webstore/detail/fehelper%E5%89%8D%E7%AB%AF%E5%8A%A9%E6%89%8B/pkgccpejnmalmdinmhkkfafefagiiiad

Octotree - GitHub code tree

这个插件,主要是针对 github 代码浏览开发的。 让我们可以像在项目里一样,以树形菜单的形式浏览github里的开源项目。 阅读各种源码,在也不用下载下来了。

推荐指数: 五星

实用指数: 五星

安装地址: https://www.octotree.io/
备用地址: https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc

AdBlock - 广告拦截工具

超级好用的去广告插件。

我主要用来过滤 搜素引擎的广告结果。

推荐指数: 四星

实用指数: 五星

安装地址: https://chrome.google.com/webstore/detail/adblock-%E2%80%94-best-ad-blocker/gighmmpiobklfepjocnamgkkbiglidom

掘金

这是一款,由掘金出品的内容阅读插件。 作为程序员,学习不能停。 可以方便的利用碎片化时间去水一些掘金帖子。 增长点奇淫技巧。

推荐指数: 三颗星
实用指数: 四颗星

框架工具集合

那接下来,就是我们日常开发的调试工具框架相关插件 。

Vue.js devtools . 华人开发的前端框架 调试工具。

React Developer Tools 。

推荐指数: 五颗星
实用指数: 五颗星

WebMaker

这是一款,及时进行DEMO编写和预览的插件。 跟jsFiddle 很像。 有利于小问题的反馈和答疑。

推荐指数: 4星

实用指数: 4星

Bubbles 网页截屏和分享工具

一款网页截屏 和 视频录制的插件。 通过这个扩展,你可以对一些项目操作轻松产出视频解说,或者进行网页长截图。

推荐指数: 四颗星

实用指数: 五颗星

安装地址: https://chrome.google.com/webstore/detail/bubbles-screenshot-and-sc/ppbfhhgcdehhbjigifndnfmcihegokbb

Library Sniffer 探测当前网页使用到的类库

探测当前网页所使用的类库、框架和服务器环境,为开发者提供了方便。

推荐指数: 3星

实用指数: 3星

安装地址: https://chrome.google.com/webstore/detail/library-sniffer/fhhdlnnepfjhlhilgmeepgkhjmhhhjkh

Listen 1 音乐播放器

一款整合,QQ音乐、网易云音乐、酷狗、blibli 等音乐网站的 播放器。 界面清新,自动切源。

推荐指数: 5星

实用指数: 5星

安装地址: https://listen1.github.io/listen1/

程序员如何写好一份简历 -- 方法介绍

前言

工作三年以上,谋求更好的薪资和机会的时候简历就显得的至关重要。 作为一个面试过200多人的前端面试官,在筛选简历时发现我们很多这个阶段的同学,在写简历时并没有很多经验和技巧。 接下来,我以自己求职和面试的一些经验来谈谈如何写好一份工程师的简历。

简历的目的

简历是为了,在求职时告诉意向单位,我能匹配目标岗位的要求的并且能干的很出色。
如何来证明我能干的很出色呢,那么就是通过我们的过往项目经验来告知目标企业的面试官和Hr我是可以匹配的。

书写简历

我个人认为一份的好的简历应该具备三个要素,排版工整、信息清晰、 有故事性。

大公司HR 和技术面试官,每天经手的简历会有几百份,所以每份简历停留时间会很短,一份排版工整的简历,能为增加一些被留下来的几率。

我建议使用 markdown 来书写个人简历。

基础信息

简历的最上方,我们应该放我们的基本信息。 4-5行。 占据我们整体内容的20% 。

这部分内容,主要传达三个方面的信息,我是谁、我想干什么、怎么找到我。

这里我们需要注意一点, 如果非计算机相关专业,可以适当弱化专业项。 如果 名校科班毕业,这种应该往前放置。

比如:

1
2
3
4
5
6
姓名:Sean
年龄:30
电话: 186 **** ****
毕业院校: 清华大学 计算机系
毕业时间: 2007年
求职意向: 架构师、技术VP

上边,就是个比较清晰的介绍了你的基础背景。 我们来看一个反例。

上图,是我从网上找到的简历模板。

都存在哪些问题呢?

  1. 作为技术简历,除非你美若天仙否则,最好不要放照片。
  2. 整体基础信息部分,完全没有排版规则。细心看的话,不难发现,基础信息部分,只包含了电话、姓名、求职意向。并且排版不规整。

工作履历

工作履历部分,主要用工作经历或实习经历来佐证,我能很好的胜任我想干的职位。

能不能获得面试邀约这部分内容发挥着至关重要的作用

还是以上图为例。

从我们的示例简历里不难看出,项目经历和工作经历是分开的。 我觉得这个在整体观看体验上是很不妥的。
第二个问题,工作经历和项目经历都是在做陈述,没有思考和结果。

我们的示例简历里,有一个优点。 就是工作经历的时间顺序采用了倒序的形式。 这是非常好的一点。 能让面试官用最少的时间了解到你最近的工作经历是否跟岗位诉求相匹配。

说了好的和不好的,那么我们理想中的这部分应该如何去书写呢。

第一, 工作履历时间顺序,采用刚才提到的倒叙形式。

第二, 工作内容的描述建议采用 S(situation) T(task) A(Action) R(result) 原则来进行书写。

举个简单的例子。

2010年,参与了华为全球发布会直播项目的开发工作。 (–背景, 华为手机发布会)
作为整体项目负责人,不但组织团队提前 X 天,完成了项目的上线和压力测试,更组织团队对性能指标从代码层面进行深度优化,
通过缓存等措施,达到了在机器资源有限的情况下,整体性能表现及服务稳定性较 上期同比提高 10个百分点。( 结果,提升10% 性能指标)

前端性能从5S可进行页面交互,提高到2S。 (结果,加载性能提升10%)

负责项目组2年时间内, 团队各侧成员离职率为0。

第三, 切记每段工作经历,相关工作内容侧重点,要有差别。 比如, 要有 参与、 项目核心、 负责、等不同阶段的工作履历展现。

其他信息

这部分整体长度,占简历的 15% 比重。

可以体现自己的 专业技能、 所受奖励、 个人突出爱好等信息。

只要能如实描述,并且比身边大部分人做的好一些都可以用来展示。

整体这部分就是展示个人魅力,加分项。