前端小白躺平摆烂可以吗?

简介: 开局即炼狱模式,前端小白躺平摆烂可以吗这几年毕业的大学生有多苦都不必我们说了。大学才4年,疫情占3年,好不容易熬到毕业,找工作又进入了炼狱模式。整个互联网裁员裁到上了热搜,之前选择这个专业时所幻想的高薪梦,大厂梦,受到现实的无情打脸。

 

开局即炼狱模式,前端小白躺平摆烂可以吗

这几年毕业的大学生有多苦都不必我们说了。大学才4年,疫情占3年,好不容易熬到毕业,找工作又进入了炼狱模式。

整个互联网裁员裁到上了热搜,之前选择这个专业时所幻想的高薪梦,大厂梦,受到现实的无情打脸。

如何在炼狱模式里成功突围通关呢。

突围,从项目实战开始

在当前的行业环境和疫情大背景下,企业招人会更加谨慎。

应届生或者刚毕业的前端小白在项目经验上十分匮乏,你凭什么卷得过别人,凭什么在这么多的候选人里脱颖而出?

项目经验就是程序员的硬通货,也只有做项目才能够真正提高一个人的编程能力。那么死循环又来了————

你现在可能找不到工作,可能拿不到实习的offer,没有企业里的真实项目去给你做,又哪来项目经验?

那么,你能不能自己做一个项目?

为什么我不建议你自己搭服务器

在前后端分离的开发模式下,自己单独做项目势必自己一个人要包揽前后端。

有很多同学很有决心,觉得自己一定要写个真项目,于是打算服务器也自己搭建。

这里会 有个问题,对于一个前后端都处于学习阶段的人来说,上来就搭服务器,对Apache,和Ngnix 一窍不通,一旦遇到服务器的问题能卡半天,这样很容易在项目开始的阶段就由于挫败感过强和被前端无关的问题卡脖子,导致项目开发不下去。

学习需要有个循序渐进的过程,在一开始先不要去钻研后端开发,而是想办法搞定前端调试需要的数据就行。

所以你需要有个工具,能帮你搞定前端所需要的数据,也就是说一个 mock服务器。

