前端必知必会的技术体系,再也不担心前端内卷了
写在前面
前端技术体系发展非常迅速,前端在端上的拓展也非常的快,web端(开发框架太多,从jquery时代到react/vue…),移动端(App和H5,前端主要是混合开发为主,ReactNative/Weex/uni-app/Taro等技术前端实现成本很低,但现在大火的Flutter学习成本有些偏高)、小程序端(各家小程序,微信/支付宝/百度/头条…)、大屏(可视化、3D)、各种嵌入式设备端(AR/VR)、服务端(Node.js及各种框架,Express/Koa/Eggjs/Prisma…)等。各种框架层出不穷,百家争鸣。写本文的目的是梳理下前端常用的知识体系,然后帮前端开发者分辨当下主流关键技术,虽然非业界最新,但贵在实用。
内卷
内卷,网络流行语,原指一类文化模式达到了某种最终的形态以后,既没有办法稳定下来,也没有办法转变为新的形态,而只能不断地在内部变得更加复杂的现象。经网络流传,很多高等学校学生用其来指代非理性的内部竞争或“被自愿]竞争。现指同行间竞相付出更多努力以争夺有限资源,从而导致个体“收益努力比”下降的现象。可以看作是努力的“通货膨胀”。
前端基础必会
下图列出的前端基础知识范畴,需要全部掌握,在前端基础这块再也不担心内卷了,面试时候基础基础知识不担心了,还不了解的赶紧查漏补缺吧。
大前端常用工具
下图列出了我常用的一些工具,虽然还有漏网之鱼,但是能够应付大多数公司日常开发了,虽然有时候我也自己开一些工具来解决开发中的效率问题,工欲善其事必先利其器。
大前端主流框架&库
梳理一下才发现,前端竟然学了这么多框架&库,前端内卷真是太不容易了!其实,不是每一个都要掌握,每个大分类下必须熟悉其一,具体优先用哪个要看读者所在的公司技术栈了。
- React栈必会
- React
- Antd
- Redux/Mobx 都需掌握
- Next
- Taro/React Native
- webpack
- Vue栈必会
- Vue
- ElementUI
- Vuex
- uni-app
- Nuxt
- Vite
- 大前端公共必会
- Bootstrap
- Echarts
- Rollup
- Babel
- Sequelize
- Express/Koa 至少其一
- ejs/jade/handlebars 其一,团队统一即可
- Electron 最好用过,不强求
- Jest/Mocha/Jasmine 其一,团队统一即可
大前端server知识
server端开发必会Node基础,数据库(关系型/非关系型)至少其一,但是仍需掌握大量周边不限于 部署、中间件等。这部分往往是很多前端同学容易困惑的地方,笔者之前专职做过3年后端开发然后转的前端,就我的经历说说我的个人看法.
- Express / Koa 都需要掌握
- Sequelize
- Next / Nuxt 其一
- ejs / Jade / Handlebars 其一
- MySql 互联网公司首选
- Redis 互联网公司首选,推荐了解
- docker
- Nginx
- PM2
- Kafka 推荐了解
说到最后
掌握以上关键知识点,再也不担心内卷了,其他无关的框架不学不学,前端框架千千万,深耕原理,融会贯通,无招胜有招。
招聘
西安研发团队招聘:前端、测试、后端JAVA, 全额五险一金、茶话会、生日会、10天年假,内推邮箱 wenqiang.li@shuyun.com
本人掘金博客地址:https://juejin.cn/user/3544481220008680
前端必知必会的技术体系,再也不担心前端内卷了相关推荐
- web前端入门必知的10个技术
随着HTML5的发展和普及,了解HTML5将成为Web开发人员的必修课.如何把网页做得更美观,对用户更有吸引力,不仅是企业对前端开发人员要求,更是一个合格的web前端工程师的自我修行.今天小编就跟大家 ...
- 前端必知必会HTTP请求系列(二)简单一点的HTTP协议
http协议用户客户端和服务器之间的通信 http协议和TCP/IP协议族内的其他众多协议相同,用于客户端和服务器之间的通信. 那么问题来个如果两台服务器之间一台服务器向另一台服务器进行接口请求那谁是 ...
- MySQL必知必会教程:深入理解MySQL技术内幕
2019独角兽企业重金招聘Python工程师标准>>> MySQL必知必会教程:深入理解MySQL技术内幕 作为最流行的开源数据库软件之一,MySQL数据库软件已经是广为人知了.当前 ...
- Java架构师必知必会,带走不谢
可以说,Java是现阶段中国互联网公司中,覆盖度最广的研发语言,掌握了Java技术体系,不管在成熟的大公司,快速发展的公司,还是创业阶段的公司,都能有立足之地. 成为Java架构师,需要掌握哪些技能呢 ...
- 《渗透测试实践指南 必知必会的工具与方法 (原书第2版)》读书摘录
----------------------------------------------------------------------------分割线--------------------- ...
- 20道经典的AJAX面试题(必知必会)
1.什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识) 什么是ajax: AJAX是"Asynchronous JavaScript and XML"的缩写.他是指 ...
- c2064 项不会计算为接受0个参数的函数_【JS必知必会】高阶函数详解与实战
本文涵盖 前言 高级函数概念 函数作为参数的高阶函数 map filter reduce sort详解与实战 函数作为返回值的高阶函数 isType函数与add求和函数 如何自己创建高阶函数 前言 一 ...
- php7.2 开启mcy扩展,phper必知必会(二)
1.说说你对进程,线程以及协程的理解 进程:是系统进行资源分配和调度的基本单位,是基本操作系统结构的基础.进程是程序基本执行的实体.进程与进程之间是独立的,拥有完全独立的地址空间,进程的切换只发生在内 ...
- 脑残式网络编程入门(三):HTTP协议必知必会的一些知识
为什么80%的码农都做不了架构师?>>> 本文原作者:"竹千代",原文由"玉刚说"写作平台提供写作赞助,原文版权归"玉刚说&q ...
- java的标量和聚合量_第5节:Java基础 - 必知必会(下)
第5节:Java基础 - 必知必会(下) 本小节是Java基础篇章的第三小节,主要讲述Java中的Exception与Error,JIT编译器以及值传递与引用传递的知识点. 一.Java中的Excep ...
最新文章
- java字符串的知识总结
- unix odbc php 连接sqlserver,Ubuntu下通过unixODBC连接MS SqlServer2005
- 笔记-项目进度管理-精简
- JavaScript动画:offset和匀速动画详解(含轮播图的实现)
- 在Linux下编译安装Apache2(2)
- “.Net 社区大会”(dotnetConf) 2017 Day 1 Keynote: .NET Everywhere
- 光源时间_【精品透视】UVLED紫外固化光源崭露头角!
- Pandas高级操作
- 在Flash中接收来自页面(.NET)的值的方法.
- k8s环境问题及解决方案
- 白话空间统计之二十五:空间权重矩阵(四)R语言中的空间权重矩阵(3):反距离权重
- 威纶触摸屏如何设置数值输入元件的上下限和用户密码登录?
- kaggle入门titanic分析
- 关于人性论视角下网络虚拟社会的伦理思考
- 智能时代“无人区”的开拓者,国防科大智能科学学院推免生源大起底
- SafeTpack — 基于 AURI 2G 实现功能安全目标
- CentOS安装sox音频处理器
- charles https 抓包
- 初中OJ1997【2015.8.3普及组模拟赛】WZK打雪仗(war)
- 鸿蒙系统升级到第几批了,鸿蒙系统第四批升级名单有哪些 鸿蒙系统第四批升级机型介绍...
热门文章
- kotlin-android-extensions扩展的导入
- 使用BUSHOUND抓包USB数据视频分析
- 使用docx4j生成数据库字典文档
- 在线预览 PDF 文档插件 PDFObject.js
- lumion自动保存_19条新人必看的Lumion良好操作习惯
- c语言 从文件中读取车牌,输入一个车牌号写入文件,找出所有后四位是一个完全平方数的车牌号并输出
- alpha-beta 极大极小值剪枝算法
- matlab遥感原理与应用,遥感原理与应用知识点概括考研.doc
- hashMap底层原理
- Mac Air USB接口 失效/不起作用 的修复方式