9 年小厂老前端的年终总结

sxkk20082年前知识分享197

前言

时光飞逝,岁月如梭,转眼来到 2021 年底,这一年少了些理性,多了点感性,少了些自由,多了一份责任,这一年视乎没做什么事情,但又过得非常充实,最欣慰的是回家有个人等待着我的拥抱,最快乐的是耳边多了几声喃喃 ——— “爸爸”。

我跟我儿子出游照片

简单介绍一下自己

我是一名 90 后,12 年毕业,工作 9 年,发过传单,做过运营,也把自己当成产品经理。目前是一名小厂前端工程师,日常负责公司 2B 产品开发迭代交付,还有一些公司内部组件、脚手架维护等。这一年很少加班,调休全靠年假了 😊 。

我的 2021

完成的

除了完成开发工作之外,还完成了:

掘金后台统计

  1. 在掘金发布 12 篇文章

  2. 【全栈】第三次重构我的个人博客

  3. 【全栈】模仿在线流程图  processon.com,目前已经下线,掘金实现文章

  4. 【全栈】实现一个简易版 react 低代码平台 https://low-code.runjs.cool/, 目前只实现了视图层,后面的逻辑有些复杂,没有继续下去。

  5. https://dev.to/ 发布 1 篇 英文文章 其实就是中文翻译的。

  6. 发布 2 个 npm 包,

    • 一个 create-webpack5 webpack5 脚手架,拥有一个从零开始创建的 react、vue、svelte 项目

    • 一个 postcss 插件 postcss-multiple-themes ,拥于老项目的多皮肤 css 生成。

  7. 收到了一次老外给我提的 PR,也就是 postcss-multiple-themes 这个插件;

老外给的评论

  1. 公司内部完成 3 次前端分享

    • 一次 redux 分享,主要针对一些刚刚入职的新人
    • 一次 webpack5 模块联邦的分享。由于历史原因,没有付诸实践。
    • 一次 VS CODE 插件开发的分享,相关内容也发布在掘金了。
  2. 一个简单微信 webapp 外包项目,之前同事介绍,收入 3000 元,推荐费红包 400 元。

  3. 学习了的新技术

  • docker docker-compose 粗略学习,学以致用
  • 数据库 postgres, 粗略学习,学以致用

未完成的

❎ 没完整的看完一本书

2021要看的书

这几本书放在衣柜了,偶尔翻看一下,真的是没时间细看,有些原理还是要恶补下。

收藏的电子书

2011收藏的电子书

《深入 React 技术栈》

这本是前 2 年看的纸质书,在 React 出 hooks 之前,这本书 react 全家桶讲的很全面。

2021收藏的其他书

《格林童话》

本来打算给儿子当睡前故事的,可谁想儿子都要陪他玩到晚上 10 点左右。明年希望他乖一点,养成一个好习惯,每天讲完一个故事就睡觉。

《小狗钱钱》

讲述的故事很简单,就是一只名叫钱钱,会说话的狗,它教会一个 12 岁的小女孩学会了与钱打交道的方法。

引用作者的一句话

需要教育孩子们具有小心谨慎和不屈不挠的品质,并有意识地在这些方面培养他们。因此,在遇到需要解决的问题时,不要直接把答案摊在他们面前,而是应该给他们机会,让他们自己去寻找解决办法。

另外 2 本忘了是 B 站哪位 UP 主推荐的书,看完推荐后就很想看,可一过了一个想看的时间点,就放在收藏夹里吃灰了 😅

关于学习

前端框架层出不穷,2021 年,云栖大会上,阿里巴巴重磅发布前端知识图谱 https://f2e.tech/, 那么有了图谱,我们应该怎样学习呢? 以下是我的学习方式排列

  1. 最快的方式还是直接写官网直接写 demo,类似写个 Todo List 等
  2. 根据视频学习,如今视频教程满天飞,B 站搜索一大堆。看视频也是离实战最近的方式,相当于别人是视角学习,学习效率也挺高的。
  3. 最后看书查漏补缺,进行全方位巩固知识。

关于面试

我是如何面试的?

由于我们是小厂,也没那么“卷”,要根据公司实际情况出发,来挑选候选人,有些简历可能是花钱从 BOSS 直聘上搜索得到的。所以就没了笔试,直接是 2 轮技术面试和一轮 HR 面试,我时常负责技术一面。

