前端都在聊什么 - 第 1 期

jsliang
12,139 阅读16分钟

Hello 小伙伴们早上、中午、下午、晚上、深夜好，我是爱折腾的 jsliang~

「前端都在聊什么」是 jsliang 日常写文章/做视频/直播过程中，小伙伴们的提问以及我的解疑整理。

本期对应 2023 年的 01.01-01.15 这个时间段。

本期针对「工作」「学习」「规划」「闲谈」这 4 个板块的 20 个问题进行了讨论，看看有没说到你心中想法去的。

你的 点赞 和 关注 是我持续更新的动力💖，谢谢大家~

001-01.png

一 工作

1.1 Question：一直在写管理后台，要不要换个工作？

这也是之前困惑 jsliang 的一个问题，因为 19-20 年的时候，我也在 SHEIN 里哼次哼次写后台管理系统。

现在想来，自己对当初的解答是这样的：

① 薪酬问题

换不换工作，最重要的还是，公司的工资，和你技术创造的价值，匹配不上了（个人内心感官）。

其实就是「新时代打工仔」，拧螺丝还是去涂漆，老板给多少工资的问题~

同样给你一张一百块，你是想敲一天钟还是敲一次钟？

001-02.png

② 技术问题

写后台管理，经常会碰到的一个问题，就是一些项目，并没有太高的技术难度，你做个几年下来，不见任何长进。

这种情况，个人觉得：

  • 要么乘有时间挖掘更深层次的技术；
  • 要么通过技术将这项目的工作效能提升到极致；
  • 要么挖掘这条产业链更深层次的内容。

如果都没有，enm...那你还待着干嘛，想啥呢？

001-03.png

③ 时机准备

确定了上面 2 点都没啥想法了，那就考虑下，要做哪些跑路准备。

最基础的你肯定得看看：一是八股文，二是项目经验（重难点/亮点）

这种一搜一大堆，这里就不吐槽了，感兴趣的也可以看看「jsliang 的文档库」

001-04.png

1.2 Question：JS 掌握到什么程度就可以了？

这个问题的命题范围有点大，就跟你问 jsliang 打算存多少钱娶老婆一样，那肯定是越多越好是吧！

还是跟上面的问题解答一样：先把八股文和项目经验（重难点/亮点）整理好：

001-05.png

八股文相关的看这一套，项目相关的自行总结整理。

基本的套路是这样的：

  1. 一面。关于八股文相关的一面基础知识。其实你复习了，能对着录音机讲出来这一块知识点，那么等到要面试的时候，再过一遍，就可以了。
  2. 二面。关于项目部分的，还是重难点/亮点。需要在日常工作中总结，比如：项目重点在哪？哪些需求需要用到的知识点比较复杂，有实现难度，你是如何实现的。

这些知识点，学了不用很快忘，所以才需要笔记来记录内容，方便随手复习。

1.3 Question：不知道自我介绍怎么说？

看个人，你觉得练好了，可以私聊 jsliang 吹一下，他贼能唠嗑~

你需要明白的是：

  1. 面试官跟你没仇，也不是你看中的女神/男神，不要紧张
  2. 面试官是人，也会累，连自我介绍都能磕巴讲不顺畅，听得更累

说句大实话，jsliang 之前面试的自我介绍，都是背自己写的模板的：

jsliang 的 2020 自我介绍

001-06.png

自我介绍，一般面试官都不会打断你的，所以这块好好整理下，别磕巴磕巴了喔~

1.4 Question：对于初级前端在公司工作内容是什么？

看业务范畴。

举例：我曾经在的外包，就是写 H5 的，每天工作就是套用 H5 模板，写写活动页。

或者写写微信小程序，以及 Vue + ECharts 大数据报表等。

很多小伙伴去到新公司，会觉得忐忑，尤其有些是有几年空窗期的。

靓仔/靓女，你是出去搵食，不是出去干啥违法的事，并没有那么多人关注你，不要怕做不好人家笑你！

我这辈子觉得最 ci ji 的一件事：就是我第一份工作的时候，大佬让我搞个 H5 活动页，然后我在那 position 定位来定位去搞到晚上 2 点多没搞定……

尴尬吗？尴尬。

但是现在看来，当时大佬肯定有 Plan B，而且这事儿公司其他人压根就不知道。

这样想想你就觉得这事儿也不那么尴尬了。

001-07.png

1.5 Question：待过几份工作？

