前端 HTML+CSS+JAVASCRIPT
文章平均质量分 59
前端相关
汪 同 学 丶
这个作者很懒,什么都没留下…
展开
-
记录:通过第三方获取接口获取客户端IP,并判断当前IP是否在中国境内
项目需要根据客户的ip判断当前是否在中国大陆境内访问前端系统,实现一定的业务。 通过第三方获取接口获取客户端IP,并判断当前IP是否在中国境内(不包括香港、台湾)。 当前文章记录完整的实现流程。原创 2022-12-07 15:14:38 · 864 阅读 · 0 评论 -
记录:两个display: inline-block;内联块元素之间的空隙问题
举例:inline-block之间存在空隙html:<div class="example"> <span>inline-block之间存在空隙</span> <span>inline-block之间存在空隙</span><转载 2019-01-05 17:06:40 · 2425 阅读 · 1 评论 -
css3点击按钮的波纹效果
效果代码<div> <button class="btn">点击</button></div><style> .btn { position: relative; overflow: hidden; background-color: #000; border: 1px solid #00ffff; color: #fff; padding: 4px 10px; outli原创 2021-01-25 10:31:39 · 895 阅读 · 0 评论 -
css3 单行文本/多行不同宽度文本的跑马灯效果实现
单行文本左右跑马灯效果效果代码<div class="wrap"> <p> <span class="text">这是一段测试文本跑马灯效果的文本,看看效果----------------------</span> <span>这是一段测试文本跑马灯效果的文本,看看效果----------------------</span> </p></div><style>原创 2021-01-25 10:56:50 · 562 阅读 · 0 评论 -
记录:web滚动条样式自定义
转载mike17的博文:https://www.cnblogs.com/cx709452428/p/7132694.html转载 2019-01-09 17:09:00 · 258 阅读 · 0 评论 -
css3 文本流光效果
效果代码<p>文字流光效果</p><style> body { background-color: #000; } @keyframes masked-animation { 0% { background-position: 0 0; } to { background-position: -100% 0;原创 2021-01-25 11:06:16 · 197 阅读 · 0 评论 -
【JAVASCRIPT】-【AES加密解密】01、前端AES加密解密的方式
AES加密解密原创 2021-07-19 18:00:14 · 913 阅读 · 0 评论 -
记录:前端js实现页面内简繁体切换
一、效果二、实现<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2021-12-16 11:20:27 · 1759 阅读 · 0 评论 -
总结:原生简单实现call、apply、bind
call、apply和bind原生实现1、call原生实现Function.prototype.newCall = function (context, ...parameter) { if (typeof context === 'object' || typeof context === 'function') { context = context || window }...原创 2019-12-03 15:25:40 · 124 阅读 · 0 评论 -
记录:记录以便日后翻阅,web端chrome浏览器对大华视频监控和录像回放的方式
一、视频监控的方式1、大华摄像头在乐橙开放平台绑定设备,获取到rtsp流地址2、通过各种player进行播放达到监控的需求(会有播放延迟)二、视频录像回放Ⅰ、方案①:chrome打开ie通过ie下控件实现1:先运行.reg文件,已达到调用ie程序的作用,Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\openIE...原创 2019-01-09 16:46:38 · 5085 阅读 · 0 评论 -
【JAVASCRIPT】-【RSA加密解密】02、前端RSA加密解密的实现方式
RSA对称非对称加密解密方式原创 2022-05-10 14:48:40 · 1150 阅读 · 0 评论 -
记录:点击a标签显示iframe弹窗
在当前页面显示iframe弹窗,a链接跳转<!DOCTYPE html><html><head> <title></title></head><body><div id="con" style="width: 1000px; height: 700px; border: 2px solid re...原创 2019-09-07 13:14:30 · 2434 阅读 · 1 评论 -
记录:(简单记录)js数组对象去重
对数组内多个对象的去重let Result = [] // 去重后的item的容器let Obj = {} // 条件容器 for(let i = 0; i < array.length; i ++){ if(!Obj[array[i].key]){ Result.push(array[i]) Obj[array[i].key] = true } }...原创 2019-07-18 14:50:58 · 158 阅读 · 0 评论 -
记录:检测http图片是否存在
通过输入的地址格式和最终的图片大小来判断图片是否真实存在if(pictureURL && /http:\/\/.*?(gif|png|jpg)/gi.test(pictureURL)){ // 判断有没有输入, 输入的格式对不对 let ImgObj = new Image() ImgObj.src = pictureURL if (ImgObj.fil...原创 2019-01-12 12:11:50 · 1047 阅读 · 0 评论 -
记录:前端点击按钮弹出qq聊天
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <link rel="shortcut icon" href="img/mynote.ico"/> <title>链接qq聊天</title> </h...原创 2019-09-16 10:24:27 · 733 阅读 · 0 评论