前端都在聊什么 - 第 4 期

news2024/11/24 22:25:22

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

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

本文章视频同步:TODO:

本期对应 2023.01.28 当天直播间的粉丝互动。

主要内容是跟大三的小伙伴沟通他的前端实习规划。

对制定规划和初入职场这 2 点内容,提出自己的「浅薄」见解,希望对小伙伴们有所帮助。

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

22fe743c8339128410013961334c285d.png

4dd7c4b2016525d395794a78495cbbcd.jpeg

「2023-03-05 补充」

我终于知道为什么我这篇破文章迟迟写不下去了!

因为我怕文章内容没有实质,没啥作用,让人嫌弃。

这 2 天静下心来仔细想了下:

正如 2018 年和 2020 年迷茫的我,找不到工作时候的恍惚。

最近很多小伙伴咨询我找工作相关迷茫点,希望能给到帮助。

所以我的初衷,仍是通过唠嗑,能开解小伙伴们。

相信有人和你唠嗑与无唠嗑,是不同的 2 码事。

一 背景分析

小伙伴 大三在校,希望找一份 比较好的前端实习

当前就读于湖南,所以 优先考虑长沙,不行的话可能去 江浙和广深

长沙预期薪资是 5-7k,江浙预期是 7-9k

527d3ee3c901e5b8b689549bb8e94784.png

小伙伴计划是通过 React 写前台系统,Vue 写管理后台,配合工具类小程序,服务端用 Node.js 写。

最终在 7 月份(即大三下学期左右找到工作)

小伙伴的问题点在于:

  1. 不知道该做什么样的项目

  2. 如何编写项目经历中重难点亮点

聆听完小伙伴的想法,我也陷入沉思,怎样才能更好地帮助小伙伴定计划。

7d021c6ba0b24385c02a9d0a1801b4fc.png

二 薪酬分析

jsliang 的大学是失败的,毕业季那会也是被迫去找了个工作应付学校任务。

所以那天在招聘网站上查找,也是才知道实习生的工资是算日薪的。

小伙伴的日薪,大概要求是 ¥250-350 之间。

  • 长沙方面,小伙伴希望日薪 ¥250+,但是这边薪酬 ¥100-200 居多

  • 江浙这边,小伙伴希望日薪 ¥350+,但是这边薪酬 ¥200-300 居多

所以这种情况下,小伙伴可能就要做到比其他实习生优秀,要不然找不到高薪酬的实习岗位。

06a766ba6f58b90c53f7d42f60a72054.png

三 竞争分析

面对这种可能会存在时间不够的问题,我们应当有所节俭,做一个精挑细选的人。

所以,在学历、学龄相仿的情况下,我们如何打败同届小伙伴。

这种情况下,jsliang 有自己的「小歪理」:当我们打败 70% 的小伙伴,我们就可以心安了。

  • 打败 30% 的小伙伴:当我们有意识去提升自己的时候,其实已经甩掉一部分沉迷游戏以及学业和生活的小伙伴了。

  • 打败 70% 的小伙伴:当我们针对一项技能去制持之以恒地提升自我地时候,我们已经开始逐步超越一批又一批的小伙伴,并且随着时间沉淀,我们的优势越发明显。

8be05033761aaad4756c9be12ead449c.png

不要想着打败剩下 30% 的人,我们的目标仅仅是比普通人更好一点

所以,对于同届小伙伴来说,我们要打造自己的优势,那么光只靠熟悉各种语言的 Hello World 是不够的。

对此,我们应该有侧重点。

3.1 起步:立项

天才第一步,立项起好步

很多小伙伴在关于「不做立项」和「不懂做立项」这边,把自己卡死了。

上面我们说过,小伙伴的想法是好的:

  • 计划是通过 React 写前台系统,Vue 写管理后台,配合工具类小程序,服务端用 Node.js 写。

但是这样,只能让我们成为普通大众中,只会写 Ctrl C + V 的,并没有比较好的优势。

fac2316005beded0e30a7afce6a5e944.png

所以,我们可以尝试,就大佬们工作中碰到困难的项目开头,去尝试复刻和解决问题。

这边建议去看看知乎一个比较热门的话题,叫:

  • 作为前端,工作中处理过什么复杂的需求,如何解决的?

在认知和了解自己倾向于挑战哪个项目之后,我们就可以准备立项,编写一份适合自己的 README.md 了。

