![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
紫薯馍馍
代码是程序员的朋友,虽然没有热情,但是非常忠实
展开
-
TXT把换行 替换为空格或者取消换行
把格式改为html后打开,换行都没了,然后复制到另一个txt即可原创 2022-07-20 16:23:32 · 3108 阅读 · 0 评论 -
Web页面table表格,实现快速筛选
Web页面table表格,实现快速筛选原创 2022-07-20 11:06:29 · 2904 阅读 · 0 评论 -
object-fit 完美处理网页上图片显示比例问题
<style>.hole_img { width: 100%; height: 100vh; object-fit: cover; overflow: hidden;}</style><img src="./images/1.png" class="hole_img">html处理图片在页面上自适应显示,项目是为了给国庆做一个简单的登录页面,找到一个合适的背景,但是图片比例没有与页面显示的长宽一致,如果直接用背景平铺..原创 2021-10-08 09:08:39 · 481 阅读 · 0 评论 -
网页视频加速播放方法(不用下载插件,不用安装浏览器)
【背景】 这个方法主要是用来加速网页视频的,针对一些学习视频网站为了方便大家,最大的优点就是不用下载浏览器,不用安装插件。【方法简述】这个方法是通过处理网页上视频播放器的一个属性,通过在console里输入命令行的形式进行加速,【执行步骤】第一步,打开网页(这里我随便打开一个含视频的网页,我这里用的是谷歌浏览器,谷歌加速能达到16倍,其他的浏览器一样适用以下方法)第二步,按键盘上的F12(右上角)或者右键视频--检查,会弹出以下的窗口第三步,点击console--输入代码..原创 2021-06-02 11:17:23 · 20049 阅读 · 0 评论 -
JAVA项目文字转语音告警功能实现,几种方法对比 jacob
【项目背景】最近有一个WEB项目需要用到语音告警功能,对就是实现文字转为语音,然后播放出来【问题解决】尝试过几种思路第一种用JAVA 引用jacob 包,实现语音转换,最后效果,windows环境能够正常运行,但是,放到了linux 环境里面就没办法正常运行了,报错就是提示,无法初始化相关的资源文件,网上搜索了一大堆办法,基本上都是说,缺少dll文件,然后版本不兼容的问题,苦苦挣扎无果,随机就放弃。第二种,考虑通过JAVA把文字转成wav文件,然后再通过页面上播放器,播放出来,但是.原创 2021-01-25 11:59:59 · 1248 阅读 · 0 评论 -
input 自动填充颜色改变或透明
设置黄色背景变成白色背景:input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}input:-webkit-autofill:focus { box-shadow: 0 0 0px 1000px white inset !important;}设置透明:input:-internal-autofill-previewed,input:-internal-autofill-s...原创 2020-12-23 15:02:27 · 260 阅读 · 0 评论 -
JS 弱口令判断正则表达式
需求=新建用户时需验证用户密码,必须包含数字、大小写字母,且至少六位。 在登录时,必须校验之前不符合规则的弱口令密码,规则同上;正则表达式为 (java、js通用),默认6至18位(?![0-9A-Z]+$)(?![0-9a-z]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,18}$js判断如下(value为判断对象): var m = /(?![0-9A-Z]+$)(?![0-9a-z]+$)(?![a-zA-Z]+$)[0-9A-Za...原创 2020-12-21 15:44:15 · 1185 阅读 · 0 评论 -
js指定一个时间执行一个函数
var timeTask=setInterval(function(){var date=new Date();var h=date.getHours();var m=date.getMinutes();var s=date.getSeconds();if(h==12&&m==0&&s==0){callFunction();...原创 2020-08-07 15:07:23 · 2092 阅读 · 0 评论 -
CSS div 颜色渐变
设置div颜色渐变效果background-image: radial-gradient(red, green, blue);原创 2020-07-10 16:08:54 · 232 阅读 · 0 评论 -
html div阴影四周均匀css写法 html div 圆角幅度 写法
html div阴影四周均匀css写法html div 圆角幅度 写法border-radius: 10px原创 2020-06-10 09:13:35 · 405 阅读 · 0 评论 -
HTML 父页面与子页面传值调用问题
HTML 父页面与子页面传值调用问题场景:父页面为第一级栏目的列表展示数据,子页面为父页面对应栏目页下面的详细数据,用户通过点击父页面每一行的“查看详细”按钮触发弹窗, 弹窗进行数据展示,弹窗效果用的layer.open,子页面为一个单独的detail页面,所以父子页面需要传递唯一值来进行数据展示,目前采用的方法是 在父页面定义一个div 或者 span(举例id="name") ,然后给其赋值,然后再子页面 通过window.parent.$("name").val()这个方法取到这个..原创 2020-06-04 14:46:07 · 1075 阅读 · 0 评论 -
实时监听html input
实时监听input输入框中的内容,从而带来更好的用户体验,而不是等我们全部输入完毕才告诉我们格式不对首先我们创建一个input输入框 <form name='loginForm'> <input type='text' name='user'/> </form>接着获取这个文本框var loginForm=document....原创 2020-02-27 15:22:53 · 1224 阅读 · 0 评论 -
HTML JS判断复选框 全选,取消全选
HTML JS判断复选框 全选,取消全选通过监听全选按钮 ,判断全选的状态值,如果为true,循环设置选项的checked状态值页面 <tr> <th id="checkbox"><input type="checkbox" id="checkAll" name ="checkAll">全选</th> ...原创 2020-02-13 11:57:52 · 513 阅读 · 0 评论 -
HTML 监听回车键 事件,登陆用
//回车事件 document.onkeydown = function (event) { var e = event || window.event; if (e && e.keyCode == 13) { //回车键的键值为13 $("#login").click(); //调用登录按钮的登录事件 ...原创 2020-01-21 08:45:09 · 2060 阅读 · 0 评论 -
Echarts中设置 柱状图主标题的偏移位置
Echarts中设置 柱状图或其他图形,主标题的偏移位置,可以通过这个padding属性来设置padding:[5,10,5,5],//设置标题内边距,上,右,下,左原创 2020-01-08 14:29:39 · 5953 阅读 · 0 评论 -
导出 html页面内容为图片,
导出 html页面内容为图片,唯一需要注意的就是 导出div为图片需要有长度和高度。不然会导出其他格式的文件页面代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>htmltopic</title> <...原创 2020-01-08 10:44:01 · 1630 阅读 · 0 评论 -
html 实现 上传图片到页面,直接展示,不需要上传到服务器目录(实现图片预览功能)
html 实现 上传图片到页面,直接展示,不需要上传到服务器目录(实现图片预览功能)<html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=...原创 2020-01-08 09:09:25 · 1306 阅读 · 1 评论 -
HTML Tab标签页定时切换
HTML Tab标签页定时切换<html><head><style>*{ margin:0; padding:0; text-decoration:none; list-style:none; } .wrap{ width:450px; height:auto; } .container-top{...原创 2019-11-08 16:25:48 · 703 阅读 · 0 评论 -
JS 实现 div 滑动效果,模拟平面滑动,模拟平面滑动效果
JS 实现 div 滑动效果,模拟平面滑动,模拟平面滑动效果本来想找个现成的代码,找了很久 要不是 轮播页面切换效果,要不就是翻书翻页的效果。。。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....原创 2019-11-01 15:21:16 · 1863 阅读 · 0 评论 -
HTML设置文字左右居中,垂直居中
html div 文字左右居中text-align:centerhtml div 文字垂直居中height: 100px;line-height: 100px;/*让黄色div中的文字内容垂直居中*/text-align: center;/*让文字水平居中*/设置文字高度等于行高,...原创 2019-09-20 10:21:15 · 11021 阅读 · 0 评论 -
div背景图自适应占满
background-image: url(../imgs/footerkuang.png); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%;原创 2019-09-11 15:17:00 · 1758 阅读 · 0 评论