![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
html,css ,js技术分享
追海的人.
这个作者很懒,什么都没留下…
展开
-
jquery获取上传视频时长
html5利用jquery获取上传视频时长原创 2022-07-06 11:30:02 · 13906 阅读 · 1 评论 -
防百度搜索下拉引擎
防百度搜索下拉引擎<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } body { font-size原创 2021-08-30 16:31:54 · 13349 阅读 · 0 评论 -
前端常用css属性
1、文字超出部分显示省略号// 单行文本的溢出显示省略号(一定要有宽度)p { width: 200rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}// 文字超出部分显示省略号 多行文本溢出显示省略号p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3原创 2021-08-13 10:25:02 · 1923 阅读 · 0 评论 -
实现网页定时刷新
监听网页的键盘和鼠标事件,长时间无操作则刷新页面/** * 页面刷新 * @param time 单位为分钟 */function timeRefresh(time) { var xIndex ; var yIndex ; var count = 0; var outTime=30; //默认30分钟无操作则刷新 if (time != undefined && time != "" && time != null) {原创 2021-07-14 09:40:31 · 696 阅读 · 0 评论 -
JS判断当前页面是在 QQ客户端/微信客户端/iOS浏览器/Android浏览器/PC客户端
browser.jsvar browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexO原创 2021-07-14 09:39:33 · 411 阅读 · 0 评论 -
利用JS屏蔽鼠标右键菜单、复制粘贴、选中等
//若是你不想别人扒掉你的模板,可以把这段js代码加到你网页上,即可屏蔽鼠标右键菜单、复制粘贴、选中等 //屏蔽右键菜单 document.oncontextmenu = function(event) { if (window.event) { event = window.event; } try { var the = event.srcElement; if (!((the.tagNam转载 2021-07-14 09:38:15 · 461 阅读 · 0 评论 -
网页滚动条样式调整代码
改变滚动条宽度以及颜色,直接放在css样式里面::-webkit-scrollbar{width:16px;}::-webkit-scrollbar-track{background-color:#bee1eb;}::-webkit-scrollbar-thumb{background-color:#00aff0;}::-webkit-scrollbar-thumb:hover {background-color:#9c3}::-webkit-scrollbar-thumb:active {bac原创 2021-07-14 09:37:07 · 124 阅读 · 0 评论 -
利用js技术打开网页复制和粘贴功能
许多网站的口令录入框不允许粘贴,口令只能手工录入,麻烦吧。许多网站,比如知乎,如果文章打开禁止转载选项,右键复制是不行的,ctrl-c也不行,粘贴之后都是当前回答的标题。下面的代码你会用的上,按F12键,把下面代码复制粘贴进console,回车执行,一切恢复原样,程序员就是这么吊,我们爱自由。只在chrome浏览器内测试过。var allowPaste = function(e){ e.stopImmediatePropagation(); return true;};document.add原创 2021-07-14 09:29:53 · 1040 阅读 · 0 评论 -
JS实现逐个打印字体
<body> <textarea name="" id="text" cols="30" rows="10"></textarea> </body> <script> var i =0; var str = '就让他带走你的那瞬间 成为我们的纪念 谁能发现我的世界 曾经有过你的脸' //页面加载完成后执行 window.onload = function demo() {原创 2021-07-14 09:26:55 · 219 阅读 · 0 评论 -
利用js实现移动端、pc端通用点击复制
function copyArticle(event){ const range = document.createRange(); range.selectNode(document.getElementById('dd')); const selection = window.getSelection(); if(selection.rangeCount > 0) selection.removeAllRanges(); selection.addRange原创 2021-07-14 09:25:39 · 229 阅读 · 0 评论 -
html转换成pdf
安装插件:npm install --save html2canvasnpm install jspdf --save 引入 plugins/ htmlToPdf.js import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export default{ install (Vue, options) { Vue.prototype.getPdf = function () { var title原创 2021-07-14 09:22:08 · 766 阅读 · 0 评论 -
js通用工具类
//去除头尾空格function trim(x){ return x.replace(/^\s+|\s+$/gm,'');} function bindOninput(e){ e.value = e.value.replace(' ','');} //是否是空字符串function isBlank(str){ if(str == undefined || typeof (str) == 'undefined' || str == null || trim(str) =原创 2021-07-14 09:19:58 · 162 阅读 · 0 评论 -
js表单常用正则
var regexEnum = { intege:"^-?[1-9]\\d*$", //整数 intege1:"^[1-9]\\d*$", //正整数 intege2:"^-[1-9]\\d*$", //负整数 num:"^([+-]?)\\d*\\.?\\d+$", //数字 num1:"^[1-9]\\d*|0$",原创 2021-07-14 09:18:27 · 126 阅读 · 0 评论 -
Html中a标签用法总结:创建email,电话,描点链接等。以及防止链接被搜索引擎收录
a标签可以用来创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。 是我们常用的一个标签之一,今天就讲讲如何使用a来创建email,电话,描点链接等。以及防止链接被搜索引擎收录。a锚点链接锚点可以在同一页面的不同位置间跳转,其实就是在元素间跳转, 常用的场景就是,页面很长,让用户方便在页面不同部分间跳转 建立锚点目标,只需要给目标元素增加id或者name即可。当我们点击a标签的时候,页面就能自动定位到含有name="test"的位置,例如:<div id="test转载 2021-06-23 11:51:19 · 20173 阅读 · 0 评论 -
jQuery最新CDN调用地址
收集最新的jQuery地址,直接调用。关于如何选择什么版本:https://www.cnblogs.com/osfipin/p/6211468.html下面是收集的最新版本:官方//code.jquery.com/jquery-1.12.4.min.js//code.jquery.com/jquery-3.3.1.min.js//code.jquery.com/jquery-3.3.1.slim.min.js七牛云//cdn.staticfile.org/jquery/1.12.4/jqu转载 2021-06-25 13:25:58 · 6988 阅读 · 0 评论 -
jQuery选择什么版本 1.x? 2.x? 3.x?
类似标题:jQuery选择什么版本?jquery一般用什么版本?jquery ie8兼容版本。jquery什么版本稳定?目前jQuery有三个大版本:1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日)2.x:不兼容ie678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日)3.x:不兼容ie678,转载 2021-06-25 13:30:40 · 653 阅读 · 0 评论