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

sxkk20081年前知识分享104

前言

时光飞逝,岁月如梭,转眼来到 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 作为开始这一年,“不积跬步,无以至千里;不积小流,无以成江海。”

各位,一起共勉加油 💪🏻


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

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

相关文章

AI换脸:技术飞速发展,伦理问题备受关注

AI换脸:技术飞速发展,伦理问题备受关注

  自从AI换脸技术被开发出来以来,它的应用已经让我们见识到了更新颖的照片和视频。不可否认,AI换脸技术的确解决了一部分的问题,比如在电影、电视、广告等领域中,演员可以通过A...

AI官网:带你探索人工智能的无限可能

AI官网:带你探索人工智能的无限可能

  随着科技的进步和发展,人工智能(Artificial Intelligence,AI)正逐渐成为引领未来的核心技术之一。为了满足人们对于了解AI的需求,越来越多的企业...

至此我们的编辑器已经完成。当然产品细节决定产品质量,码上掘金中的例子,还需要继续打磨优化样式,加入更多功能,才可以开发出一款比较完善的产品。

云函数开发接口

为了让数据保存到云端,我选择使用云函数来开发接口,使用云数据库来保存数据。至于为什么?主要是因为便宜。

目前腾讯云开发 19.9 一月,我这里选择使用

Next.js 全栈开发微信公众号 Markdown 排版编辑器

文章为稀土掘金技术社区首发签约文章,14 天内禁止转载,14 天后未获授权禁止转载,侵权必究!阅读本文,你将收获:学会使用 Monaco Editor 开发多文件编辑器学会使用 mdx 在线编译了解了...

react + antd 实现

上面的代码只是实现了一个最简单的版本,样式也不够美观,因此我们可以使用 webpack + react + antd 来实现一个现代化的插件, 这里我使用一个之前创建的模版tampermonkey-starter

使用 antd 的 Popover 组件来显示,使用 react 重构下 js 代码,我们就可以实现如下效果。

image.png

基于 ChatGPT API 的划词翻译浏览器脚本实现

前言最近 GitHub 上有个基于 ChatGPT API 的浏览器脚本,openai-translator, 短时间内 star 冲到了 9.7k, 功能上除了支持翻译外,还支持润色和总结功能,除了...

盘点掘金 2021 高赞 Vue 文章

vue 中 Axios 的封装和 API 接口的管理作者: 愣锤点赞 4195收藏 4896阅读 200697分类 前端Vue 开发必须知道的 36 个技巧【近 1W 字】作者: 火狼 1点赞 415...

如果你会 TailwindCSS 我推荐 VSCODE 安装 这个插件tailwind-snippets 可以快速帮我们来发出一个常用的代码片段,大家可以在 https://www.tailwindsnippets.ml/snippets 查看效果,快速实现我们的 html 页面

tailwind-snippets 预览

部署

Vercel

Next.js 开发商 Vercel 获得最近 1.5 亿美元 D 轮融资。Vercel 注册什么的我就不讲了,建议使用GitHub 登录, 点击new project创建一个项目,这个项目可以从自己的 GitHub 库导入或者选择 Vercel 给的模板,Vercel 给的模板(下图)首先也会导入进自己的 GitHub 库,总之要先把内容导入进 GitHub 库才行。

Vercel 支持的框架

Vercel 为个人用户提供了

  1. 自动 HTTPS/SSL
  2. 带宽 100 GB
  3. 并发构建,每天 10 万次调用
  4. Serverless Function

所以 Vercel 不光支持静态网站也支持 nodejs 动态网站,如果想要其他后端语言

可以选择 heroku

heroku

Heroku 是一个支持多种编程语言的云平台,并且提供了 Heroku PostgresHeroku RedisApache Kafka on Heroku

Heroku 支持的语言

Heroku 虽然提供了比较全面的编程语言和数据库支持,免费用户还支持

  1. 使用 Git 和 Docker 部署
  2. 自定义二级域名
  3. 容器编排
  4. 自动操作系统补丁

但 heroku 对国内用户支持不是很友好,第一点访问国内速度比不上 Vercel, 第二点 163 和 QQ 邮箱都不能注册,想要注册得要其他邮箱, 第三没有免费的 ssl。第四项目源代码只能有 500M。

数据库选择

MongoDB

选择 https://cloud.mongodb.com/

mongodb 首页截图

创建 database 的时候选择 free;

选择免费截图 地域可以选择日本或者新加坡。

接着创建一个用户 创建一个用户 密码是自动生成的,要把密码拷贝下来

接着要创建一个允许链接的 IP 地址

在 mongodb.com 设置允许链接的IP

如何白嫖一个动态网站

前言我们知道,想要搭建一个网站往往需要一下几个步骤:域名注册服务器购买数据库购买或部署网站设计网站开发网站备案网站上线在国内上线一个网站,域名还必须得备案,光是域名备案的话还的几个星期,整个流程下来,...

发表评论    

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