前端
涵山韵海
双手与代码齐飞,猿心共Java一色
展开
-
HTML颜色表及html代码(前端必备)
颜色名称及色样表(HTML版)颜色名中文名称Hex RGB十进制 Decimal LightPink浅粉红#FFB6C1255,182,193 Pink粉红#FFC0CB255,192,203 Crimson深红(猩红)#DC143C220,20,60 LavenderBlush淡紫红#FFF0F5255,240,245 PaleVioletRed弱紫罗兰红#DB7093219,112,...转载 2018-07-04 14:00:18 · 9339 阅读 · 0 评论 -
实现点击按钮显示一个div,页面上其他的内容全部隐藏。再点击返回按钮,div隐藏,页面上所有的内容再显示出来
话不多说,直接撸代码吧:<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title></title><style>.div {display:no...原创 2019-07-31 14:50:20 · 1963 阅读 · 0 评论 -
bootstrap分页实现和判断星期几------demo
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="javax.servlet.http.HttpSession"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core...原创 2019-06-03 09:44:37 · 193 阅读 · 0 评论 -
页面获取绝对路径(pageContext.request.contextPath)的两种方法和input失去焦点时触发时间
第一种:<script type="text/javascript"> var targetUri = "${pageContext.request.contextPath}";</script>第二种:<input id="PageContext" type="hidden" value="${pageContext.request.con...原创 2019-05-07 19:19:51 · 516 阅读 · 0 评论 -
搭建 vue 开发环境: node.js安装+vue脚手架
第一次搭建vue操作环境,报了不少错,没搭建成功,然后这样一步步来终于好了,将步骤简单记录下来:第一步:下载下载node 安装包进行安装,下载地址::https://nodejs.org/en/ 或者 http://nodejs.cn/第二步:点击node安装包开始安装,安装目录自己定义(我的在D盘)。安装测试HOME+R 输入cmd打开命令行窗口 进入安装路径 输入node ...原创 2019-05-14 10:19:27 · 390 阅读 · 0 评论 -
layer.js弹窗
前端有时候需要弹出提醒弹窗,程序员需要写个样式来操作一下,这里介绍下layer.js的弹窗,个人觉得好用简单,推荐一下:共两步,第一,先引进来js:<script src="https://cdnjs.cloudflare.com/ajax/libs/layer/2.3/layer.js"></script>第二步:在需要弹出弹窗的js地方直接写:例如...原创 2019-05-09 09:56:12 · 675 阅读 · 0 评论 -
input 的监听事件总结
1.onfocus 当input 获取到焦点时触发2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js3.onchange 当input失去焦点并且它的value值发生变化时触发4.onkeydown在 input中有键按住的时候执行一些代码5.onkeyup 在input中有键抬起的时候触发的事件,在此事件触...转载 2019-05-09 09:39:17 · 1852 阅读 · 0 评论 -
让文字和标签的大小随着屏幕的尺寸做变化 等比缩放js
/*rem*/var zj_width = 750; //设计稿尺寸/*让文字和标签的大小随着屏幕的尺寸做变话 等比缩放*/var html = document.getElementsByTagName('html')[0];/*取到屏幕的宽度*/var width = window.innerWidth;/* 640 100 320 50 */var fontSize = ...原创 2019-05-06 14:28:10 · 4348 阅读 · 0 评论 -
Grid++里面的js
在使用Grid++的时候,根据后台的数据,有时候需要加上判断才可以实现展示的数据形态,记录下来吧:function Report.DetailGrid.Recordset.BeforePostRecordScript(Report, Sender){//从报表里面取数据 var nrgbzglzrs=Report.FieldByName("nrgbzglzrs").AsFloat...原创 2019-05-06 09:29:30 · 706 阅读 · 2 评论 -
window.open弹窗
window.open($("#PageContext").val()+"/sensitiveReport/isSen?modelid ="+ menu_id, "sensitiveReportWindow", "height=600,width=800,menubar=yes,scrollbars=yes,left=300,top=150,resizable=yes,status=yes,lo...原创 2019-05-05 16:42:28 · 270 阅读 · 0 评论 -
form表单提交
1.在写页面时后,涉及到表单提交,常用的就是submit按钮form表单提交了<input type="submit">demo:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title&am原创 2019-02-26 16:05:06 · 364 阅读 · 0 评论 -
video截取视频第一帧作为播放前默认图片
业务需求:最近在用百度编辑器ueditor,文章里面上传了视频后,在页面播放的时候,需要在视频没播放前取第一帧作为静态默认图片,然后判断环境是否是4G还是wife情况下,再进行是否自动播放。直接上代码:jsp:<div class="imh-app-health_b" style="width:100%;"> <c:out va...原创 2019-01-24 14:53:22 · 26906 阅读 · 2 评论 -
对按钮点击事件的总结
对按钮的总结:给按钮添加绑定事件:<button type =“submit”id =“btn”> btn </ button>第一种:$(“#btn”)。click(function(event){第二种:document.getElementById('#foo')。addEventListener('click',function(){ });第三种:...转载 2018-12-18 15:56:40 · 221 阅读 · 0 评论 -
white-space 让html页面换行
问题:后台返回给前端的字段中,比如:"contents": "除夕更阑人不睡,厌禳钝滞迎新岁;\n小儿呼叫走长街,云有痴呆召人买。\n二物于人谁独无?就中吴侬仍有余;\n巷南巷北卖不得,相逢大笑相揶揄。\n栎翁块坐重帘下,独要买添令问价。\n儿云翁买不须钱,奉赊痴呆千百年。",但在页面上显示时候,却没有分段。处理办法:1.添加 white-space:pre-line;属性&l...原创 2018-12-21 14:33:52 · 2885 阅读 · 0 评论 -
前端页面:rem与px的转换
rem是相对于根元素<html>,这样就意味着,我们只需要在根元素确定一个参考值,这个参考值设置为多少,完全可以根据您自己的需求来定。我们知道,浏览器默认的字号16px,来看一些px单位与rem之间的转换关系:| px | rem |------------------------| 12 | 12/16 = .75 || 14 | ...转载 2018-12-19 17:07:30 · 884 阅读 · 0 评论 -
获取不同时间段的当前时间差 js
业务场景需求:客户填完报名信息进入付款页面同时生成付款二维码,有效时间2小时,获取当前页面进入时间,每五秒发送一次请求,调用ajax向后台,二维码有效期2小时,超过后刷新页面,后台如果获得付款成功信息,停止ajax请求,弹出报名付款成功弹窗。代码://隐藏成功消息提示框function msgSuccess() { $("#successMsg").hide()...原创 2018-12-04 10:37:31 · 300 阅读 · 0 评论 -
jQuery选择器总结
jQuery选择器总结 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989...转载 2018-07-06 20:25:28 · 94 阅读 · 0 评论 -
前端所有表示颜色的代码
0000000000330000660000990000CC0000FF0033000033330033660033990033CC0033FF0066000066330066660066990066CC0066FF0099000099330099660099990099CC0099FF00CC0000CC3300CC6600CC9900CCCC00CCFF00FF0000FF3300FF6600...转载 2018-07-04 14:02:46 · 2895 阅读 · 0 评论 -
PostMan传参给@RequestBody(接受前端参数)的方式
今天新接手一个项目框架,需要改造,但后台写好方法,准备用postman 测试时候,发现用以前传参方式不行,需要需要将json字符串转成json对象:先上图吧,第一张:一般传参方式:更改传参方式后,可以传参接受了:直接上图吧:注意箭头指的地方,参数格式转换成这样的就行。顺便上下后台controller接参数形式:...原创 2019-08-29 18:13:18 · 6146 阅读 · 0 评论