JS项目练习

简介: JS项目练习

更多有趣的小练习正在更新中哦^ 。^ 。。。。。。
@TOC

1、BMI值预测

点击链接跳转:https://www.cnblogs.com/zhuhukang/

2、累加求和,累乘求积

点击链接跳转:https://www.cnblogs.com/zhuhukang/

3、javascript之reduce()方法

案例1:数组去重
案例2:数组中元素求和
案例3:求数组中最大值或最小值

4、随机获取一个名字,打印在控制台上

点击链接跳转:https://www.cnblogs.com/zhuhukang/

5、计时器

点击链接跳转:https://www.cnblogs.com/zhuhukang/

6、正则表达式可以用来匹配字符串。

通过正则表达式,可以实现字符串的截取或按规则替换和验证字符串内容。

例1:验证邮箱格式
例2:字符串“2020-01-01”,可以将其数字部分截取出来。
例3:“123a456b789c”,去掉字符串中的所有字母( replace( "a”, t”))。
正则表达式独立于语言,很多语言都支持正则表达式。(并非JavaScript特性)
点击链接跳转:https://www.cnblogs.com/zhuhukang/

7、DOM实现轮播图效果

点击链接跳转:https://www.cnblogs.com/zhuhukang/

8、DOM轮播图,实现滚动效果

点击链接跳转:https://www.cnblogs.com/zhuhukang/

9、DOM点击一次设置,再次点击取消设置

点击链接跳转:https://www.cnblogs.com/zhuhukang/

10、随鼠标显示图片的大图

点击链接跳转:https://www.cnblogs.com/zhuhukang/

11、在网页中显示当前时间

在这里插入图片描述
点击链接跳转:https://www.cnblogs.com/zhuhukang/

12、在网页中制作一个秒表(开始功能、停止功能、重置)

在这里插入图片描述

点击链接跳转:https://www.cnblogs.com/zhuhukang/

13、返回顶部

点击链接跳转:https://www.cnblogs.com/zhuhukang/

14、数组存储学生列表

点击链接跳转:https://www.cnblogs.com/zhuhukang/
在这里插入图片描述

15、实现计算器

在这里插入图片描述
点击链接跳转:https://www.cnblogs.com/zhuhukang/

16、跳转提示页面

在这里插入图片描述
点击链接跳转:https://www.cnblogs.com/zhuhukang/

17、增删操作学生信息

点击链接跳转:https://www.cnblogs.com/zhuhukang/

18、选项卡切换

在这里插入图片描述
点击链接跳转:https://www.cnblogs.com/zhuhukang/

19、弹出登录框

在这里插入图片描述
点击链接跳转:https://www.cnblogs.com/zhuhukang/

20、对已知的账号密码进行验证登录

在这里插入图片描述
点击链接跳转:https://home.cnblogs.com/u/zhuhukang

20、时间Time的格式化

点击链接跳转:https://home.cnblogs.com/u/zhuhukang

相关文章
|
1月前
|
开发框架 JavaScript 安全
js开发:请解释什么是Express框架,以及它在项目中的作用。
Express是Node.js的Web开发框架,简化路由管理,支持HTTP请求处理。它采用中间件系统增强功能,如日志和错误处理,集成多种模板引擎(EJS、Jade、Pug)用于HTML渲染,并提供安全中间件提升应用安全性。其可扩展性允许选用合适插件扩展功能,加速开发进程。
|
1月前
|
JSON JavaScript 前端开发
解决js中Long类型数据在请求与响应过程精度丢失问题(springboot项目中)
解决js中Long类型数据在请求与响应过程精度丢失问题(springboot项目中)
42 0
|
1月前
|
JavaScript
vue.js项目评估流程图特效
vue.js项目评估流程图特效
86 2
vue.js项目评估流程图特效
|
2月前
VUE.初始化项目报错缺少core-js
VUE.初始化项目报错缺少core-js
40 0
|
3月前
|
分布式计算 JavaScript
JS项目小Tipes总结
JS项目小Tipes总结
|
6天前
|
缓存 JavaScript 前端开发
js开发:请解释什么是Webpack,以及它在项目中的作用。
Webpack是开源的JavaScript模块打包器,用于前端项目构建,整合并优化JavaScript、CSS、图片等资源。它实现模块打包、代码分割以提升加载速度,同时进行资源优化和缓存。Webpack的插件机制可扩展功能,支持热更新以加速开发流程。
13 2
|
14天前
|
JavaScript
node.js输入项目目录结构并展示
node.js输入项目目录结构并展示
5 0
|
1月前
|
JavaScript 前端开发 编译器
js开发: 请解释什么是Babel,以及它在项目中的作用。
**Babel是JavaScript编译器,将ES6+代码转为向后兼容版本,确保在旧环境运行。它在前端构建中不可或缺,提供语法转换、插件机制、灵活配置及丰富的生态系统,支持代码兼容性和自定义编译任务。**
20 6
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
JSON JavaScript 前端开发
vue项目使用Print.js插件实现PDF文件打印
vue项目使用Print.js插件实现PDF文件打印
63 0