前端

什么是前端？？

前端是用户接触到的任何东西和所有的视觉。看得见的都是前端。

前端都包涵哪些领域？？

long long ago... 在前后端刚分离的时代，前端的领域通常包含Web应用

but now... 由于各方面(国内市场不停的卷、跨平台技术的出现)的因素，现在的前端一般指大前端，包含Web应用、移动H5应用(ios/android)、小程序、快应用、Node.js应用甚至是PC端桌面应用。

前端的过去与未来

前端是一个迭代非常非常快的技术

毫不夸张的说，当你睡了一觉就可能出现了一个新框架...

过去

前端的过去非常的辉煌

根据百度的统计，在2019年，前端工程师的薪资排在了所有行业的前10%，且市场急缺前端工程师

根据杭州师范大学前端技术社团统计，在2020年时，咱们学院应届毕业生薪资最高达到了40w

现在

"前端已死，XX已亡"的描述在当前的某音短视频非常的火爆

为什么会这样？？

1. 大语言模型的出现极大的提高了coding效率，市场不再需要大量的码农
2. 经济下行，国内各行各业都在缩水
3. 市场饱和。。。（互联网教培行业流水线式生产码农）

怎么提高竞争力？？

1. 不断的学习新技术，跟上技术发展脚步
2. 使用大模型工具，提高自己生产力

未来

由单页应用程序（SPA）及其客户端渲染模式（CSR）到其服务器端渲染模式（SSR）

SSR(Server Side Rendering) ：传统的渲染方式，由服务端把渲染的完整的页面吐给客户端。这样减少了一次客户端到服务端的一次http请求，加快相应速度，一般用于首屏的性能优化。

CSR(Client Side Rendering)：是一种目前流行的渲染方式，它依赖的是运行在客户端的JS，用户首次发送请求只能得到小部分的指引性HTML代码。第二次请求将会请求更多包含HTML字符串的JS文件。

简而言之，就是数据拼接HTML字符串这件事放在服务端还是客户端造成了两者区别。

在最近发布的服务端渲染框架Next.js中，前端已经可以直接操作数据库了 这很有可能使得Next.js成为一个全栈框架.... 那前后端是否会再次融合呢？？？？

招新

要求

1. 中期和最终考核都会给两个题目，一份是基础班另一份是挑战版。
2. 可根据自己的基础选择不同的题目。
3. 每份题目都不限技术栈，无论是使用框架还是原生都可以。
4. 无论完成哪一份题目都会通过考核。
5. 提交源代码给我即可，有任何疑问可以钉钉联系我的

中期

基础版--题目: 静态页面搭建

完成网易邮箱登录界面的静态搭建如下图

https://mail.163.com/

进阶版--题目：大屏解决方案

1. 调研可视化大屏的解决方案
2. 完成任意可视化大屏的设计

下图仅作为参考，可任意设计可视化大屏

参考网站 https://echarts.apache.org/handbook/zh/get-started/ echarts官网 https://www.isqqw.com/ 国内著名的echarts封装网站

素材包：提供背景图./images和国内省市份的地理坐标./china.json

最终

基础版--题目：AJAX交互

1. 学习使用Mock.js或fastmock，能够模拟接口
2. 在中期基础版题目的基础上实现登录功能，当点击登录按钮的时候，向Mock发送请求，收到响应后在页面中显示登录成功即可

进阶版--题目:MyGPT

1. 实现一个GPT的聊天页面如下
2. 完成聊天的交互效果，可调用科大讯飞星火模型开发的API(需要自己申请，免费)
3. 运用到的基础栈涉及到Node.JS与WebSocket协议