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

简介: 开局即炼狱模式,前端小白躺平摆烂可以吗这几年毕业的大学生有多苦都不必我们说了。大学才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准备入职了。
    |
    前端开发 JavaScript 算法
    三分钟深入了解threejs的常见面试知识点
    三分钟深入了解threejs的常见面试知识点
    1327 0
    |
    11月前
    |
    测试技术
    外包对职业发展是否有影响?
    从事两年外包工作并不会影响未来的发展,关键在于是否在此期间提升了个人能力。许多外包人员由于缺乏系统的培训,能力停滞不前,只能从事低级的手工测试工作。在华为合作的外包人员中,部分人因公司未提供培养机会,导致技能难以提升。因此,在外包期间应主动学习,掌握自动化和编程技能,以提高竞争力。大部分企业并不在意求职者是否有外包经历,只要能力达标即可。建议不要在外包公司停留过久,及时跳槽寻找更好的发展机会,避免因长期外包而失去学习动力。
    |
    10月前
    |
    人工智能 安全 测试技术
    《构建鸿蒙Next生态AI应用认证评级体系:守护应用质量新防线》
    HarmonyOS NEXT为AI应用发展开辟新天地,建立完善的人工智能应用认证和评级体系至关重要。该体系涵盖功能完整性、性能表现、数据安全、兼容性及伦理道德等标准,确保应用质量。认证流程包括提交申请、技术检测、人工审核与认证决策,保障严谨性。评级机制则通过基础评级、动态评级及用户反馈,持续优化应用评价。此外,加强日常监管、行业协作与技术创新,推动鸿蒙生态健康繁荣发展。
    373 11
    |
    12月前
    |
    监控 安全 程序员
    探索操作系统的心脏:内核与用户模式
    【10月更文挑战第41天】本文将带你进入操作系统的核心,揭示内核与用户模式之间的神秘面纱。我们将通过浅显易懂的语言和生动的比喻,让你轻松理解这一复杂主题。从内核的定义到它如何管理计算机资源,再到用户模式如何保障程序运行的安全性,你将获得一次深入浅出的知识之旅。让我们一起揭开操作系统的神秘面纱,探索它的奥秘!
    209 3
    |
    存储 安全 数据安全/隐私保护
    在阿里云快速启动Umami玩转网页分析
    本文介绍了Umami的基本信息,并通过阿里云计算巢完成了Umami的快速部署,使用者不需要自己下载代码,不需要自己安装复杂的依赖,不需要了解底层技术,只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Umami,非技术同学也能轻松搞定。
    |
    缓存 运维 JavaScript
    Nginx 是如何实现高并发?常见的优化手段有哪些?
    Nginx 是如何实现高并发?常见的优化手段有哪些?
    Nginx 是如何实现高并发?常见的优化手段有哪些?
    |
    安全 关系型数据库 API
    Nuxt3 实战 (九):使用 Supabase 实现 Github 认证鉴权
    这篇文章介绍了如何在Supabase中使用Github授权登录并实现用户身份验证。文章首先说明了Supabase采用postgresql的Row Level Security(RLS)机制来控制不同用户对数据表访问权限的重要性,然后详细介绍了配置Github OAuth Apps的过程,包括创建新的OAuth应用、填写项目信息、设置回调URL等步骤。接着,文章展示了在Nuxt3中实现登录界面的代码示例,最后总结了通过本教程可以学习到的技能,并预告了下一篇文章将介绍如何在Nuxt3中创建RESTful风格API并结合Supabase数据库完成CURD操作。
    389 0
    Nuxt3 实战 (九):使用 Supabase 实现 Github 认证鉴权
    |
    文字识别 算法 计算机视觉
    [笔记]OpenCV+FFmpeg+Qt实现视频编辑器之OpenCV图像处理
    [笔记]OpenCV+FFmpeg+Qt实现视频编辑器之OpenCV图像处理
    519 1