![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 64
花花´◡`
这个作者很懒,什么都没留下…
展开
-
前端小案例——登录界面(正则验证, 附源码)
这是一个非常适合前端入门练习的小案例,各位小伙伴可以自行更改样式和内容,如果大家运行时出现问题或代码有什么不懂的地方都可以随时评论留言或联系博主QQ。来监听 DOMContentLoaded 事件,确保页面中的所有元素都已加载完毕。最后,根据验证结果,在页面上显示相应的提示信息。在表单提交事件中,首先阻止默认的表单提交行为。,以便在验证用户输入后自行处理提交逻辑。和用于显示验证信息的元素。当页面加载完成后,通过。用于验证身份证号码。原创 2024-03-04 09:55:48 · 1688 阅读 · 3 评论 -
前端笔记——var let const 之间的区别
关键字来声明变量。它有以下特点:var声明的变量作用域是函数级的,即在函数内部声明的变量在整个函数范围内可见。var变量可以被重复声明,而不会引发错误。var变量会存在变量提升(hoisting)现象,即在变量声明之前就可以使用该变量。原创 2024-02-24 14:21:15 · 547 阅读 · 0 评论 -
前端小案例——购买电影票(HTML+CSS+JS, 附源码)
这段代码实现了一个简单的电影票选座购买的功能界面。在页面上展示了一个电影院的座位布局,以及右侧显示了电影信息、选座情况、票价、总计等内容。用户可以通过点击座位来选择购买电影票,每个座位的状态会在点击时改变(从默认颜色变为红色),并在右侧显示已选座位的信息。用户可以确认购买,确认购买后会出现购买成功的提示,并且页面会重置,清空已选座位和右侧信息。原创 2024-02-17 21:13:05 · 1659 阅读 · 5 评论 -
前端小案例——动态导航栏文字(HTML + CSS, 附源码)
这案例是一个具有动态效果的导航栏。导航栏的样式设置了一个灰色的背景,并使用flex布局在水平方向上平均分配了四个选项。每个选项都是一个li元素,包含一个文本和一个横向的下划线。当鼠标悬停在选项上时,选项的文本颜色会变为粉红色,并且下划线会从中间向两边展开,呈现出一种动态的效果。这种导航栏可以用于网页或应用程序中,提供简洁且有吸引力的导航选项。原创 2024-02-04 22:53:14 · 2834 阅读 · 3 评论 -
前端小案例——滚动文本区域(HTML+CSS, 附源码)
这个案例实现了一个具有滚动功能的文本区域,用于显示长文本内容,并且可以通过滚动条来查看完整的文本内容。原创 2024-02-02 19:02:47 · 851 阅读 · 1 评论 -
前端小案例——导航回顶部(HTML+CSS+JS, 附源码)
这个案例实现了页面滚动到一定位置时显示"回到顶部"按钮,并且点击按钮能够平滑滚动回页面顶部的功能。原创 2024-02-01 16:58:38 · 1245 阅读 · 1 评论 -
前端小案例——走马灯(文字水平轮播, 附源码)
水平滚动的文本效果,可以通俗的来说也叫“走马灯”,这里博主用了两种方法实现。第一种是用gsap动画库完成的,这种方法更为简单也更为高效。第二种使用CSS动画完成的,这是一种常见的方式对于对gsap动画不熟悉的小伙伴,也可以参考这种方法。两种方式博主都提供了源码供大家参考学习。原创 2024-01-31 21:56:38 · 2500 阅读 · 0 评论 -
前端小案例——输入框提示词(HTML+CSS+JS, 附源码)
这个小案例实现了一个具有动态占位符的文本输入框。它会在输入框中循环显示一组预定义的占位符文本,并且每隔5秒钟就会更换一个占位符文本。这可以用于为用户提供一些提示或引导,让他们知道他们可以在输入框中输入什么内容。原创 2024-01-29 18:11:47 · 730 阅读 · 0 评论 -
前端小案例——轮播图(HTML+CSS+JS, 附源码)
这个轮播图是一个非常适合前端入门练习的小案例,各位小伙伴可以自行更改样式和图片原创 2024-01-27 20:21:08 · 1539 阅读 · 4 评论 -
前端小案例——折叠面板(HTML+CSS+JS, 附源码)
用于展示问题知识列表。当点击问题标题时,对应的答案内容将展开或折叠起来。原创 2024-01-26 11:54:41 · 1467 阅读 · 2 评论 -
前端小案例——选项卡(HTML+CSS+JS, 附源码)
切换选项卡内容:点击不同的选项卡按钮时,会隐藏之前显示的选项卡内容,并显示当前点击按钮对应的选项卡内容。原创 2024-01-24 12:19:34 · 1227 阅读 · 2 评论 -
JS原生——计算器(非eval,附源码)
带括号的加减乘除运算、清空、清空末位、历史记录、字体切换、主题切换。主要利用弹栈的思想实现:定义calculateExpression函数,接受一个表达式作为参数。如果表达式中包含了括号,则使用递归的方式处理括号内的子表达式。具体来说,首先找到左括号的位置left和右括号的位置right,然后将括号内的子表达式提取出来,并调用自身并传入子表达式作为参数,得到子表达式的计算结果subResult。原创 2024-01-23 16:40:43 · 1147 阅读 · 0 评论