技术分享共112篇

将png或jpg图片制作成svg图标文件

将png或jpg图片制作成svg图标文件-雪哥尔
一、下载安装Adobe Illustrator (AI) 关注后回复“AI”或“ai”免费下载Adobe Illustrator CC 2019安装包   二、使用AI制作 1.打开AI软件,按Ctrl+O打开文件选择你要制作图标的png或者jp...
4年前
09407

父级和子级iframe的一些交互

父级和子级iframe的一些交互-雪哥尔
一。子级iframe执行父级页面的一些操作 可以使用window.parent直接执行或调用父级的元素和函数 直接看这篇吧   二、父级执行子级iframe页面的一些操作 <iframe id='XulgriFrame' src='h...
5个月前
1168

JS使用navigator.platform硬核判断移动端和PC端,调试器也判断

JS使用navigator.platform硬核判断移动端和PC端,调试器也判断-雪哥尔
我之前发的一些JS或PHP判断用户浏览器或操作系统都是用navigator.userAgent标识头来判断,但如果PC端浏览器打开控制台开发者模式时可以通过模拟设备来改变成安卓手机或苹果手机端,这样userAgen...
7个月前
1288

JS禁止用户打开调试,判断用户浏览器进入开发者模式并跳转

JS禁止用户打开调试,判断用户浏览器进入开发者模式并跳转-雪哥尔
//禁止右键菜单 document.oncontextmenu = function(){ return false; }; //禁止F12快捷键 document.onkeydown = function(e){ if (e.keyCode === 123) { return false; } }; //当用户打开控制...
7个月前
1407

PHP获取当前url链接的一些函数

PHP获取当前url链接的一些函数-雪哥尔
示例链接:https://xulgr.com/test/xulgr.php?qq=2037555766 $_SERVER['SERVER_NAME'] //获取当前链接的主域名,输出结果:xulgr.com $_SERVER['SERVER_PORT'] //获取当前链接的端口号,输出结...
1年前
01796

JQ选项卡Tab非同级切换并同步下划线滑动效果

JQ选项卡Tab非同级切换并同步下划线滑动效果-雪哥尔
上次我写了 简单的JS实现选项卡Tab非同级切换-雪哥尔 (xulgr.com) 的这篇博文,用起来感觉还不够丝滑,这次添加了下划线(也就是border-bottom)样式,达到切换任意相邻或不相邻的TAB时都能实现...
12个月前
03197

CSS延迟hover消失时间

CSS延迟hover消失时间-雪哥尔
一般情况下我们会直接用transition来设置动画效果,如 a{ transition: all 1s linear; } a:hover{ transform: scale(1.1); transition: all 1s linear; } 其中all为transition-property属性的值...
12个月前
031514

纯CSS让文字行数限制超出显示省略号

纯CSS让文字行数限制超出显示省略号-雪哥尔
直接用CSS来控制文字或字符的整行,比如先在父级控制一个绝对高度和宽度的框,然后用下面的CSS来控制一段文字行数,超出则显示省略号... 方法1:单行情况下,规定长度,超出部分显示省略号 .Xul...
2年前
030512

JS判断页面是否被iframe嵌套

JS判断页面是否被iframe嵌套-雪哥尔
1.判断当前页面是否在iframe中 //方式一 if(self.frameElement && self.frameElement.tagName == 'IFRAME'){ alert('在iframe中'); } //方式二 if(window.frames.length != parent.fram...
1年前
019113

Centos系统安装Redis

Centos系统安装Redis-雪哥尔
一、安装gcc依赖 先查询你的系统是否已经安装gcc gcc -v 没有的话执行安装 yum install -y gcc   二、下载并解压redis安装包 下载redis包 wget http://download.redis.io/releases/redis-5...
1年前
02648