邂逅前端开发

前言

😈本文是写给其他方向的从业人员，或者小白选手，前端老鸟请绕路，同时这些文章也是自己学习的一个笔记，具有学习和参考性但是不具有权威性~

一.软件开发和程序员

🫥在目前这个互联网时代我们难以避免的会使用各种各样的软件，以下都是我们经常使用的软件，那么软件究竟是什么？什么才能被成为软件？

😎专业的软件定义：一系列按照特定顺序组织的计算机数据和指令，是电脑的非有型部分，软件开发是什么呢？就是告诉计算机一系列的指令，这些指令也称之为程序，开发软件的这部分人就称之为软件开发工程师，也称之为程序员。

二.软件开发和应用程序开发

👹我们经常听说软件开发和应用程序开发，那么软件开发和应用程序开发的区别是什么？

三.完善的软件系统

😀其实我们平时使用的软件只是整个软件系统的某个部分，比如以网易云音乐为例，我们经常使用的只是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