很遗憾的是，工作 4 年没干倒过任何一家公司。

（老板们快看我，我是公司的福星！）

  • 18-19：【广州】dian xin 外包
  • 19-20：【广州】SHEIN
  • 20-23：【珠海】金山

1.6 Question：在金山工作是一种怎样的体验？

  • 每年有末尾淘汰。为了保证公司的活力，末尾每家公司都会有的了，偶尔还会有小地震、大地震。
  • 加班多不多看情况。如果部门事儿多，那就多；或者老板想法多，也会多；到了部门旺季，那也多。
  • 新技术栈的使用看情况。金山干活比较稳，中小项目你可以看情况用新技术，但是更重要的是 安全，请做好你的技术调研再安排。

另外有小伙伴想年后找工作的，考虑下金山不？

到时候在【珠海】【武汉】【广州】【北京】应该都有 HC，有需要的 call~

001-08.png

1.7 Question：老板怎么对待你干活？

① 老板看结果

老板是希望你出业绩的，他好跟大老板汇报。

② 会哭的娃有饭吃

你干了活，但是你没表现出，你中间吃苦吃累，需要安慰。

于是，老板觉得你干活是正常的，人手也是够的，薪资不用加。

然后你的活，就越来越多，只要你不说，那就继续加，薪资正常给。

③ 不要跟钱过不去

卖苦力，赚钱钱。

你都说 “* * *” 了，非要搞得自己很有尊严，那能让我怎么劝你。

001-09.png

二 学习

2.1 Question：你是如何学习的，推荐怎么样学习？

① jsliang 作息表：

—— 早上 ——

  • 08:20-08:50 学习
  • 08:50-09:30 磨蹭去上班，到工位做早餐

别小看这个蒸蛋器，已经给 5 个同事提供了 1 年半的早餐

001-10.jpg

—— 中午 ——

  • 12:00-12:40 吃午饭
  • 12:50-13:20 学习
  • 13:30-13:50 午觉

—— 晚上 ——

也就是说，我一天大概有 3.5 小时学习时间，1 小时跑步时间，其他时间贡献给工作。

② jsliang 的学习方法：

最关键的一点：当前最急迫最需要学习的知识点是哪块？

你要抓住最重要的，把它做下来，搞定后在内心打个 √，特别有成就感。

搞明白自己的学习目的很重要。

就好比，你最近的目的是追个妹子/靓仔：

  1. 先要到微信
  2. 了解一下个人喜好，生活工作
  3. 约出来徒步/爬山/吃饭，送小礼物……

你连自己的目的都不知道，那你可能正在前往墓地。

001-11.png

2.2 Question：做笔记、写文档/写知识库是一种怎样的体验？

这里有一段我在 18 年写的前言可以看看：

001-12.png

写笔记的目的

写笔记有 3 个目的：

  1. 强迫自己养成学习习惯
  2. 方便自己回顾学习内容
  3. 系统形成自己知识体系

① 强迫自己养成学习习惯

很多小伙伴说，自己也尝试做笔记，但是后面自己也不会看，或者写完自己下次还得查。

这不正常，你不记后面更难收场，记录了在学习时候的笔记，回头回顾也方便呀。

还有，如果你真的写了，请写得好一点，对自己好一点 —— 致鬼画符后回头发现看不懂自己笔记/代码的小伙伴。

② 方便自己回顾学习内容

还有的小伙伴会感慨，面试的时候能手写 Promise，工作后就忘光光了。

这很正常，为什么 gao kao dai kao 都找大一的？

例如 jsliang 在写 2023 兔年祝福 的时候，也是看着自己写过的教程一步一步搭建 Node.js 环境呀。

③ 系统形成自己知识体系

很多时候，我们写这玩意，真的不需要别人知道你做过这种牛逼的事。

你需要的是把自己做的事情记录下来，系统点，全面点。

例如我要面试，我就把前端八股文系列过一遍，写出来；

例如我要复习 CSS，我就把 CSS 系列过一遍，写出来。

没人看我会有损失吗？

001-13.png

2.3 Question：如何写好一篇文章？

举个例子，你要写一篇 Vue 源码剖析：

  1. 怎么个剖析法，你对 Vue 源码，去看过一遍了吗？这一块别人是怎么看 Vue 源码的你了解不
  2. 你在看的时候，做了笔记吗？例如，我看 MVVM 的时候，我写了当时关于这块的心得
  3. 逐步增加你的笔记内容……
  4. 最后，将这些笔记内容整理出来，要大家能看得懂，并发布出去

