JSP+HTML
文章平均质量分 69
前端技巧
liu_bees
学无止境,好记性不如烂笔头!
展开
-
Java断点续传超大视频-H5的video标签-踩坑过程笔记
背景:心血来潮想用jsp调用后端接口播放视频,因为一直不成功历尽艰难,故有此记。原创 2023-06-01 12:02:17 · 915 阅读 · 0 评论 -
[原创]jQuery推箱子小游戏(100关且可扩展可选关),休闲,对战,娱乐,小游戏,下载即用,兼容iPad移动端,代码注释全(附源码)
[原创]jQuery推箱子小游戏(100关且可扩展可选关),休闲,对战,娱乐,小游戏,下载即用,兼容iPad移动端,代码注释全(附源码)- 轻按键盘的方向键(上下左右),控制熊猫方向推动箱子。- 或者点击熊猫的上下左右行走,点击熊猫和箱子的下一个空间推动箱子。> 本插件使用了 Apache-2.0 开源许可协议,仅供学习使用,如需商用请联系原创作者~原创 2022-12-02 11:50:58 · 411 阅读 · 0 评论 -
HTML5 可视化音乐播放器(附源码)
最近某音乐播放器越来越迷,以前下载的本地音乐没有版权也不能播放了…特在网上找了个音乐播放插件,但功能实在简陋,特在其基础上进行了改造,并对其扩展至layui版(兼容)。感兴趣的可以去查看源代码,仅供个人学习使用~主要样式分为2种,JS原生版、layui+jQuery版。前者在原创基础上,修改了一些功能,但都是纯js实现的(真不容易);后者在前者的基础上,实现了拖拽添加功能,样式更美观些。原创 2022-10-24 23:02:26 · 8017 阅读 · 0 评论 -
鼠标mouse事件冒泡处理:onmouseover 、onmouseout 与onmouseenter 、onmouseleave的区别
简单的鼠标移动事件:进入mouseenter:不冒泡mouseover: 冒泡不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件移出mouseleave: 不冒泡mouseout:冒泡不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件总结:使用 mouseenter和 mouseleave 不会受子元素影响而原创 2021-08-03 18:18:34 · 5200 阅读 · 0 评论 -
JSP之在客户端缓存Servlet的输出
JSP之在客户端缓存Servlet的输出api.jsp<%!int systemCn = 0;%><% systemCn++; String data = "{'systemCn':" + systemCn + "}"; this.log(data); response.setDateHeader("expires", System.currentTimeMillis() + 30 * 1000); response.getWriter().println(data);/原创 2020-07-28 11:29:43 · 151 阅读 · 0 评论 -
【表格】html大于号转义符&;gt;---小于号转义符&;lt;
【表格】html大于号转义符&gt;---小于号转义符&lt;关于来源:百度及个人经验。 常用的都是个人尝试过或个人常用的,其它的都是从百度来的。使用前建议写个HTML的Demo试试看 ^_^ 比心< < < 小于号 > > > 大于号 ≤ ...原创 2020-01-14 17:08:06 · 3703 阅读 · 1 评论 -
jQuery日历记事插件SimpleCalendar(附源代码)
二期修改SimpleCalendar为日历记事插件,并修复多个bug,带农历、节假日。一、效果图:二、Simple-Calendar插件的使用方法1、引入资源(1). 使用日历插件前首先要引用资源:JS和CSS 说明:由于提示需要用到弹框插件,这里选择了项目已带的插件layui。<!--引入css--><link rel="styleshe...原创 2019-11-20 11:22:41 · 2320 阅读 · 10 评论 -
由IconFont引起的svg、ttf、woff、woff2图标的研究及转换
正在研究中,待修改,请勿全信。。。。。。1、.svg文件:svg文件就是一个xml,定义了文字属性,位置等信息。svg教程例子:<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG...原创 2019-04-12 13:04:52 · 8707 阅读 · 0 评论 -
如何利用网站制作IconFont图标?
在实际项目中,开发者难免会需要自定义图标,此时该如何操作呢?本文以阿里巴巴矢量图标库为例(同样的网站有很多,比如icomoon,欢迎热心用户分享其它平台的使用方法),介绍一种用户自定义图标的方法,假设我们要做一个电商项目,需要补充男装、女装、购物车三个图标,如下为分步实现操作;登录浏览器访问阿里巴巴矢量图标库官网,选择登录方式,可直接使用新浪微博账号登录;搜索图标在右上角搜索“男装...原创 2019-04-12 11:04:34 · 1892 阅读 · 0 评论 -
一个很简短但很炫的html5代码(canvas画布)。。。。。
最近在网上看到一个《一个很简短但很炫的html5代码》,特意收藏一下:[鼠标移入,酷炫样式]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:...原创 2019-01-28 14:21:42 · 11429 阅读 · 4 评论 -
X-Frame-Options防止网页放在iframe中
原文链接:http://caibaojian.com/x-frame-options.html在自己新做的一个网站“开发头条”上发现用iframe嵌入github的内容时,一篇空白,什么东西都没有。打开chrome 调试,发现里面输出一个错误提示:Refused to display 'https://github.com/hwclass/awesome-sound' in a frame b...转载 2018-08-23 17:51:19 · 1648 阅读 · 0 评论 -
登出(logout.jsp) - Cookie清除无效问题
最近敲代码搞了一个登出功能,之前有做过但历史悠久,所以在开发的时候遇到个问题,一直无法解决。就是 Cookie清除无效问题 。先看一下错误的写法: //清除cookie: Cookie[] cookies = request.getCookies(); if(cookies!=null && cookies.length>=1){ for(Cookie cookie:coo...原创 2018-07-11 14:39:30 · 2791 阅读 · 0 评论 -
【表格】大于号转义符&;gt;---小于号转义符&;lt;-html
【表格】大于号转义符&gt;---小于号转义符&lt;-html关于来源:百度及个人经验。 常用的都是个人尝试过或个人常用的,其它的都是从百度来的。使用前建议写个HTML的Demo试试看 ^_^ 比心< < < 小于号 > > > 大于号 ...原创 2016-08-05 10:11:33 · 154192 阅读 · 11 评论 -
JSP的jspInit函数与jspDestroy函数(转)
若要在jsp页面开始执行时进行某些数据的初始化,可以利用jspInit函数完成。此函数将在jsp页面被执行时调用,且当jsp页面重新整理时,并不会被再度执行。当关闭服务器时,jspDestroy函数将被执行,可以利用该函数进行数据的善后处理工作。下面举个简单的例子说明,文件InitDes.jsp代码如下:<%@ page contentType="text/html; charset=GB2312"%> <%! public void jspInit() { System.out.prin转载 2016-07-12 13:16:09 · 2820 阅读 · 0 评论 -
js刷新框架子页面的七种方法
Javascript刷新页面的几种方法:1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=locatio转载 2015-10-23 11:38:46 · 878 阅读 · 0 评论 -
div+CSS实现段落首行缩进两个字符(text-indent标签)
div+CSS实现段落首行缩进两个字符段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2e...转载 2015-11-13 09:45:56 · 28127 阅读 · 3 评论 -
js中字符串转换日期格式,日期转换字符串,操作日期(如:加一天)
js中字符串转换日期格式,日期转换字符串,操作日期(如:加一天) 1、字符串转换为date格式: var isdate = new Date(strdate.replace(/-/g,"/"));2、为date加一天:var isdate = new Date((isdate/1000+86400)*1000);//不能获取getDate()后再加,否则当日期到了31号时就会...原创 2015-11-25 09:44:42 · 5323 阅读 · 0 评论 -
Javascript、Jquery获取浏览器和屏幕各种高度宽度
Javascript、Jquery获取浏览器和屏幕各种高度宽度....Javascript:alert(window.screen.height); //屏幕分辨率的高alert(window.screen.width); //屏幕分辨率的宽转载 2015-11-27 09:17:00 · 317 阅读 · 0 评论 -
js弹出框、对话框、提示框、弹窗总结
js弹出框、对话框、提示框、弹窗总结一、JS的三种最常见的对话框[javascript] view plaincopy //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!");转载 2015-11-27 11:52:38 · 420 阅读 · 0 评论 -
彻底弄懂css中单位px和em,rem的区别 1.jpg
彻底弄懂css中单位px和em,rem的区别转载 2015-11-27 16:39:12 · 445 阅读 · 0 评论 -
刷新一张图片的方法
刷新一张图片的方法一、在上传时,如果上传成功时,重新设置src但图片还是得不到刷新时,可以在设置src时加上一些参数。 比如:"http://hw/1.jpg"+"?a="+Math.random(); //原因是之前的图片还在缓存中二、点击图片改变路径的效果: 1、给点击事件,重新设置src参数; 2、使用jquery的load方法。(见:http://www.w3school.com.cn/jquery/jquery_ajax_loa原创 2015-11-27 16:31:28 · 1231 阅读 · 0 评论 -
Stream上传插件(详细解说)
Stream上传插件(详细解说)http://www.twinkling.cn/Stream是解决不同浏览器上传文件的插件,是Uploadify的Flash版和Html5版的结合!原创 2015-11-27 16:42:07 · 961 阅读 · 0 评论 -
web开发style中,z-index:2的使用
web开发style中,z-index:2的使用........距离屏幕,值越小,离屏幕越.....??原创 2015-12-22 15:50:44 · 1185 阅读 · 0 评论 -
jsp浏览器支持的一些事件
1。onabort(ns3,ns4,ie4):当用户终止正在打开的网页时产生该事件。2。onblur(ns3,ns4,ie3,ie4):某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。3。onchange(ns3,ns4,ie3,ie4):当网页上某元素的内容发生改变时产生。例如在文本框中输入文本后又在文本框外点击时就会产生。4。onclick(ns转载 2016-04-27 14:22:06 · 614 阅读 · 0 评论 -
js获取页面宽度高度及屏幕分辨率
js获取页面宽度高度及屏幕分辨率网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body....原创 2016-04-22 16:23:49 · 5626 阅读 · 0 评论 -
SSH-err:not-null property references a null or transient value:
not-null property references a null or transient value: 版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明http://blog.sina.com.cn/s/blog_7cc931cb01013t7s.htmlExample:某表的fruit.hbm.xml转载 2015-10-21 09:16:08 · 462 阅读 · 0 评论