前端HTML
文章平均质量分 52
橙-极纪元JJY.Cheng
没有成为炮灰的语言,只有成为炮灰的开发者。成长就是去做这些难而正确的事。
展开
-
前端HTML的meta设置-前端必看
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"><meta name="format-detection" content="telephone=no"><meta name="apple-mobile-web-app-capable...原创 2017-04-15 10:15:24 · 1199 阅读 · 0 评论 -
js自动缩放页面,html自动缩放页面,大屏自动缩放页面,数字看板自动缩放页面,大数据看板自动缩放页面
js自动缩放页面,html自动缩放页面,大屏自动缩放页面,数字看板自动缩放页面,大数据看板自动缩放页面原创 2024-04-19 17:02:38 · 635 阅读 · 1 评论 -
js 打印网页时没有背景色,window.print打印背景色丢失
js 打印网页时没有背景色,window.print打印背景色丢失原创 2024-04-18 10:17:46 · 817 阅读 · 1 评论 -
svg等比例缩放且不变形,需要用到viewBox
svg等比例缩放且不变形,需要用到viewBox原创 2024-04-12 10:12:44 · 490 阅读 · 0 评论 -
js打印页面源码 ,打印选取的容器里的内容,打印指定内容
js打印页面源码 ,打印选取的容器里的内容,打印指定内容原创 2024-04-11 16:16:42 · 450 阅读 · 0 评论 -
JJYUI一个可以免写布局代码的UI
JJYUI一个可以免写布局代码的UI原创 2023-10-24 11:52:54 · 116 阅读 · 0 评论 -
jjy-shareV2.0一键分享到微博,QQ空间,QQ好友,微信
jjy-shareV2.0一键分享到微博,QQ空间,QQ好友,微信,一键分享,一键分享代码,一键分享插件,一键分享代码插件原创 2023-06-24 10:21:29 · 512 阅读 · 0 评论 -
jjy-share-v1.0 一键分享到微博、QQ空间、QQ好友、微信,一键分享,一键分享代码,一键分享插件,一键分享代码插件
jjy-share-v1.0 一键分享到微博、QQ空间、QQ好友、微信,一键分享,一键分享代码,一键分享插件,一键分享代码插件原创 2023-06-24 09:01:03 · 575 阅读 · 0 评论 -
pc站,电脑站网页CSS初始化,以及meta设置,含Bootstatp注意事项
pc站,电脑站网页CSS初始化,以及meta设置,含Bootstatp注意事项原创 2023-02-10 10:22:01 · 244 阅读 · 0 评论 -
html模拟抖音视频界面效果
html模拟抖音视频界面效果原创 2023-01-11 14:55:46 · 1952 阅读 · 4 评论 -
html 判断视频是否播放
html 判断视频是否播放原创 2023-01-11 14:39:12 · 1753 阅读 · 0 评论 -
html 获取视频文件的宽高尺寸,怎么获取视频的宽度-解决方案
html 获取视频文件的宽高尺寸,怎么获取视频的宽度-解决方案原创 2023-01-11 14:23:00 · 3031 阅读 · 0 评论 -
HTML5 之 Meta 标签
HTML5 之 Meta 标签,meta 元素用于指定页面的信息和部分行为。通常用于指定网页的描述,关键字等元数据。转载 2023-01-04 16:05:45 · 515 阅读 · 0 评论 -
手机站网页CSS初始化,以及meta设置 参考:头条手机站、京东手机站、vant2
手机站网页CSS初始化,以及meta设置 参考:头条手机站、京东手机站、vant2作者:cplvfx名称:网页CSS初始化参考:头条手机站(m.toutiao.com)、京东手机站(https://m.jd.com/)、vant2(https://youzan.github.io/vant/v2/#/zh-CN/)原创 2023-01-04 16:00:23 · 375 阅读 · 0 评论 -
html的一些小技巧,页面平滑滚动,一句代码页面变黑白
html的一些小技巧,页面平滑滚动,一句代码页面变黑白原创 2022-12-01 10:56:10 · 362 阅读 · 0 评论 -
css:字体超出长度显示省略号,css截取字符串
css:字体超出长度显示省略号转载 2022-09-02 08:10:14 · 515 阅读 · 0 评论 -
table 表格,table表格细边框设置,table表格禁止内容换行设置,table表格斑马线设置
table 表格,细边框设置,禁止内容换行设置,斑马线设置原创 2022-08-24 18:28:16 · 466 阅读 · 0 评论 -
css控制br的高度,取消br的高度
css控制br的高度,取消br的高度原创 2022-07-11 10:38:14 · 984 阅读 · 0 评论 -
上传文件--文件类型大全,图片类型,文档类型,视频类型,压缩包类型
上传文件--文件类型大全,图片类型,文档类型,视频类型,压缩包类型原创 2022-07-06 17:31:03 · 1164 阅读 · 0 评论 -
CSS 中px、em、rem、%、vw、vh单位之间的区别详解【全网最全】
CSS 中px、em、rem、%、vw、vh单位之间的区别详解【全网最全】原创 2022-06-22 10:15:49 · 9229 阅读 · 7 评论 -
js 指定滚动条滚动到指定位置,指定滚动条滚动高度
js 指定滚动条滚动到指定位置,指定滚动条滚动高度原创 2022-06-14 15:33:44 · 3724 阅读 · 0 评论 -
使 input 获取焦点,获取光标
使 input 获取焦点,获取光标原创 2022-06-14 15:15:54 · 540 阅读 · 0 评论 -
前端Url 传参编码
前端Url 传参编码原创 2022-04-16 09:35:34 · 1460 阅读 · 0 评论 -
母子页的iframe传参跳转,参数需要编码
母子页的iframe传参跳转,参数需要编码原创 2022-04-09 11:47:36 · 906 阅读 · 0 评论 -
移动端字体放大后页面变形布局错乱问题解决方案
移动端字体放大后页面变形布局错乱问题解决方案转载 2022-04-07 08:24:35 · 1718 阅读 · 2 评论 -
css使用弹性盒子flex实现菜单滑动
css使用弹性盒子flex实现菜单滑动原创 2022-01-12 17:12:49 · 791 阅读 · 0 评论 -
冷门又好用的 CSS 特性
转载:冷门又好用的 CSS 特性https://segmentfault.com/a/11900000412095701. 多列布局(Multi-column Layout)MDN - CSS Multi-column LayoutCan I Use - CSS3 Multi-column LayoutCSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线(co..转载 2022-01-04 14:04:21 · 353 阅读 · 0 评论 -
图片不变形的情况下铺满整个容器,另有兼容IE代码,等比例显示图片
图片不变形的情况下铺满整个容器,另有兼容IE代码原创 2021-12-29 16:29:41 · 866 阅读 · 0 评论 -
屏蔽百度地图热点弹窗,弹出景点信息
/* 地图样式 */.MapContainer{ width: 100%; height: 100%;}/* 禁止地图热点显示 */div[style="box-sizing: content-box; width: 322px; height: 265px; position: absolute; left: 16px; top: 16px; z-index: 10; overflow: hidden;"],div[style="box-sizing: content-box;.原创 2021-04-25 16:21:22 · 695 阅读 · 0 评论 -
html首行缩进,行高,每行文字对齐,两端文字对齐,修剪文本解决方案
p { line-height: 26px; /* 行高*/ text-indent: 36px;/* 规定文本块中首行文本的缩进*/ text-align: justify;/* 改变字与字之间的间距使得每行对齐*/ text-justify: inter-word;/* 改变字与字之间的间距使得每行对齐*/ margin: 10px 0px;}...原创 2021-03-08 16:23:56 · 3288 阅读 · 0 评论 -
html页面css初始化,以及清除css浮动
body{ margin:0; padding:0; font:14px/1.5 "Microsoft YaHei",Tahoma,Arial,"宋体"; color:#333} form,ul,li,ol,dl,dt,dd,p,i,h1,h2,h3,h4,h5,h6{ margin:0; padding:0}ul,li{ list-style:none} img{ border:0} .divc{ margin:0 auto} em,i{ font-style:normal}.dp{ disp.原创 2021-03-08 11:37:58 · 400 阅读 · 0 评论 -
百度地图,根据地址获取经纬度,点击地图获取经纬度
html<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=v3Cg0hRvbX7cuUSKG2sEklyeP8iw5eye"></script><style> #container { width: 100%; height: 500px; overflow: hidden;原创 2020-12-08 10:14:41 · 1223 阅读 · 0 评论 -
修改input的placeholder字体颜色
效果html<input type="text" class="name inputProgramColor" placeholder="请输入用户名"/>cssinput.inputProgramColor::-webkit-input-placeholder{ color: rgba(255, 255, 255, 0.5); } input.inputProgramColor:-moz-placeholder{ colo.原创 2020-11-21 10:17:28 · 1349 阅读 · 0 评论 -
layui获取select被选中option的value和text
// 监听 select form.on('select', function (data) { let text = data.elem.selectedOptions[0].text; let value = data.elem.selectedOptions[0].value; console.log(text); console.log(value); //console.log(data.elem); ...原创 2020-11-16 11:44:42 · 3949 阅读 · 0 评论 -
js,jq获取select的option数据——js,jq获取select的所有
第一步得到select原始DOM对象$("#select_ID")第二步获取DOM对象的contextlet domContext = $(#select_ID).find().context;第三步遍历获取所有数据for (let index = 0; index < domContext.length; index++) {domContext[index].text;domContext[index].value;//如果需要获取标签[data-*]属原创 2020-10-13 18:35:08 · 1097 阅读 · 0 评论 -
Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with the document
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document未捕获(承诺中)DOMException: play()失败,因为用户没有首先与文档交互。官方说的是为了移动端的带宽和仿扰民阻止了自动播放,只要用户在页面上有交互动作后,就可以自动播放了;我这里 设置一个按钮, 按钮点击后触发自动播放js代码 $("#kaiqi").click(...原创 2020-09-07 18:44:00 · 25252 阅读 · 5 评论 -
audio重新赋值后 获取不到duration
切换下一首歌曲时,更改 audio 的 src 路径, 直接获取 duration 会得到 NaN 值myaudio.src = 'music-2.mp3';alert(myaudio.duration);解决方法如下:myaudio.src = 'music-2.mp3'; myaudio.load(); myaudio.oncanplay = function () { alert(myaudio.duration);}load() 方法用于在更改来源或其他设置后对音转载 2020-09-07 18:33:38 · 1032 阅读 · 0 评论 -
Button 按钮的点击时候出现蓝色边框
css控制Button 按钮的点击时候出现蓝色边框 – 北漂小兄弟http://www.inbeijing.org/archives/1139Button 按钮的点击时候出现蓝色边框的问题添加css属性,这样在点击安按钮的时候就不会有蓝色边框了。button{outline:none;}谷歌浏览器中button按钮的边框如何去除 - HTML/CSShttp://www.myexception.cn/HTML-CSS/1643495.html谷歌浏览器中button按钮的.转载 2020-09-04 15:22:22 · 2241 阅读 · 0 评论 -
单选radio和多选checkbox标签的值js,jq已经赋值了,提交时没有值,解决方案
正文单选radio和多选checkbox标签的值js,jq已经赋值了,提交时没有值,解决方案html 代码<input type="radio" name="IsEnd" id="IsEndTrue" lay-filter="IsEnd" value="true" title="是"><input type="radio" name="IsEnd" id="IsEndFalse" lay-filter="IsEnd" value="false" title="否" ..原创 2020-08-22 14:41:54 · 855 阅读 · 0 评论 -
图片防盗链解决办法--主流浏览器图片反防盗链方法总结
目前豆瓣的图片不能直接引用网址了,我们又不想去下载下来放到本地,怎么办呢?html<img src="https://img1.doubanio.com/view/ark_article_cover/retina/public/55712959.jpg?v=1536826763.0" alt="">err但是豆瓣的网站设置了防盗链的策略,会在后台判断请求的Referrer属性是不是来自于一个非本域名的网站,如果来源不是本域名就返回403 forbidden。我的目的就是用最方.转载 2020-08-11 10:44:40 · 4802 阅读 · 2 评论