中南云麓谷研发部2023招新面试题
写在前面
请不要被以下的内容吓走，也许从目前的你看来是太过困难；请放心，只要愿意学习，你会做的比图示更好。
理论学习
基础
html
视频
为初学者准备的：HTML 速成
文档
MDN Web docs
HTML教程|菜鸟教程
W3school HTML
css
视频
为初学者准备的：CSS 速成
文档
与HTML站点相同，不再复述。
javascript
视频
为初学者准备的：JavaScript 速成
文档
与HTML站点相同，不再复述。
现代JavaScript教程
提高
招新作业
基础题
请设计并完成如下页面：
提高题
请根据HTML5和CSS3规范复现如下页面，其中图片资源在文末提供。
基础要求
了解并合理使用盒子模型、flex 布局以及其他 CSS 知识完成网页布局，各模块布局合理。
提高部分
在基础要求的基础上，自主完善网页功能，包括但不限于网页间的联动、表单的使用等。请大胆发挥你的创意。
进阶题
请在以下二题中任选其一完成。
微信小程序（推荐选做）
利用相关知识完成一个主题为个人博客的微信小程序，示例如下（仅作参考）：
基础要求
自主完成小程序页面的设计，美观、简洁，且要求符合主题，各元素设置符合个人博客的要求。小程序组件功能齐全，可在本地调试环境流畅、正常运行。
提高部分
在完成基础要求的前提下，可以选择实现以下功能：
- 完成一篇自己的博客并展示在首页上，并且可以通过主页转跳到对应博客
- 完成个人签名的编辑与保存功能
- 完成点赞数、浏览数等的统计功能
- 实现前后端分离设计
个人网站
利用Vue或React等流行前端框架完成主题为个人博客的网站。
基础要求
自主完成网页页面的设计，美观、简洁，且要求符合主题，各元素设置符合个人博客的要求。网页元素功能齐全，可在本地环境流畅、正常运行。
提高部分
与微信小程序提高部分相同。
图片资源
提高题所需要的图片资源请前往github下载，如不能访问请使用科学上网方式。
其余题目所有图片素材自行寻找即可，不做统一规定。
可能用上的素材及工具网站：
Pexels
阿里巴巴矢量图
iLoveIMG免费图片裁剪
仍有疑问？
请通过本网站的评论系统（科学上网）提出，后续统一更新在本博客中。保持关注！