一些前端学习过程的自测练习题

目录

页面设计部分

[1 设计一个简单的学院网站首页;](#1 设计一个简单的学院网站首页;)

2.按照图示要求完成简单的登录页面

3.完成如下网站设计

4.完成如下网站设计(练习页面布局)

[5 利用下面素材,设计一个满足H5规范的网页(移动端页面练习):](#5 利用下面素材,设计一个满足H5规范的网页(移动端页面练习):)

Javascrip部分

[1 写一个表单,包含 姓名,学号,邮箱,手机号;提交时,做客户端验证(javascript);](#1 写一个表单,包含 姓名,学号,邮箱,手机号;提交时,做客户端验证(javascript);)

[2 DoM练习:动态添加新元素](#2 DoM练习:动态添加新元素)

3.

[4 做一下如下的轮换图效果;](#4 做一下如下的轮换图效果;)

5用myFocus库,重做上面的效果;

[6 Js处理数据;](#6 Js处理数据;)


页面设计部分

1 设计一个简单的学院网站首页;

规格:1024×768;注意各浏览器的兼容性;页面效果如下

2.按照图示要求完成简单的登录页面

素材如下

3.完成如下网站设计

所需数据如下,复制到TXT文件

蓝桥知识网

首页

热门技术

使用手册

知识库

练习题

联系我们

更多

蓝桥云课

随时随地丰富你的技术栈!

加入我们

人工智能

人工智能亦称智械、机器智能,指由人制造出来的机器所表现出来的智能。通常人工智能是指通过普通计算机程序来呈现人类智能的技术。

前端开发

前端开发是创建 WEB 页面或 APP 等前端界面呈现给用户的过程,通过 HTML,CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

后端开发

后端开发是实现页面的交互逻辑,通过使用后端语言来实现页面的操作功能,例如登录、注册等。

信息安全

ISO(国际标准化组织)的定义为:为数据处理系统建立和采用的技术、管理上的安全保护,为的是保护计算机硬件、软件、数据不因偶然和恶意的原因而遭到破坏、更改和泄露。

© 蓝桥云课 2022

京公网安备 11010102005690 号 | 京 ICP 备 2021029920 号

4.完成如下网站设计(练习页面布局)

5 利用下面素材,设计一个满足H5规范的网页(移动端页面练习):

Javascrip部分

1 写一个表单,包含 姓名,学号,邮箱,手机号;提交时,做客户端验证(javascript);

验证:不为空,学号只能是数字;邮箱必须包含@;手机号必须是合法的;

2 DoM练习:动态添加新元素

3.

注意下面有第三题需要用到的代码

资源绑定处下载

4 做一下如下的轮换图效果;

图片自己找一下;鼠标停留在数字上时,轮换图切换;

5用myFocus库,重做上面的效果;

第三方库的使用;

6 Js处理数据;

用js定义一个工资表对象,包括员工编号,姓名,基本工资,奖金,合计工资,扣税,实际发放等属性,并赋值(至少5个员工);然后在前端html页面上,将这一组数据,通过网页表格的方式显示出来;

相关推荐
charlie11451419111 分钟前
勇闯前后端Week2:后端基础——Flask API速览
笔记·后端·python·学习·flask·教程
深蓝海拓28 分钟前
OpenCV学习笔记之:调整ORB算法的参数以适应不同的图像
笔记·opencv·学习
d111111111d29 分钟前
STM32外设--SPI读取W25Q64(学习笔记)硬件SPI
笔记·stm32·单片机·嵌入式硬件·学习
q***563830 分钟前
Springboot3学习(5、Druid使用及配置)
android·学习
TracyCoder12331 分钟前
微服务概念理解学习笔记
学习·微服务·架构
零匠学堂20251 小时前
如何通过培训考试系统提升网络学习平台的效果?
学习
f***24111 小时前
java学习进阶之路,如果从一个菜鸟进阶成大神
java·开发语言·学习
后端小张1 小时前
【AI 学习】从0到1深入理解Agent AI智能体:理论与实践融合指南
人工智能·学习·搜索引擎·ai·agent·agi·ai agent
九年义务漏网鲨鱼2 小时前
【大模型学习】现代大模型架构(二):旋转位置编码和SwiGLU
深度学习·学习·大模型·智能体
TracyCoder1232 小时前
微服务框架选型学习笔记
笔记·学习·微服务