因为代码大家都会写,但是到和别人表达的时候,如果你给别人的感觉是思路乱糟糟的,那也是不行的。

写好 README 算不算一个小亮点呢?

下面是和小伙伴沟通的时候,现场写的一份「简陋」README。

XXX 项目开发
===

## 一、立项

* 为什么要选这个项目
* 其中的重难点会有哪些
* TODO: 我在开发这个项目中的亮点
  * 比如:对自己的处理能力的提升
  * 比如:项目带来的惊喜

## 二、开发

### 2.1 前端界面如何开发

先实现项目初始化部署:

* 创建项目步骤
* 为什么对一些代码做了处理
* 代码构建流程这块做了什么优化
* 代码业务方面做了什么优化

当然,这里不需要对细节讲清楚

而是说对于一些内容处理有备注,尤其是个人认为的 “关键点”

只有对问题进行记录,才有可能在回顾中,进一步挖掘项目重难点

这样我们在讲项目的时候,我们有内容可以讲

而不是说,在面试的之前,才想起去看代码

这时候就是年三十回家养猪 —— 晚了

在第一份经验上,一定要记录,一定要认真对待

### 2.2 服务如何开发

同上。

## 三、反思

### 3.1 做这个项目的评估反思

对于不同模块,不同知识点,如何做恰当的评估

### 3.2 做这个项目中的前端反思

1. 我发现的问题是哪些(在第二步的时候,就记录到这里)
2. 我的处理方式,后续弥补

### 3.3 做这个项目的服务端反思

同上。

### 3.4 其他

随便写写

## 四、总结

对于项目整体,我的思考,以及庆祝。

3.2 深研:优化

矮个子里拔将军

当学历一致、阅历一致,如何让「尊贵的面试官」认为你适合来和他们一起共事?

很多时候,写代码的能力大家都有,但是解决问题的能力,不一定所有人都有。

同样一个积木,大家都会搭建,但是当缺少了一个积木零件,或者这个积木中有零件坏掉的时候。

谁能把它搞定,你应该怎么去搞定它?

  1. 自己造一个积木零件(自己去解决这个问题,从 0 开始) —— 100 分

  2. 要么自己偷一个积木零件(Ctrl C + V,然后修改,从 0.5 开始) —— 50 分

  3. 要么自己找回来这个积木零件(从 1 开始,但是靠运气) —— 0 分

相当于大家都在项目中碰到这个问题,你是怎么解决的,为什么这么解决。

你一定要有一个亮点,让面试官真的眼前一亮。

b7917aeea62985aa1fc0eed4f0b8ff26.png

而这个亮点,就体现在你解决问题当中,而不是你写项目过程中。

通俗一点:

同样的 HTML5、CSS3 和 JavaScript,那么你拿什么来超越同届?

这时候你说你懂前端工程化,有玩过 Webpack、Vite(Rollup) 这些,你可能同其他小伙伴等同了。

但是当你知道怎么这些自动化工具,对于处理 React、Vue 流程是怎样的,他们打包构建流程是怎样的,怎么去编写插件等,那你的优势「又」提升了一点点。

最后,你通过工程化,将打包 1 M 左右的代码,压缩到 100 k 左右……

这时候,你的优势,是不是就起来了~

3.3 扩展:Node.js

压倒其他小伙伴的最后一根稻草

897c9936b1e3bc70aa87b45fade02654.png

其实现在大部分培训班都会讲解 Node.js 等相关内容。

所以小伙伴们,不仅仅要去学习了解这块。

更应该拓宽下视野,通过计算机网络、算法以及数据结构和设计模式等方面,来帮助自己提升 Node.js 服务相关技能。

小结,通过这 3 步,我们扩大了相关优势,这样被录用的概率会大大提升。

同时,我们项目有比较好的重难点以及亮点来跟面试官沟通。

所以,我们的项目,要 能用上,而不单单只是一个 Demo。

3.4 扩展:需求评估

假设有这么个需求:

  • 在某宝上,商家上传了图片,突然发现图片有点小瑕疵,手头没 PS 等工具,想直接处理,希望浏览器能提供处理工具。

领导将这个任务丢给你,你的想法是怎样的,预估多久完成?

0bc99845933adda6be2b44aa87392930.png

—— 说到排期这一步,jsliang 确实比不上一些大佬,但是它切切实实是个有用的技能,也是工作中的一个亮点。

举例:

你刚开始对接工作的时候,在 A 模块,花了 3 天时间完成了。

那么对于尚未开始的 B 模块,你是否可以套用 A 模块的耗时以及经验积累,来评估出 B 模块的时间。

领导安排一个任务下来:

  • 假设,你还 没接触过:“那我先花 1-2 天看看总体细节规划,然后和领导说一下我的排期想法。”

  • 假设,如果 你接触过:“那我直接给到排期,它参考了 XX 模块的开发时间,所以才会定这么一个排期。”

当我们有意识的积累这块经验,那么你在后续开发的时候,就能有所启发。

如果一个任务出现问题:

  • 预期:A 模块 -> B 模块,经验直接同步过来,这叫预期

  • 意外:A 模块 -> B 模块,发现排期漏了一个点,这叫意外

针对这种意外,你的临场发挥能力是怎样的?

你是加班加点搞定,还是说和产品、测试商量,将排期往后推?

这些点,在我们对自己立项的 Demo 开发工程中,我们如果有所积累,那么就是一种良好的拓展。

这,也是你实习面试时候的一个亮点。


不折腾的前端,和咸鱼有什么区别!

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

如果小伙伴需要联系 jsliang

  • Github

  • 掘金

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/392483.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

关于Scipy的概念和使用方法及实战

关于scipy的概念和使用方法 什么是Scipy Scipy是一个基于Python的科学计算库,它提供了许多用于数学、科学、工程和技术计算的工具和函数。Scipy的名称是“Scientific Python”的缩写。 Scipy包含了许多子模块,其中一些主要的子模块包括: …

eBPF(内核态)和WebAssembly

1 什么是eBPF 无需修改内核,也不用加载内核模块,程序员就可以在内核中执行执行自定义的字节码。 eBPF,它的全称是“Extended Berkeley Packet Filter”, 网络数据包过滤模块。我们很熟悉的 tcpdump 工具,它就是利用了…

Bellman-ford和SPFA算法