对此,我提出的解决方案是:

    1. 调试一个页面,你尽管可以在代码里写死数据
    2. 调试一个小需求,可以自己用mock.js 写脚本去构建请求出来
    3. 如果是项目级别的请求数据仿真,可以使用 Apifox 的云端 mock 功能来搭建 mock 服务器,将整个项目中需要用到的数据,通过 Apifox的 mock 服务器返回回来。

    image.gif编辑

    使用 Apifox mock 工具搭建虚拟服务器

    1.Apifox mock 服务器

    Apifox 的 mock 功能,本来就是为了方便前端调试页面而做出来的功能。

    它是构造了一个高度仿真的智能mock引擎 ,能够接收前端页面的请求,并且返回高度真实的业务数据,方便前端调试。它没有真实的业务服务器,但使用体验就和实际的后端服务器一样的。

    image.gif编辑

    它为前端调试提供的功能有:

    1.内置 mock 服务器,不需要自己搭建 mock 环境

    2.内置数据 mock 规则,不需要自己编写脚本来构造业务数据

    3.在响应中设置 mock 规则,不需要自己编写响应的 JSon 脚本

    4.以项目/功能模块/接口 归档分类,每个接口都有自己的mock规则和地址,支持便捷的调用和修改

    Apifox 云端 mock 使用教程

    1.项目接口设计

    实际的项目,有前后端分工,后端会和前端商量好每个接口的不同功能和返回的数据。 而前端做自己的个人项目,那么就需要自己完成项目接口设计这部分工作。规划好项目中的页面会用到哪些接口,需要什么数据,设计出来。

    image.gif编辑

    到这一步,就是前端自己做一个个人项目需要用到的全部后端知识了。

    2.配置单个接口返回数据

    在接口文档里接口的响应字段里,配置字段的mock规则,然后在 mock 环境下运行,可以预览出 Apifox mock 出的响应规则。

    image.gif编辑

    mock 出来的响应数据效果如下,数据接近真实业务数据,能直接用。

    image.gif编辑

    3.获取 mock 地址

    将mock地址复制到前端代码中,请求的时候就会直接请求 mock 环境里的数据,mock 服务器会返回高度真是的模拟数据,可直接用于前端页面数据的呈现和处理。

    image.gif编辑

    不同页面需要用到不同的接口和数据,也是先在 Apifox 里配置好,后面再在前端代码里调用。

    到这里你的前端个人项目的 mock 服务器配置就搭建完成了。

    但如果你对你项目 mock 出来的数据要求比较高的话,可以了解下 Apifox 的 mock 规则。

    3.自定义项目参数的 mock 规则

    Apifox 里内置了20多种常用的数据规则,对于常规的项目数据类型,基本够用了;

    image.gif编辑

    但如果你的项目有专用的数据类型,那么需要自己去项目设置/功能设置/智能mock规则/自定义规则 里创建自己需要的规则。 只要会正则表达式就能写,难度不高,不需要去写js 脚本。

    image.gif编辑

    这样子,可以确保你的项目里使用的数据基本和真实的数据没有不同,如果有前端功能有数据校验,也能设置真实条件去验证,这样项目的真实程度会大大提高,流程也能根据需求去流转,不会因为接口返回的数据是模拟的而产生麻烦。

    云端mock:把项目演示给面试官看

    Apifox 的 mock 功能还有个非常实用的云端 mock 功能,即你不需要开启本地 mock ,Apifox 在它自己的服务器上给你配置好了一个云端 mock供你使用,你在任何地方只要能连上网就能访问以上的 url 生成的mock数据。

    image.gif编辑

    如果你去面试,可以直接拿着这个项目去演示给面试官看,只要项目里配置的是云端mock 地址,无论何时何地打开,都能够正常运行,边演示功能,边讲述你这个过程遇到什么技术问题,又是如何解决的。

    这不比什么学历证书都好使,都更有说服力,更能打动面试官?

    总结:打造硬核的实战项目

    在 Apifox mock 这几个核心的功能的支持下,它就能支撑起项目级别的数据仿真。

    这样出来的一个项目,能硬核到什么程度呢? 你把mock地址更换成真实项目里的地址,这个前端项目就能直接上线了。

    那是真正企业级别的开发,在项目实战的场景下,你会遇到你写几个前端页面遇不到的问题和挑战,当你能把他们一一解决时,你的经验增加了,战斗力也增加了,面试求职自然底气也更加足了。

    所以真心建议大家多写几个前端个人项目,写多几个项目,你就能体验到能力飞升有多爽,面试求职一路绿灯有多爽。

    工具下载

    Apifox SaaS 版本完全免费,没任何功能限制。如果你需要使用这个工具,可直接去官网下载,官网直达:www.apifox.cn

    相关文章
    |
    算法 Java 关系型数据库
    2年5个月13天,从外包到拿下阿里offer,没想到屌丝也能有今天
    不说太多废话,但起码要让你先对我有一个基本的了解。本人毕业于浙江某二本院校,算是科班出身,毕业后就进了一家外包公司做开发,当然不是阿里的外包,具体什么公司就不透露了,在外包一呆就呆了整整2年多,直到现在才从外包离开,如今拿到阿里的offer准备入职了。
    |
    缓存 网络协议 前端开发
    2023高频前端面试题合集之网络篇
    2023高频前端面试题合集之网络篇
    252 0
    |
    前端开发 JavaScript 算法
    三分钟深入了解threejs的常见面试知识点
    三分钟深入了解threejs的常见面试知识点
    1218 0
    |
    7月前
    |
    测试技术
    外包对职业发展是否有影响?
    从事两年外包工作并不会影响未来的发展,关键在于是否在此期间提升了个人能力。许多外包人员由于缺乏系统的培训,能力停滞不前,只能从事低级的手工测试工作。在华为合作的外包人员中,部分人因公司未提供培养机会,导致技能难以提升。因此,在外包期间应主动学习,掌握自动化和编程技能,以提高竞争力。大部分企业并不在意求职者是否有外包经历,只要能力达标即可。建议不要在外包公司停留过久,及时跳槽寻找更好的发展机会,避免因长期外包而失去学习动力。
    |
    7月前
    |
    数据采集 前端开发 数据挖掘
    利用 html_table 函数轻松获取网页中的表格数据
    本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
    299 2
    利用 html_table 函数轻松获取网页中的表格数据
    |
    8月前
    斗地主单机游戏HTML源码
    斗地主单机游戏HTML源码,可以作为课程设计项目参考,喜欢的朋友可以拿去
    162 5
    |
    缓存 运维 JavaScript
    Nginx 是如何实现高并发?常见的优化手段有哪些?
    Nginx 是如何实现高并发?常见的优化手段有哪些?
    Nginx 是如何实现高并发?常见的优化手段有哪些?
    |
    前端开发 JavaScript API
    Tailwind CSS:快速打造美观网页的秘密武器
    Tailwind CSS:快速打造美观网页的秘密武器
    |
    文字识别 算法 计算机视觉
    [笔记]OpenCV+FFmpeg+Qt实现视频编辑器之OpenCV图像处理
    [笔记]OpenCV+FFmpeg+Qt实现视频编辑器之OpenCV图像处理
    327 1
    AI助理
    登录插画

    登录以查看您的控制台资源

    管理云资源
    状态一览
    快捷访问

    你好,我是AI助理

    可以解答问题、推荐解决方案等