前端页面
文章平均质量分 58
饿
飞鱼同学
小白一枚,请多多指教!!!
展开
-
vue基础学习
<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>vue</title> <script src=../lib/js/vue2.5.2.min.js ></script> <script src=../l原创 2022-05-21 20:50:10 · 130 阅读 · 0 评论 -
全选、全不选、反选功能的实现
全选、全不选、反选实现的功能是:选中下面全选框,全部的框都会选中,反之就会全不选中;当点击反选按钮时,选择框中的选框状态置反,选中的变为没选中,没选中变为选中直接上代码:index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>全选、全不选、反选</title> </head> <body> <f原创 2021-01-26 22:19:53 · 4636 阅读 · 0 评论 -
支付10秒倒计时
支付10秒倒计时好久没有写CSDN了,从今天起慢慢搞起来,菜鸟一枚,请多多指教!下面直接上代码。index.html页面<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>支付10秒倒计时</title> </head> <style> div{ background: gray; width: 200px原创 2021-01-21 23:14:46 · 340 阅读 · 1 评论 -
验证码的生成及校验
验证码的生成及校验内容:验证码的刷新,确认时的验证index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>验证码的生成及校验</title> <style type="text/css"> div{ padding: 0px 0px; margin: 0px auto; } a{原创 2021-01-22 22:44:22 · 7222 阅读 · 1 评论 -
安装进度条的实现
进度条说明:点击按钮,进度条增长,同时百分比也随之变化,当到达100%时停止,下面直接上代码index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>进度条</title> <style type="text/css"> { padding: 0; margin: 0; } .divoOut原创 2021-01-27 22:20:15 · 497 阅读 · 0 评论 -
敏感词过滤
敏感词过滤<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>词过滤</title> <style type="text/css"> { padding: 0; margin: 0; } #res{ width: 200px; height: 200px; border: 1px so原创 2021-01-26 22:29:29 · 381 阅读 · 1 评论 -
图片选择事件
图片选择效果展示:代码->index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片选择</title> <style type="text/css"> { padding: 0; margin: 0; } .max{ width: 415px; height:原创 2021-01-26 22:26:22 · 191 阅读 · 0 评论 -
tab选项卡功能
tab选项卡功能今天给大家实现一个简单的需求,原生态js实现选项卡切换的效果,即当鼠标移入某个标签时,显示不同的图片。先来看一下效果图:代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>tab选项卡功能</title> <style type="text/css"> ul,li{ margin: 0; pa原创 2021-01-25 22:38:53 · 503 阅读 · 1 评论 -
关于“前台根据后台值,操作字段、显示或select选中状态”的几种做法
<select name="department" > <c:choose> <c:when test="${doctor.department.equals('内科')}"> <option value="内科"selected="selected">内科</option>.原创 2021-05-31 16:01:21 · 759 阅读 · 0 评论 -
启动Vue项目报错“npm ERR! code ELIFECYCLE”
由于之前一直是npm和cnpm混着用,也没啥问题,今天在启动Vue项目的时候,却碰见了一个错误“npmERR!codeELIFECYCLE”,一开始是用npmrun启动的,后来换成cnpmrun也不行。查了一下资料,网上大多都说是因为node_modules安装的有问题,基本解决思路就是清缓存、重新install。总结为以下几个步骤:1、npmcacheclean--force2、rm-rfnode_modules3、rm-rfpackage-lock.js...原创 2021-09-03 11:12:22 · 15102 阅读 · 0 评论 -
Jquery Ajax type的4中类型
Ajax type这个里面填什么呢?通常大家都会说get和post。那么还有2个是什么呢$.ajax({ url: 'http://www.cnblogs.com/youku/', type: '', data: {}});原创 2021-05-28 21:24:25 · 273 阅读 · 0 评论 -
鼠标绑定事件
鼠标绑定效果:功能说明:当鼠标进入页面时,方块的位置将会跟随鼠标进行移动<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>鼠标的绑定</title> <style type="text/css"> div{ width: 100px; height: 100px;原创 2021-02-01 22:47:12 · 342 阅读 · 0 评论 -
移动的方块
移动的方块页面展示:功能说明:当鼠标点击‘开始动’时,方块开始水平移动,当达到边界时反向移动,当点击‘停止哈’时方块停止不动。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>移动的方块</title> <style type="text/css"> *{ margin: 0; padding: 0;;原创 2021-02-01 22:44:45 · 387 阅读 · 0 评论 -
返回网页顶部功能
网页中返回网页顶部功能实现功能:在网页高度大于设定的值之后,出现返回顶部按钮,小于则自动隐藏,点击按钮返回网页顶部,同时按钮隐藏。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>返回顶部</title> <style type="text/css"> { padding: 0; margin: 0; }原创 2021-01-30 23:08:19 · 269 阅读 · 0 评论 -
模拟搜索框
搜索框的制作<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>搜索框</title> <style type="text/css"> .one{ margin: 0px auto; padding: 0px 0px; width: 225px; } .one1{ margin: 2px au原创 2021-01-24 21:53:58 · 5049 阅读 · 4 评论