讲尼滴，这谁不知道？

001-14.png

OK，这是我最近做的一篇笔记，能看出和你平时记录有什么区别不？

我在写这篇文章的时候，心理历程是这样的：

  • √ 最初的目的是什么？从一个大项目中，迁移一个小的 JS 库
  • √ 为什么不用 Vue CLI 啦？因为用 Vue CLI 和 Vite 对我都差不多，但我不能这么跟领导说，所以要比对 2 者方案
  • √ 这当中会碰到什么问题？记录，太重要了！我恨不得自己打开过哪些 ISSUE、文章、教程、官网地址 都贴上来
  • √ 后续怎么优化？优化开发体验、优化打包模式……

所以最重要的还是不要乱。

心乱，写的东西也乱，自己都搞不明白要做啥，你写出来的自己都看不懂。

2.4 Question：力扣/算法学习路径是怎样的？

建议针对性学习。

因为算法内容比较多，最好结合最近前端面试题的变更，各个厂子对算法要求不同。

如果是针对 LeetCode，那么建议：

  1. 先过《剑指 Offer》：leetcode.cn/study-plan/…
  2. 再过《程序员面试金典（第 6 版）》：leetcode.cn/problem-lis…

在你刷题的过程中，最好总结下：

  • 哪些你是做得很棒的，不管是从简单、中等还是困难你都能反应过来
  • 哪些你是做得贼烂的，例如写一道动态规划，简单难度花个 1 个钟，那是你没解题思路，还是这道题难度规划出问题了

针对自己的不足，多角度尝试，总有适合你的：

001-15.png

请停下你的收藏欲望，有需要的时候再找资源就好了。

2.5 Question：怎么做针对性学习？

来啦，客官~

掐指一算你是不是迷茫自己后面要怎么做，又不好意思问前端小伙伴。

  • 觉得自己对于源码相关阅读度不够，那就去看相关内容；
  • 觉得自己对于项目了解程度不够，那就去看项目相关内容；
  • 觉得自己想跳槽，那就看八股文和项目。

不要盲目去逛 GitHub 和掘金，除非你能从里面找到自己希望提升的地方。

计划是为什么制定的？

计划是对后续目标的一个准备！

举个栗子：我希望跳槽到一家公司，这家公司是做游戏的。

001-16.png

到 Boss 直聘等招聘网站找一下「前端 游戏」的关键字，可以看到类似上面的要求。

OK：

  1. 你是不是应该熟练一门游戏引擎，Egret、Cocos、Three.js，你怎么考虑？
  2. 之后，我们是不是考虑下时间，大概要多久入门？例如 3 个月达到能写中等难度的 Demo？
  3. 再之后你是不是应该找一个基础的，能接受你这种「小菜鸡」的工作。拜托，你可是「新入行」耶，你想一学完直接月薪几个 w？有这种好事我早上了。

我不知道自己做什么？这是最不应该的。

就好比你请了一个人来维修空调，你问了一句：“师傅，你是做什么的” 一样！

001-17.png

三 规划

3.1 Question：前端生态链是怎样的？

关于前端生态链，咱们从 3 个小观点说起。

① 蹭个话题

这让我想起今天（2023-01-19）看到的一个讨论：

001-18.jpg

这个话题我在多个微信群、朋友圈都刷到了，当时自己第一思考：

  • 为什么这里提到的大佬能卖课，有些甚至卖得口碑很不错

② 入行千斤顶

撇开这个不说，想分享下 18/19 年刚入行时，看到的一个生态链说法：

  1. 作为 Vue 生态链，众所周知，yyx 是顶层的，他吃的是大头，尤其是做技术指导等
  2. 再下来一层，即对 Vue 源码有过研究，并且能讲透、或者将这部分应用到工作上的人，这些在项目中都是扛把子，他们是在 yyx 下面的一个生态链
  3. 再再下来一层，就是一些懂得 Vue 技巧的熟练工，这些基本是拿技术当个新时代农民工的工头
  4. 最低下的一层，才是初学者，或者才熟悉不久的 Ctrl C + V 搬运工

结合这几年在前端圈子的摸爬滚打：想混得更好，那就往上专研

别老想着别人技术相倾，老想着别人吃肉你就嫉妒。

很多东西都开源，如果你有很强的自学能力，那就去专研折腾；如果没有，那就看看哪家能将这个东西讲透。

