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

简介: 开局即炼狱模式,前端小白躺平摆烂可以吗这几年毕业的大学生有多苦都不必我们说了。大学才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

    相关文章
    |
    2月前
    |
    前端开发 JavaScript 开发工具
    震惊!前端小白到大神的蜕变之路,这些技巧你竟然还不知道?
    前端开发是互联网技术的重要组成部分,从新手到大神需要掌握HTML、CSS和JavaScript的基础知识,熟练使用框架和工具,如React、Vue和Git,并注重性能优化。持续学习和实践是成长的关键。本文分享了一些实用技巧,帮助你在前端开发之路上快速进步。
    31 4
    |
    2月前
    |
    前端开发 JavaScript UED
    不可思议!前端小白如何靠这些技巧逆袭,成为团队中的闪耀之星?
    前端开发对初学者来说充满挑战,但通过正确的方法和技巧,你可以从新手蜕变为高手。本文分享前端小白逆袭的秘诀,包括夯实HTML、CSS与JavaScript基础,掌握前端框架与库,提升性能优化技巧,以及持续学习与分享。示例代码展示了简单的HTML+CSS+JavaScript页面和Vue组件,帮助你逐步进阶。
    29 4
    |
    6月前
    |
    移动开发 前端开发 定位技术
    零基础学前端系列教程 | 和前端谈恋爱的第002天——约会邀请
    零基础学前端系列教程 | 和前端谈恋爱的第002天——约会邀请
    42 2
    |
    前端开发 程序员
    我做梦都没想到,丈夫为逼我离婚竟然告诉了我新手学习前端开发必须要知道的13件事
    我做梦都没想到,丈夫为逼我离婚竟然告诉了我新手学习前端开发必须要知道的13件事
    技术总监亲自上阵,手撸了一门编程语言,同事直呼哇塞
    都说程序员的三大浪漫是:操作系统、编译原理、图形学;但图形学确实是特定的专业领域,我们几乎接触不到,所以对我来说换成网络更合适一些,最后再加上一个数据库。 这四项技术如果都能掌握的话,可以在 IT 行业横着走了,加上这几年互联网行业越来越不景气,越底层的技术就越不可能被替代;所以为了给自己的 30+ 危机留点出路,从今年上半年开始我就逐渐开始从头学习编译原理。 功夫不负有心人,经过近一个月的挑灯夜战,每晚都在老婆的催促下才休息,克服了中途好几次想放弃的冲动,终于现在完成了 GScript 一个预览版。 预览版的意思是语法结构与整体设计基本完成,后续更新也不太会改动这部分内容、但还缺少一些易用功
    |
    前端开发 JavaScript 数据可视化
    9 年小厂老前端的年终总结
    时光飞逝,岁月如梭,转眼来到 2021 年底,这一年少了些理性,多了点感性,少了些自由,多了一份责任,这一年视乎没做什么事情,但又过得非常充实,最欣慰的是回家有个人等待着我的拥抱,最快乐的是...
    1376 0
    |
    移动开发 前端开发 JavaScript
    【新人福利】前端学习路线,再也不用发愁自己该从何学习
    【新人福利】前端学习路线,再也不用发愁自己该从何学习
    265 0
    【新人福利】前端学习路线,再也不用发愁自己该从何学习
    |
    算法 前端开发 搜索推荐
    学编程的 3 个正经建议,学弟学妹们记得收藏呀,这波赚大发了!
    学编程的 3 个正经建议,学弟学妹们记得收藏呀,这波赚大发了!
    159 0
    |
    人工智能 安全 架构师
    选计算机专业对了吗?7位支付宝技术人为你答疑解惑(内附面试心经)
    《软件技术职业选择之道》电子书重磅来袭,本书集结七位蚂蚁一线的技术专家和管理者,介绍了他们本方向的技术发展趋势以及职业选择的建议,更有面经福利来袭哦~
    26094 0
    选计算机专业对了吗?7位支付宝技术人为你答疑解惑(内附面试心经)
    技术新丁战阿里,写给那些对阿里感兴趣的学弟学妹
    作者介绍:仲泽,一个山东帅小伙,至今单身,性格温顺,为人诚恳(Ps:我们这个真不是相亲贴),在阿里刚刚度过了从学生到职员身份转变的适应期。在这里将走出校园的迷茫、焦虑,新工作中的陌生、新奇,以及自己的收获成长与大家分享。   转眼间,来阿里快三个月了,接触了很多的东西,见了很多的人,突然从学校
    4816 0

    热门文章

    最新文章

    下一篇
    开通oss服务