挑选简历

  1. 半路转岗的直接淘汰
  2. 简历中有拼写错误,叙述重复,内容华而不实就淘汰了。
  3. 包含 react hooks、前端工程化、微前端,可视化等,等这些内容就是我们要找的人。

面试的内容

首先我会跟面试者的简历先想好面试的问题:

  • 首先是 ES6 相关问题。这一点是无论什么技术栈都得掌握的。主要是 promise proxy 等,如果能说 Promise.allSettled 大概就可以了。
  • 如果简历中包含移动端,就会问 “自适应方案”,“高清方案”等类似问题。
  • 如果简历中包含 react, 就问 react 性能优化、 react 全家桶等
  • 如果包含 webpack,就问下 loader 和 plugin 区别和实现方式等
  • 再问下正则表达式、了解下 git 掌握熟练度等

总体时间不会超过 30 分钟。

等级评定

面试完成后需要写一个等级评估表,等级划分为“初级”,“中级”,“高级”三个等级,每个等级在分 4 个层次,E1 - E4。 我们公司主要招的是 中级和高级 这 2 个层次的人员。在结合自身能力和等级做一个等级评估,主要概括为:

  • 需要人带 —— 初级
  • 独立开发 —— 中级
  • 带人开发 —— 高级

如果是高级以上——“资深”, 那就不是我的能力范围内了。

如何面试比你资深的人?

今天你被内卷了吗

当然我也是有被面试的,尤其是有了娃之后,2021 “内卷“如此严重的这一年。所以我总结了 10 个问题,可能会被问到:

  1. 离职/跳槽的原因?

  2. 与上级意见不一致怎么办?

  3. 你最大的缺点是什么?(不要说不工作不相关的缺点,但又不影响专业度)

  4. 最大优点是什么?(人无我有,人有我优)

  5. 被揭短被嘲讽(类似于觉得你说的经历不够出彩)

  6. 为什么选择我们公司?

  7. 未来的职业规划是什么(最微妙的问题,画大饼)?

  8. 谈薪资,要不要透露上家薪资?

  9. 还面试啦其他公司吗?还有其他 offer 吗?

  10. 反问面试官的问题。

当然除了这些问题,我也认识到了自己缺陷

  1. 前端如何开启 GPU 加速?
  2. 前端工程师也要理解产品,有些公司会把前端工程师当产品经理来面。
  3. 语言表达能力 (如果有较强的表达能力,说不定可以提高一个等级)
  4. 手写题(如果你公司有足够的优势,可以直接去 leetcode 找题目 ,让人手写,就算面试者比你年纪大又如何?)

关于生活

除了工作学习当然也要好好的生活啦。21 年收到了老婆的 1 份生日礼物 Apple watch,虽然有了娃,也要记得礼尚往来。我也淘汰之前 6 年的 Macbook,换了台新的 14 寸。

MacBook 14 and iwatch

2022 年未来展望

  • 持续技术写作,争取掘金等级达到 V4;
  • 参与开源项目,或者开源自己的项目 star 超过 100;
  • 持续学习数据可视化和 three.js 相关内容,能够实现一些 3D 项目;
  • 学习视频剪辑,可以把自己学到知识剪辑成视频;
  • 关爱家人,每月至少一次带儿子参加户外活动;

总结

2021 年虽然是平平无奇,9 年前端也还是一名普通前端,既没换车,也没入二套,但个人心性上还是有收获的,至少从事思考问题的角度上,我觉得跟以前不一样了,至少要从作为一名父亲的角度思考问题。我也把我的个性签名改成了:

你不一定要很厲害,才能開始;但你要開始,才能很厲害

就让 2021 作为开始这一年,“不积跬步,无以至千里;不积小流,无以成江海。”

各位,一起共勉加油 💪🏻


以上就是本文全部内容,希望这篇文章对大家有所帮助,也可以参考我往期的文章或者在评论区交流你的想法和心得,欢迎一起探索前端。

本文首发掘金平台,来源小马博客

相关文章

我用 nodejs 爬了一万多张小姐姐壁纸

前言哈喽,大家好,我是Ai知识分享,为什么要下载这么多图片呢? 前几天使用 uniapp + uniCloud 免费部署了一个壁纸小程序,那么接下来就需要一些资源,给小程序填充内容。爬取图片首先初始化...

使用 React hooks 监听系统的暗黑模式

前言苹果的“暗黑模式”带来了全然一新的外观,它能使您的眼睛放松,并有助于您专心工作。暗黑模式使用一种较深的配色方案,这种配色作用于整个系统,现在大部分网站也加入了暗黑模式,包括 Tailwindcss...