—— 个人想法

001-19.png

③ 做更高的赵高

有句古话：“学成了徒弟，饿死了师傅”。

就这么一种金字塔模式，就这么一个市场。

如果你想吃到更大的蛋糕，那么你就要保持你的技术地位。

如果你没技术，那只能接钱少的项目/工作，事多麻烦多那种。

OK，这么一种情况下，你就卷起来了，就不要想讨论 “不要给 zi ben 家剥削”。

回头再看这些培训班，培训课程，再看看自己三脚猫的功夫。

学不学，怎么学？

3.2 Question：不知道今年能不能就业，怎么去规划职业路线？

建议，先试试！

不要因为外面说啥，就感觉不行，先试试才知道。

就好比一个橙子，先剥了皮，再吃点肉，才知道苦不苦。

另外，看小伙伴是大学生，还是新时代打工人。

如果是大学的话，有比较多的时间规划

（有时间去专研，慢慢学）

如果是毕业生的话，那就先找份工作，再骑驴看唱本

（更多的是为了 offer，为了养家糊口，为了小钱钱）

四 闲谈

4.1 Question：过年回家看看机会？

嘶，你指的是相亲机会？

还是回家看看能不能开个小店。

像什么小卖部、网吧、茶水间、猫咖？

4.2 Question：梁 Sir 是个怎样的人？

jsliang 是个英语四级没过，作息有点小规律，能力不足以写掘金 xiao ce，苟活进决赛圈还没阳的人。

如果你想调整自己的作息，最好就是：

  1. 调个 11 点闹钟，准备睡觉
  2. 手机 11:30 定时关机，强制休息

4.3 Question：最近基金咋样？

001-20.png

4.4 Question：平时直播的时候，写的 HTML 如何运行的？

  1. 安装 live-server：npm i live-server -g www.npmjs.com/package/liv…
  2. 前往执行目录：cd code
  3. 执行 live-server：live-server
  4. 此时更新可以看到效果：

001-21.png

4.5 Question：为什么 npm run xxx 可以运行

简单讲讲：

  1. 可以看到 package.json 里面，有 scripts

001-22.png

  1. npm run 2023 就会在控制台执行 ts-node ./src/index.ts 2023
  2. 接着会走正常的控制台执行代码
  3. 为什么控制台可以跑？因为装了这个服务，才可以运行 就好比为什么你可以在控制台使用 node index.js 一样 你只有装了 Node.js，才能去跑这个指令

001-23.png

4.6 Question：对下面技术怎么看？

  • 微前端现在都在用吗？

Answer：我们这边没有明显的项目表示再用。

  • 有研究过 SSR 么？

Answer：

  1. 当时用的是 React 的 Next.js 技术，SSR + SSG 混合吧应该，忘了
  2. 对着英文版文档写的 nextjs.org ，这种英文网站，看一眼，当时会用，转眼就忘了
  • 有推荐的 TS 教程吗？

Answer：TS 体操的话没有，可以看看掘金、思否等平台？

  • 对低代码怎么看？

Answer：

趋势所向，但不推荐。

除非有比较大的技术变更，否则不想去搞

之前做了一期低代码分享（内部分享），然后感觉不太好，网上骂的多，自己写出来也不讨好，所以那篇文章也没拿出来分享，还在 GitHub 仓库上。

你的心态应该是这样的：折腾低代码，可以提升自己眼界，但是，不要过于贬低自己工作，毕竟折腾也是一件好事，总好过没活干。

公司推广不行，因为目前没有比较出色的项目，证明低代码是可通用的，证明低代码在各个业务场景都可用。

（内部分享时候的总结，里面条条框框自己没搞明白）

不折腾的前端，和咸鱼有什么区别！

觉得文章不错的小伙伴欢迎点赞/点 Star。

如果小伙伴需要联系 jsliang：

个人联系方式存放在 Github 首页，欢迎一起折腾~

争取打造自己成为一个充满探索欲，喜欢折腾，乐于扩展自己知识面的终身学习斜杠程序员。

jsliang 的文档库由 梁峻荣 采用 知识共享 署名-非商业性使用-相同方式共享 4.0 国际 许可协议 进行许可。
基于 github.com/LiangJunron… 上的作品创作。
本许可协议授权之外的使用权限可以从 creativecommons.org/licenses/by… 处获得。

avatar
文章
阅读
粉丝