今天是五一假期后第一天放假,但是也别忘了学习哦,在成长中学习,实现“弯道超车”,来我们跟着青训营的老师继续学习关于react的知识!还是老规矩,作为前端学习小白,可能因为专业名词不懂,存在错字漏字的,希望各位指出,谢谢!
一、路由
什么是路由
路由(Router)是一种负责寻径的网络设备,它在互连网络中从多条路径中寻找通讯量最少的一条网络路径提供给用户通信。路由用于连接多个逻辑上分开的网络。对用户提供最佳的通信路径
简单来讲,路由是桥梁,帮助需求方找到供给方,并进行交换
浏览器输入一段URL (Uniform Resource Locator)后会发生什么?
一般来讲答案包含下面几种:DNS、Nginx、TCP等
对今天而言
而在前端发展的过程里,扮演此处的Provider角色的节点也在不断的变化
简单的把前端的演进过程分为五个阶段:
1、静态网站阶段
在静态网站阶段,网页大部分是由HTML的代码组成,所有内容都包含在网页文件中,网页中出现的各种视觉动态效果,比如GIF动画、滚动动画等;
2、动态网站阶段(ASP、JSP、PHP)
随着静态网站暴露出一系列问题,比如更新不便利、管理研发成本过高,加以后端架构整体的升级和演进,逐渐过渡到动态网站阶段。
动态网站阶段的网站内容可以随着时间慢慢变更,动态网站除了要设计网页之外,还要根据数据库和代码逻辑,使我们的网站能够动态更新,大多数是以ASP、JSP、PHP为文件结尾
3、前后端分离(AJAX)
动态网站带来的内容快捷展示的便利性,随着用户体量的增加,研发和维护代码越发困难,研发不仅仅要关注数据存储的设置,还要关注前端动效交互的设置,设计、服务、渲染一体化的设置,使得用户使用时存在莫名卡顿的情况,随着技术的演进,XML的快速发展,网站的数据展示可以在网站加载后,发起接口请求,异步拿到接口,放在前端页面做展示,我们的架构也向着前后端分离演进。 前后端部署的分类,伴随着机器集群技术的升级,让我们在升级时更有针对性,同时也网站的稳定性逐步上升。
4、单页应用
随着前后端的分类,使得各自在自己的领域内进行发展,伴随这工程工具的不断完善,前端的技术架构在不断的蜕变,而之前被诟病的网页打开之后的跳转的白屏时间,组件化代码的发展,使得单页应用也不断发展,大家喜欢将共属于同一个频道的多张页面代码仓库整合在一起,实现代码复用,同时将多页面的代码打包成为同一个共用资源,网页加载时前端通过路由判断哪个页面需要加载出来,而整体网站的资源包只需要在网站初始化加载时进行等待,后续的跳转页面都能够及时响应