用AI智能识别技术助力未来发展

用AI智能识别技术助力未来发展

  随着人工智能技术的飞速发展,AI智能识别正成为推动社会进步的重要力量。它通过模拟人类的认知过程,实现机器对图像、语音和文字的理解与处理,为各行各业带来了前所未有的创新。 ...

https://retor.hr/

https://sedeblockchain.com/

https://dnaprojecten.nl/

web design trend 2023 example 1 https://nationalstudentshow.com/

https://anakaric.com/

https://yaremenko.design/

https://www.landa.as/es/

web design trend 2023 example https://selectedbase.com/

CSS First

在过去,我们通常依靠 JavaScript 来创造网站的视觉效果。但从那时起,CSS 已经发展到可以做很多复杂的事情,而这些事情是 JavaScript 无法做到的。三维变换、过滤器和新的 CSS 功能,如:选择器(has)、容器查询(@container)和层叠层(@layer),将使许多有趣的网页设计纯粹依靠 CSS 来实现。

因此,从今年开始,我们将看到网站减少对 JavaScript 的依赖来创造视觉效果。

https://redstapler.co/cool-css-text-light-effect-5-minutes-tutorial/

https://redstapler.co/3d-infinity-effect-css-tutorial/

https://codepen.io/seyedi/pen/zYoeLEv

3d transparent video https://redstapler.co/create-3d-effect-on-website-using-transparent-video-background/

2023 web 设计趋势

翻译一篇文章原文链接:https://redstapler.co/web-design-trends-2023/作者:TK在过去的一年里,我们在网页设计领域看到了很多令人兴奋的发展。而在这篇文章中,我...

人工智能技术:引领未来智能创新的关键驱动力

人工智能技术:引领未来智能创新的关键驱动力

  在当今科技快速发展的时代,人工智能(AI)技术成为了引领未来智能革命的关键驱动力。人工智能的发展已经深入到各个领域,从医疗保健到金融服务,从交通运输到社交媒体,它正在极大...

为了能完成这个目标,团队内部分享就成了这个目标的关键结果,那么如何在短时间内完成这项任务呢?下面分享下我的技巧。

明确主题

首先我们要明确公司需要什么?我们不能随便搞一个知识点去分享,这样没有人愿意去听,比如公司接下来可能会上前端监控系统,那么我们可以在先做一个技术调研,出一个《前端监控体系搭建要点》,比如公司接下来需要做小程序,那么我们可以出一个《小程序跨端实现方案探索》等,如果没有什么新的功能要开发,那么我们也可以谈一谈《前端性能优化》、《Typescript 快速上手》,总之要明确一个切合实际的目标。

巧用搜索引擎

确定好主题后,我们可以在技术社区搜索相关的技术文章,比如掘金、知乎、思否、微信公众号等, 比如直接在掘金搜索“性能优化” 然后按热度排序,就可以找到不错的文章。

掘金搜索性能优化

接下来我们需要根据这些文章中的内容制作 PPT

使用 markdown 来制作 PPT

程序员做 PPT 可能会浪费不少时间,所以我选择是 markdown 来制作 PPT,这里我分享 2 个工具

Marp for VS Code vscode 插件 Marp for VS Code 只用关注内容,简单分隔一下,就可以制作 PPT,看下 marp 官方文档可以很快学会用法,看看 jeremyxu 写的效果,项目地址:kubernetes 分享 PPT 源文件

Marp kubernetes 分享 PPT

二: Slidev 也可以让我们用 Markdown 写 PPT 的工具库

官网地址:https://sli.dev, 基于 Node.js、Vue.js 开发,而且它可以支持各种好看的主题、代码高亮、公式、流程图、自定义的网页交互组件,还可以方便地导出成 PDF 或者直接部署成一个网页使用。

  • 演讲者头像

当然还有很多酷炫的功能,比如说,我们在讲 PPT 的时候,可能想同时自己也出镜,Slidev 也可以支持。

演讲者头像

  • 演讲录制

Slidev 还支持演讲录制功能,因为它背后集成了 WebRTC 和 RecordRTC 的 API,

演讲录制

如何快速在团队内做一次技术分享?

前言相信很多小伙伴跟我一样,是一位奋斗在一线的业务开发,每天有做不完的任务,还有项目经理在你耳边催你,“这个功能今天能完成吗?”其实作为一名前端工程师,任务就是完成 Leader 的任务, 但公司实行...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。