前言
😈本文是写给其他方向的从业人员，或者小白选手，前端老鸟请绕路，同时这些文章也是自己学习的一个笔记，具有学习和参考性但是不具有权威性~
一.软件开发和程序员
🫥在目前这个互联网时代我们难以避免的会使用各种各样的软件，以下都是我们经常使用的软件，那么软件究竟是什么？什么才能被成为软件？
😎专业的软件定义：一系列按照特定顺序组织的计算机数据和指令，是电脑的非有型部分，软件开发是什么呢？就是告诉计算机一系列的指令，这些指令也称之为 程序，开发软件的这部分人就称之为 软件开发工程师，也称之为程序员。
二.软件开发和应用程序开发
👹我们经常听说软件开发和应用程序开发，那么软件开发和应用程序开发的区别是什么？
三.完善的软件系统
😀其实我们平时使用的软件只是整个软件系统的某个部分，比如以网易云音乐为例，我们经常使用的只是APP 其实整个系统是非常庞大的，一个完整的软件系统大致包含以下部分，不仅仅包含APP端，还包括网页端，电脑客户端等等。
四.前端开发工程师
🐻开发系统中各个环节的不同部分都属于软件开发：这些开发者我们称之为软件开发工程师，开发者。按照职能的不同也可以划分两类：后端（Back-end）开发，前端（Front-end）开发，前端开发工程师： 主要负责的：Web（网站、后台管理系统、手机H5）、小程序端；也可以做：移动端（Uniapp、React Native）、桌面端，服务器开发（Node.js）
五.目前前端行业发展
🫥新框架（Ember.js、Preact.js）、框架更新迭代（vue3、react18）、新工具（Vite）、新模式（工程化、低代码、微前端） 层出不穷；
🤡市场需求：人才需求大、薪资高；
六.技术发展路线
🐻初级程序员（薪资6k-10k，1~2年）
- 写一些简单的业务，负责项目某些模块的开发、维护；
- 遇到很多问题不知道如何处理，需要查询资料或者交流后可以解决；
- 代码通常写的杂乱无章，能用就行！
🤡中级程序员（薪资10k-20k，2~4年）
- 可以独立负责中小型项目，负责公司项目核心业务的开发、维护；
- 遇到大多数问题可以自行查到解决方案，有一定的自学能力，通过官网文档可以自学；
- 代码质量较高，遵守代码规范，并且会对组内其他人的代码有要求；
😎高级程序员（薪资20k-50k，4~6年）
- 独立负责中大型项目，可以为公司项目搭建架构，创建内部的脚手架，公司内部的UI框架；
- 可以读懂框架源码，并且从一些开源框架中借鉴优秀的设计、架构、思想；
- 公司的核心员工，具备可替代性，成为公司技术不可或缺的一部分；
👹系统架构师（50k~）
- 可以对大型项目进行系统架构，不再局限于某个领域（前端、后端?）或者某项技术。
- 对技术领域 现有技术方案进行评估，对不同的场景给出对应的解决方案；
- 确定项目最终方案，并且对整个项目进行"核心架构"（包括完成 核心架构 实现的能力）；
- 保证项目的各个环节有序进行，包括项目的高性能、高可用、可扩展能力；
🫥资深技术专家（50k~）
- 专注于某一个特定领域，比如前端包括不限于对框架源码、node、js引擎进行定制化需求、优化；比如后端包括不仅限于JVM、线程池、SQL调试、优化，比如可以主导公司项目某些特定领域技术的落地，类似流媒体、即时通信技术等；
- 某些人在行业内有一定的影响力，是某一块技术领域的Top人物；
七.前端体系内容
八.对前端学习的建议
🐻学习技术是为了解决问题，不是为了学习技术而学习技术。
🤡不常用的知识：知道有它知道在哪里查。
😀常用的知识：刻意练习，熟能生巧，驾轻就熟，烂熟于心。
九.网页和网站的关系
😎首先我们来了解下什么是网页，网页的专业术语叫做 Web Page，打开浏览器查看到的页面，是网络中的一"页"，网页的内容可以非常丰富：包括文字、链接、图片、音乐、视频等等。
🫥网站是由多个网页组成的，通常一个网站由N个网页组成（N >= 1）
十.网页显示的过程用户角度
- 用户在浏览器输入一个网站；
- 浏览器会找到对应的服务器地址，请求静态资源（可以存放在世界上任何一个地方）；
- 服务器返回静态资源给浏览器；
- 浏览器对静态资源进行解析和展示；
十一.网页显示的过程工程师角度
- 开发项目（HTML/CSS/JavaScript/Vue/React）
- 打包、部署项目到服务器里面
十二.网页的组成
🤡那么网页是由什么组成的哪？
- HTML网页的内容结构。
- CSS网页的视觉体验。
- JavaScript网页的交互处理。
十三.浏览器的作用
🐻我们前端的代码会通过浏览器的解析然后展示在客户的面前，浏览器中最重要的部分称之为浏览器内核，不同厂商的浏览器内核不尽相同。常见的浏览器内核有：
- Trident （ 三叉戟）：IE、360安全浏览器、搜狗高速浏览器、百度浏览器、UC浏览器；
- Gecko（ 壁虎） ：Mozilla Firefox；
- Presto（急板乐曲）-> Blink （眨眼）：Opera
- Webkit ：Safari、360极速浏览器、搜狗高速浏览器、移动端浏览器（Android、iOS）
- Webkit -> Blink ：Google Chrome