![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
风叶翩翩
有过众多的项目开发经验。精通Java开发,Sql数据库等,熟练使用主流开发工具如IDEA等。对开发编程有着特殊的爱好和恒心。
展开
-
购物车逻辑
当我们添加购物车之后,我们可以点击加减按钮来实现商品数量的增加和减少,当商品数量变化的同时商品的总的价格也是在不停的变化的。效果图完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me原创 2020-05-30 16:42:47 · 306 阅读 · 0 评论 -
输入框数量加减
不仅仅是一个input框,我们不仅可以在里面直接输入数字,而且我们点击左边或者右边的按钮会实现输入框数量的减少和增加,点击只能增加一个或者减少一个。效果图完整代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script src="https://code.j原创 2020-05-30 16:31:38 · 3471 阅读 · 0 评论 -
Webstorm设置开发模板
WebStorm设置开发模板可能大家会有一些疑问,什么是模板?为什么要设置模板的呢?模板就是一种通用的格式,如果在webstorm中设置了模板,那么每次创建一个javaScript文件的时候都会自动包含模板中的内容。我们想要Webstorm新建文件过程中在文件头部加入创建时间,作者信息,项目名称。Webstorm提供的模板方案的具体设置方法: 选择File --> setting --...原创 2020-03-23 11:35:41 · 1110 阅读 · 0 评论 -
各种语言的 Hello World
学习编程的小伙伴们可能会发现,不敢我们学习哪种语言,我们的第一个程序都是Hello World!,所以我们非常有必要清楚的知道Hello World!使用每一种编程语言的写法。使用C语言实现Hello World!#include int main(void) { printf("Hello World!"); return 0; }使用C++语言实现Hello W...原创 2020-03-18 19:19:24 · 149 阅读 · 0 评论 -
Sublime Text 3 详细安装教程
Sublime Text 3 详细安装下载官网下载地址https://www.sublimetext.com/3安装1 . 下载完成之后安装程序自动运行,默认安装路径,不要修改(如果修改安装路径后期需要配置环境变量)注意:最好使用默认填入的安装路径,使用此路径无需配置环境变量。2 . 选择“Add to explorer context menu”,把它加入右键快捷菜单。3 ....原创 2020-03-17 09:49:35 · 8880 阅读 · 1 评论 -
动画分享菜单
制作一个动画分享的菜单效果演示注意:在我们的程序开始之前我们一定要导入jquery.js架包并且找到如图所示的矢量图标。完整代码html代码<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...原创 2020-03-07 21:22:42 · 113 阅读 · 0 评论 -
动态背景登录
前端动态背景登录效果演示完整代码首先我们要导入jquery.js包html代码<!doctype html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">...原创 2020-03-07 20:57:59 · 779 阅读 · 0 评论 -
20个正则表达式必知(前端开发)
正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。列目录时, dir .txt或ls .txt中的.txt就不是一个正则表达式,因为这里与正则式的*的含义是不同的。构造正则表达式的方法和创建数学表达式的方法一样。也就是用多种元字符与运算符可以将小的表达式结合在一起来创建更大...原创 2020-03-04 14:57:47 · 164 阅读 · 0 评论 -
炫酷线条背景动画
使用H5的Canvas实现网页的炫酷线条背景特效。效果演示代码展示html内容<!DOCTYPE html><html ><head><meta charset="UTF-8"><title></title><style>canvas{ position:absolute; top:0;...原创 2020-02-11 17:05:14 · 630 阅读 · 0 评论 -
云动画文字
用Js技术实现云动画文字。效果演示代码展示html内容<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <style> body { background-color:#000000; colo...原创 2020-02-11 16:36:39 · 164 阅读 · 0 评论 -
css动画与js动画的区别
CSS动画优点:(1)浏览器可以对动画进行优化。1、 浏览器使用与 requestAnimationFrame 类似的机制,requestAnimationFrame比起setTimeout,setInterval设置动画的优势主要是:requestAnimationFrame 会把每一帧中的所有DOM操作集中起来,在一次重绘或回流中就完成,并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率,...原创 2020-02-11 16:21:18 · 228 阅读 · 0 评论 -
Js常用40个页面效果
1.彻底屏蔽鼠标右键 οncοntextmenu="window.event.returnValue=false" <table border οncοntextmenu=return(false)><td>no</table> 可用于Table取消选取、防止复制<body onselectstart="return false">...原创 2020-02-11 14:26:48 · 4626 阅读 · 0 评论 -
JS贪吃蛇
Js实现贪吃蛇小游戏。程序解析: 画表格,画出相对应大小的表格 速度的快慢调节 随机生成事物的位置 使用键盘的方向键控制移动位置 当贪吃蛇碰到四周游戏结束,弹框显示效果演示代码演示html内容<!DOCTYPE html><html> <head> <meta http-equiv="Con...原创 2020-02-11 12:00:58 · 146 阅读 · 0 评论 -
Js代码大全
Js常用编码事件源对象event.srcElement.tagName event.srcElement.type捕获释放event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event.keyCode event.shiftKey event.altKey event.ctrlKe...原创 2020-02-11 11:16:43 · 8158 阅读 · 0 评论 -
图片弹框
用js实现图片弹框的特效。效果展示代码展示html内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> </head><body> <img ...原创 2020-02-10 18:04:09 · 320 阅读 · 0 评论 -
前端开发中游览器的兼容问题总结
首先,为什么各种浏览器会产生兼容性问题?产生这个问题的主要原因是市面上的浏览器的种类很多,但由于不同的浏览器的内核不一致,从而导致各个浏览器对网页的解析就产生了差异。对于解决浏览器兼容性问题,我们要从三个方面入手:html部分、css部分、js部分。1、html部分1、最突出也是最容易想到的就是高版本的浏览器用了低版本的浏览器无法识别的元素,从而导致不能解析。这点主要体现在html5的新标...原创 2020-02-07 11:25:07 · 963 阅读 · 0 评论 -
搜索栏联想词提示
在我们需要游览一些网站的时候,我们经常需要使用搜索引擎来进行搜索,无论是百度谷歌还是搜狐等,我们都需要在搜索栏中输入相关的搜索词,当我们点击进行输入的时候,下面会给出许许多多的提示词,程序自动联想你可能输入的内容,所以往往我们只输入了一个词就看到了我们想要的题目直接点击进行搜索就行了。那麽我们如何来实现如上所说的联想词提示的搜索效果的呢???首先我们来看一下效果如上图所示效果非常完美,那麽...原创 2020-01-27 18:11:07 · 1462 阅读 · 0 评论 -
JSON对象转化为JSON字符串
在进行前端开发的时候,有时我们会遇到要将json对象转化为json字符串,那么该如何进行转化呢???我们可以用JSON对象的stringify()和parse()方法。JSON.stringify(obj) 将JSON对象转为字符串。JSON.parse(string) 将字符串转为JSON对象格式。如下所示//使用json中的parser方法转换;var...原创 2020-01-16 12:29:51 · 1934 阅读 · 0 评论 -
JSP 内置对象
JSP中一共预先定义了9个这样的对象,分别为:request、response、session、application、out、pagecontext、config、page、exception1、request对象 request 对象是 javax.servlet.httpServletRequest类型的对象。 该对象代表了客户端的请求信息,主要用于接受通过HTTP协议传送到服务器的数...原创 2020-01-14 12:00:17 · 954 阅读 · 0 评论 -
密码强度显示
使用HTML,CSS及JS实现注册功能中密码强度的显示,根据输入的密码判断并显示用户输入密码的强度等级是高还是低等。效果演示代码演示html内容<div class="container"> <div class="userName-wrapper"> <label for="userName">账户:</label>...原创 2019-12-24 12:09:20 · 1518 阅读 · 0 评论 -
点击出现小心心
使用鼠标的点击事件,使用鼠标点击任意地方的时候,点击的地方会出现一个小心,每一次出现的小心的颜色都不一样。原理分析1.设置点击的范围2.鼠标点击事件3.记录鼠标点击的位置在此位置出现一颗小心4.小心向上浮动并且自动消失5.小心颜色的变幻效果演示代码演示html代码<!DOCTYPE html><html xmlns="http://www.w3.org/1...原创 2019-12-18 14:54:34 · 709 阅读 · 2 评论 -
在线答题系统
使用Jquery制作了一个在线答题系统功能分析1.开始界面2.结束界面3.题目的内容和选项的选择4.题目的切换5.分数的计算6.判断是否选中选项效果演示代码演示一 . html代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT...原创 2019-12-18 13:44:08 · 3111 阅读 · 2 评论 -
java项目添加jar包
java如何导入jar包X1: 在java工程中怎么导入jar包1、 项目名称上单击右键,点击properties。2 、点击“Java Build Path”,点击“Libraries”,点击“Add External JARs”3 、选择jarX2: eclipse中java工程怎么导入jar包1 项目名称上单击右键,点击properties。2 点击“Java Build Pa...原创 2019-12-18 11:58:21 · 1293 阅读 · 0 评论 -
多彩三角形
H5特效多才三角形,使用H5新特性canvas画布制作的四周阴影效果中部出现很多的各种颜色的三角形。效果演示代码演示<!DOCTYPE HTML><html> <head> <title>demo</title> <style type="text/css"> body { margin: 0...原创 2019-12-16 16:47:29 · 187 阅读 · 0 评论 -
热点地图
使用H5制作一个中国的热点地图,地图上标识出的地方会有波纹向四周散发的动态效果。效果演示代码演示<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; chars...原创 2019-12-13 16:47:56 · 1728 阅读 · 0 评论 -
鼠标吸附彩色气泡
H5Cavas制作鼠标吸附彩色气泡。当鼠标在屏幕上移动的时候,鼠标划过的区域会出现许多彩色气泡,并且会自动消失。效果演示看了如此效果是不是心动的感觉呢???代码展示<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>鼠标吸附彩色气泡</tit...原创 2019-12-10 20:43:52 · 192 阅读 · 0 评论 -
弹框提示
jquery弹框提示框的实现。原理分析1.点击按钮出现弹框2.设置弹框标题和内容3.设置取消和确定两个按钮4.点击确定继续执行5.点击取消返回此页面效果演示原始样式点击之后点击确认按钮代码演示在开始我们的程序之前注意:引入Jquery.js架包<script type="text/javascript" src="js/jquery.js"></...原创 2019-12-06 09:50:24 · 378 阅读 · 0 评论 -
MyEclipse导入项目后 js文件报错
当我们把项目导入MyEclipse的时候会发现导入的项目报错,点开一看是js文件报错了,那么我们应该如何处理导入MyEclipse之后js文件报错呢???首先,我们要保证我们导入的代码是正确的。解决js文件报错我总结了两个方法方法一 : 然后选中报错的js文件,右击鼠标——选中并点击“MyEclipse”——选中并点击“Exclude From Validation”即可;**方法二 ...原创 2019-12-05 16:10:52 · 1144 阅读 · 1 评论 -
IDEA MySql之增删改查
用IDEA开发工具和MySql实现登录和增删改查的功能。功能分析:1.登录2.增加3.删除4.修改5.查询效果演示登陆页面信息显示页面一 :数据库设计MySql数据库名为 school登录表名为 login信息表名为 student登录表插入合适的数据信息表自己插入二 : 代码展示目录结构注意:我们需要引入相关架包完整代码信息类Student...原创 2019-12-03 17:41:39 · 5557 阅读 · 2 评论 -
Eclipse MySql之登录
用Eclipse连接MySql数据库实现登陆的功能。功能分析1.MySql数据库的连接2.判断输入的内容是否为空3.判断输入的内容是否与数据库的内容相同4.重定向的使用效果演示原始样式当账户或者密码任何一个是空的时候点击登录会弹框一 MySql数据库我的数据库名school我的数据表名login二 程序详解在开始我们的程序之前一定注意:导入mysql-conn...原创 2019-12-03 12:50:19 · 1357 阅读 · 0 评论 -
JS贪吃蛇
用js实现贪吃蛇小游戏。原理详解1.使用canvas画布2.游戏进入即开始3.键值对控制蛇的移动方向4.游戏结束弹框提示效果演示原始样式游戏结束代码展示<!doctype html><html> <body> <canvas id="bu" width="400" height="400" style="background: ...原创 2019-11-26 21:50:40 · 264 阅读 · 0 评论 -
罗盘时钟
用HTML和CSS以及JavaScript实现罗盘时钟。原理分析:1.年月日时分秒的定义2.定时器的使用3.分钟到小时如何变化4.定义数组存放内容效果演示初始状态时间显示代码展示HTML内容<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><t...原创 2019-11-25 08:30:47 · 2997 阅读 · 6 评论 -
正则表达式表单验证
使用正则表达式验证表单中输入的内容是否符合格式。原理分析:1.失去焦点和获取焦点2.获取内容3.判断是否符合4.不符合显示错误号符合显示对号效果演示代码演示<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></...原创 2019-11-24 16:09:48 · 1246 阅读 · 0 评论 -
拼图验证码
H5的Canvas实现一个拼图验证码。功能分析:1.验证码图片的生成2.滑块图片的显示3.底部滑块的横向移动4.滑块上的文字显示效果演示:初始状态滑动成功之后有没有一种心动的感觉呢???代码演示==注意:==程序中要引入jquery.js架包Body内容 <link rel="stylesheet" href="css/style.css"> <...原创 2019-11-22 13:41:52 · 1528 阅读 · 0 评论 -
商品销售管理系统
用JSP servlet和jquery以及SQLServer数据库实现商品销售管理系统。功能详解:1.查询商品2.添加商品3.删除商品4.添加销售记录5.查看销售记录效果演示:进入界面商品显示页面删除提示销售记录查询商品销售系统需要SQLServer数据库和程序两大部分一:设计并实现数据库二:程序设计在程序正式开始之前先看一下目录结构吧==特别注意:==...原创 2019-11-22 13:18:26 · 10468 阅读 · 6 评论 -
设备缺陷管理系统
用Jsp Servlet和Jquery实现设备缺陷管理系统。设备缺陷管理系统采用MVC三层架构模式进行开发,有效地解决了对缺陷设备的管理和修正。效果演示:查询和联合查询页面添加页面点击删除之后功能分析:1.查询所有设备2.联合查询3.添加缺陷设备4.删除缺陷设备5.处理缺陷设备实现此系统要准备两大方面的内容,分别是数据库和程序。一: 数据库(SQLServer数据库...原创 2019-11-19 16:06:45 · 1185 阅读 · 0 评论 -
别踩白块小游戏
用H5新特性实现别踩白块小游戏。功能分析:1.游戏开始按钮2.每点中一个记一分3.分数达到二十弹出鼓励弹框4.点击错误则游戏结束效果演示看了效果有没有急迫的心情呢?代码演示body内容<body> <h2>本次得分</h2> <h2 id="score">0</h2> <div id="m...原创 2019-11-19 08:28:44 · 633 阅读 · 0 评论 -
H5 Canvas下雨特效
模仿下雨的特效,雨点从空中随机飘落。这个特效使用了H5的新特性Canvas。效果演示代码展示body代码<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>H5 Canvas下雨特效</title><link ...原创 2019-11-18 11:56:21 · 1002 阅读 · 0 评论 -
滑动解锁
模仿手机解锁滑动,点击向右滑动完毕即可显示解锁成功。程序详解1.点击和松开事件2. 未解锁之前显示的样式和背景色3. 解锁之后显示的样式和背景色4. 滑动完毕后才能解锁图片演示原始界面点击滑动后解锁成功下面我们跟随我一起来欣赏一下代码代码演示<!DOCTYPE html><html lang="en"><head> &l...原创 2019-11-11 12:17:28 · 2982 阅读 · 0 评论 -
滑动登录
鼠标点击拖动滑块即可快速完成登录。程序分析:鼠标点击鼠标点击后拖动滑块鼠标点击取消滑块水平移动效果图演示初始页面点击滑块进行拖动此时的你是不是急于想实现它呢???代码演示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2019-11-10 20:46:19 · 534 阅读 · 0 评论