目录 一、前言 二、Bellman-ford算法 1、算法思想 2、算法复杂度 3、判断负圈 4、出差(2022第十三届国赛,lanqiaoOJ题号2194) 三、SPFA算法:改进的Bellman-Ford 1、随机数据下的最短路问题(lanqiaoOJ题号1366&…

xss靶场绕过

目录 第一关 原理 payload 第二关 原理 payload 第三关 原理 payload 第四关 原理 payload 第五关 原理 payload 第六关 原理 payload 第七关 原理 payload 第八关 原理 payload 第九关 原理 payload 第十关 原理 payload 第十一关 原理 payl…

Ubuntu 虚拟机 安装nvidia驱动失败,进不了系统

VMware 安装的 Ubuntu 1804 安装 英伟达显卡失败后,启动出现:在上面那个页面,直接使用组合键:Ctrl Alt F3 便可以进入命令行模式。如果可以成功进入,则说明ubantu系统确实起来了,只是界面相关的模块没有成…

Win32api学习之常见编码格式(一)

ASCII编码 ASCII编码是一种最早出现的字符编码方案,它是由美国标准化协会(ASA)于1963年制定的标准,用于在计算机系统中表示英语文本字符集。ASCII编码仅使用7位二进制数(共128个),用于表示英文…

技术开发|电动充气泵控制方案

电动充气泵是为了保障汽车车胎对汽车的行驶安全所配备的,防止遇上紧急问题时没有解决方案,同时也可以检测轮胎胎压。电动充气泵方案具有多种充气模式设定,小到篮球大到汽车等都能够满足其充气需求,共有四种模式充气,分…

Solidworks导出URDF总结(Humble)

环境 Solidwoks2021 SP5;Ubuntu22.04;ROS2 Humble; 步骤 基本步骤参考:Solidworks导出URDF总结(Noetic) 本文只介绍不同之处。 将solidworks生成的文件夹(我这里为wuwei2)移动到/ws_moveit2…

数位DP

数位dp的题目一般会问&#xff0c;某个区间内&#xff0c;满足某种性质的数的个数。 利用前缀和&#xff0c;比如求区间[l,r]中的个数&#xff0c;转化成求[0,r]的个数 [0,l-1]的个数。利用树的结构来考虑&#xff08;按位分类讨论&#xff09; 1081. 度的数量 #include<…

全网最全之接口测试【加密解密攻防完整版】实战教程详解

看视频讲的更详细&#xff1a;https://www.bilibili.com/video/BV1zr4y1E7V5/? 一、对称加密 对称加密算法是共享密钥加密算法&#xff0c;在加密解密过程中&#xff0c;使用的密钥只有一个。发送和接收双方事先都知道加密的密钥&#xff0c;均使用这个密钥对数据进行加密和解…

RedFish模拟仿真调试

前一段时间在真机上调试Redfish&#xff0c;自己一直想把模拟仿真给调试出来&#xff0c;想通过debug看看全部的流程细节&#xff0c;有空了也能自己玩玩&#xff0c;在github上RedfishPkg的页面有具体的说明&#xff0c;想看的移步&#xff1a; edk2-staging/RedfishPkg at e…

使用Vue实现数据可视化大屏功能(一)

导语   现在在很多的工程项目中&#xff0c;都有有关于数据大屏相关的监控内容&#xff0c;这里我们就来看一下如何用Vue来搭建一个数据可视化大屏应用。 创建项目 使用WebStorm工具创建一个Vue的项目。如下图所示&#xff0c;配置好vue的脚手架工具和nodejs的运行环境&#…

Httpclient测试

在IDEA中有一个非常方便的http接口测试工具httpclient&#xff0c;下边介绍它的使用方法&#xff0c;后边我们会用它进行接口测试。如果IDEA版本较低没有自带httpclient&#xff0c;需要安装httpclient插件1.插件2.controller进入controller类&#xff0c;找到http接口对应的方…

Unity - 搬砖日志 - BRP 管线下的自定义阴影尺寸(脱离ProjectSettings/Quality/ShadowResolution设置)

文章目录环境原因解决CSharp 脚本效果预览 - Light.shadowCustomResolution效果预览 - Using Quality Settings应用ControlLightShadowResolution.cs ComponentTools Batching add the Component to all LightReferences环境 Unity : 2020.3.37f1 Pipeline : BRP 原因 (好久没…

JVM系统优化实践(8):订单系统的垃圾回收案例

您好&#xff0c;我是湘王&#xff0c;这是我的CSDN博客&#xff0c;欢迎您来&#xff0c;欢迎您再来&#xff5e;上回说到了年轻代和老年代的两个垃圾回收器&#xff1a;ParNew和CMS&#xff0c;并且将CMS的GC过程也一并介绍了&#xff0c;现在来看个订单系统的案例。假设有这…

常见数据结构

一. 数据结构概述、栈、队列 1. 数据结构概述 2. 栈数据结构的执行特点 3. 常见数据结构之队列 二. 常见数据结构之数组 数组它就是内存中的一块儿连续区域。数组变量存的是数组在堆内存当中的起始地址。数组查询任意索引位置的值耗时相同&#xff0c;数组根据索引查询速度快。…

Matlab中旧版modem.qammod与新版不兼容

最近&#xff0c;因为课题需要&#xff0c;在研究通信。在网上下了一个2015年左右的代码&#xff0c;其中用的是matlab旧版中的modem.qammod函数&#xff0c;但是旧版中的函数已经被删除了&#xff0c;&#xff08;这里必须得吐槽一下&#xff0c;直接该函数内部运行机制就行呀…

Lasso回归理论及代码实现

Lasso回归的模型可以写作与一般线性回归相比, Lasso回归加入了回归项系数的一范数, 这样做是为了防止线性回归过程发生的过拟合现象. 直观点看, 其将的分量限制在了一个以圆点为中心以为边的正方形内. 与岭回归相比, 该模型得到的系数矩阵更为稀疏. 由于函数在0点不可导, 因而L…

第二章Linux操作语法1

文章目录vi和vim常用的三种模式vi和vim快捷键Linux开机&#xff0c;重启用户管理用户信息查询管理who和whoami用户组信息查询管理用户和组的相关文件实用指令集合运行级别帮助指令manhelp文件管理类pwd命令ls命令cd命令mkdir命令rmdir命令rm命令touch命令cp指令mv指令文件查看类…

Pytorch学习笔记#2: 搭建神经网络训练MNIST手写数字数据集

学习自https://pytorch.org/tutorials/beginner/basics/quickstart_tutorial.html 导入并预处理数据集 pytorch中数据导入和预处理主要用torch.utils.data.DataLoader 和 torch.utils.data.Dataset Dataset 存储样本及其相应的标签&#xff0c;DataLoader在数据上生成一个可迭…