自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

很馋的虫子

长风破浪会有时,直挂云帆济沧海!

  • 博客(40)
  • 收藏
  • 关注

原创 整理dom 获取当前元素的兄弟节点/父节点/子节点/筛选元素

$('#id').siblings() 当前元素所有的兄弟节点$('#id').prev() 当前元素前一个兄弟节点$('#id').prevaAll() 当前元素之前所有的兄弟节点$('#id').next() 当前元素之后第一个兄弟节点一、js 获取元素dom(父节点,子节点,兄弟节点): var test = document.get...

2018-07-09 10:47:32 17979

原创 使用HTML5和JavaScript调用摄像头,并且实现拍照功能

<!DOCTYPE html><html lang="ZH-CN"><head>  <meta charset="utf-8">  <title>web RTC 测试</title>  <style>    .booth {      width:400px;

2018-06-09 22:46:42 7519 9

原创 基于vue-cli3的vue项目 通过postcss-pxtorem 实现px自动转换成rem并解决版本问题

vue-cli3 项目postcss-pxtorem的配置放在vue.config.js中(新构建的项目可能会找不到,需要手动在项目根目录创建vue.config.js)。在项目入口文件main.js 中引入lib-flexible。

2023-08-03 14:01:51 516

原创 JavaScript 深拷贝

function deepCopy(obj) { if (typeof obj !== 'object') return; let result = obj instanceof Array ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { result[key] = typeof obj[key] === 'object' &&a...

2021-11-16 11:49:48 575

原创 整理数组处理方法(笔记)

var list=[1,2,3,4,5,6,7,8,9];var lists=['a','b','c']数字"5"上移一位list.splice(3,1...list.splice(4,1,list[3]));数字"5"下移list.splice(4,1...list.splice(5,1,list[4]));获取list中最大的值let maxNum=list.redoce((a,b)=>a>b?a:b);获取list中最小的值let min Num=li.

2021-08-23 13:34:51 189

原创 手机端,css禁止页面拖动

diiv{touch-action:none;pointer-events:auto;}

2020-10-15 16:32:02 1216 1

原创 JavaScript封装原生公用弹窗

js:var Popup = { /* * alert 弹窗 text 必传 */ alert: function(text) { var model = document.getElementById('popupMark'); if (model) { var content = document...

2020-03-03 10:32:38 780

原创 HTML页面加载js 报错 304 Not Modified

刷新页面,重新加载js,清除缓存拒绝304,同样的方法 css 也适用document.write(),是读取文件,个人理解为不管文件有没有发生变化,每次都会删去之前加载的,然后再重新去载入js当然 ,Math.raandom()这里也是重点,添加随机数<script>document.write("<script type='text/javascript' sr...

2019-12-31 17:32:52 4310

原创 JavaScript 中ajax的封装

<script> function ajax(options){ options = options ||{}; //调用函数时如果options没有指定,就给它赋值{},一个空的Object options.type=(options.type || "GET").toUpperCase();/// 请求格式GET、POST,默认为GET...

2019-12-03 11:54:24 177

原创 页面高度超过屏幕显示高度禁止显示滚动条

html{overflow-y:auto}/强制显示滚动条:html { overflow: scroll; }//强制隐藏滚动条:html { overflow-y:auto }//隐藏IE的水平滚动条:html { overflow-x: hidden; }//隐藏IE的垂直滚动条:html { overflow-y: hidden; }//强制显示...

2019-11-06 11:39:14 1279

原创 微信禁止分享

<script>function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu');}if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListe...

2019-10-30 17:12:11 380

原创 css3 动画岩Y周5旋转

<!DOCTYPE html><html><head><title>transform-style实现Div的3D旋转</title><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, us...

2019-10-08 10:14:36 327

原创 css3使网页、图片变成灰色兼容大多数浏览器

html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.Basic...

2019-08-08 15:16:25 445

原创 HTTPS引入百度地图报错

最近公司一个老项目的一个网站引入的百度,地图突然不显示了。报下面的错误。。。 添加:<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">意思是自动将http的不安全请求升级为https查看百度地图官网,官网提供了一种方法说是,加上&s=1就可以了...

2019-07-11 15:22:51 1258

原创 关于link标签,引入图标走过的坑---link引入图标不显示

最近在做一个公司官网项目,用link标签引入ico图标。然后很奇葩的事情发生了,,,,,在测试的时候本地测试图标能够正常显示,放到服务器上后。所有页面图标都不显示,但是单独拿出来图标路径是可以显示的,也就是路径没错。清除浏览器缓存也没效果。代码是这样的:<link rel="shortcut icon" href="__TMPL__/public/images/picture...

2019-07-03 10:20:16 12169 1

原创 QQ音乐特有的.qmc3文件 转换成.mp3

QMC3是QQ音乐独有的加密方式,想要把QMC3格式转换成MP3格式,需要借助第三方软件QMC解码器。网站:QMC在线解密网页版,全平台支持,这个网站还是摩声大佬提供的!http://moresound.tk/music/tool/...

2019-06-05 17:06:08 68218 3

原创 Python简单实现爬虫实例

下载图片的步骤如下:获取网页html文本内容; 分析html中图片的html标签特征,用正则解析出所有的图片url链接列表; 根据图片的url链接列表将图片下载到本地文件夹中。urllib+re实现:#!/usr/bin/python# coding:utf-8# 实现一个简单的爬虫,爬取百度贴吧图片import urllibimport re# 根据url获取网页htm...

2019-05-15 10:07:38 3614

原创 JavaScript判断手机端和PC端

function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var fla...

2019-04-25 09:59:21 702

原创 html css js 手机底部切换

HTML部分: &lt;div class="footerwrap"&gt; &lt;div class="footer"&gt; &lt;ul class="clearfix"&gt; &lt;li class="Imgbox" img="[!--news.url--]skin/phone/img/shouye/cpjs.png" da

2019-03-04 16:12:37 518

原创 Egret 自定义计时器

//创建计时器对象,两个属性分别是delay与repeatCount,表示每次间隔的时间(以毫秒为单位)和执行的次数(如果次数为0,则表示不停的执行).       var timer: egret.Timer = new egret.Timer(2000, 0);//注册事件监听        timer.addEventListener(egret.TimerEvent.TIMER,...

2019-01-15 09:12:02 1368

原创 jQuery 使用 AJAX解决跨域问题

$.ajax({ url:url, type: 'post', async: false, dataType: 'jsonp', jsonp: 'callback', scriptCharset: 'utf-8', contentType: "application/json", jsonpCallback: "jsonpCallb...

2018-12-04 11:48:59 5871 1

原创 JavaScript 限制只能在微信浏览器中打开

思路:1、限制在微信浏览器打开。2、判断页面是否是在微信浏览器打开。3、对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器function is_weixin(){ var ua = navigator.userAgent.toLowerCase(); //判断浏览器的类型 if(ua.match(/MicroMessenger/i)=="microm...

2018-11-24 09:50:47 1467

原创 整理:密码输入框点击眼睛可以查看密码

HTML:&lt;div class="form-text-login nob"&gt; &lt;label class="font-two iconfont icon-suo"&gt;&lt;/label&gt; &lt;input style="border: none" maxlength="16" type="password"

2018-11-14 09:40:20 8907

原创 jQuery实现文字上下循环滚动效果

&lt;!DOCTYPE html&gt;&lt;html &gt;&lt;head&gt;   &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;   &lt;title&gt;上下循环滚动效果&lt;/title&gt;   &lt;script typ

2018-11-06 15:19:49 6623

原创 关于“WebStrom使用右上角打开浏览器都变成默认主页” 问题以及解决方式

问题:WebStrom使用右上角打开浏览器都变成默认主页解决方式:1.点击File找到Settings&gt;Tools&gt;Web Browsers2.修改右侧Chrome 的Path 如图:完美解决!!

2018-10-25 13:35:02 1296 1

原创 项目整理,获取子节点、父节点、兄弟节点、元素筛选。

一、js 获取元素dom(父节点,子节点,兄弟节点): var test = document.getElementById("test");  var parent = test.parentNode; // 父节点  var chils = test.childNodes; // 全部子节点  var first = test.firstChild; // 第一个子节点  ...

2018-09-07 09:46:07 2115

原创 jQuery 实现页面向下滚动右下侧才出现返回顶部

html:&lt;div class="gallery"&gt; &lt;img src="images/zhizhen.png" alt=""&gt;&lt;/div&gt;css:.gallery{ width: 60px; height: 60px; position: fixed; z-index: 10; bottom: 60px; right: 20px;di..

2018-08-24 14:39:34 391

原创 jQuery,数组过滤出某一值,返回新数组。

var array=[1,2,3,5,1,10,15,2,5,12,2];var newArray= $.grep(array,function (n, i){ if(data[i]== 2){ return n; } },true);console.log(newArray);        // [1,3,5,1,10,15,5,12]; ...

2018-08-09 09:04:19 1835

原创 项目总结:jQuery 二次封装AJAX(已测试)

 /**     * ajax封装     * url 发送请求的地址     * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1}     * dataType 预期服务器返回的数据类型,常用的如:xml、html、json、text     * successfn 成功回调函数     * erro...

2018-07-24 10:54:22 1999 2

原创 AJAX 全部属性

function test_ajax(){     $.ajax(     {        type:"GET",//通常会用到两种:GET,POST。默认是:GET        url:"a.php",//(默认: 当前页地址) 发送请求的地址        dataType:"html",//预期服务器返回的数据类型。        beforeSend:beforeSend,...

2018-07-06 10:23:32 4266 1

原创 jQuery 点击获取验证码,倒计时30秒

HTML: &lt;div class="layui-form-item"&gt;    &lt;input class="layui-yanzheng" id="rcode" name="code" placeholder="请输入验证码" type="text"                     autocomplete="off"&a

2018-06-29 18:12:07 2506

原创 JavaScript,jQuery,获取当前日期的前一天

 var now = new Date();now = new Date(now.getTime() - 86400000);var year= now.getFullYear(), month= (now.getMonth() + 1).toString(), day = now .getDate().toString();if (month.length == 1) {month= '0' +...

2018-06-29 14:34:09 5737

原创 整理常用的一些 关于input的正则

1、 不能输入数字         &lt;input onkeyup="value=value.replace(/[\d]/g,'') " type="text" /&gt;  2、 只能输入数字         &lt;input onkeyup="value=value.replace(/\D/g,'')" type="text" /&gt; 3、只能输入数字和英文的         &am

2018-06-15 15:08:20 1191 2

原创 整理 HTML5 新增的语义化标签

新的标签带来的是网页布局的改变及提升对搜索引擎的友好&lt;article&gt; 定义文章 &lt;aside&gt; 定义文章的侧边栏&lt;figure&gt; 一组媒体对象以及文字 &lt;figcaption&gt; 定义 figure 的标题&lt;footer&gt;定义页脚 &lt;header&gt;定义页眉&lt;hgroup&gt;定义对网页标题的组合 &lt

2018-06-09 23:45:43 12458 1

原创 Web前端 HTML CSS 特殊字符表

⇠  箭头类符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS⇠&amp;#8672u21E021E0⇢&amp;#8674u21E221E2⇡&amp;#8673u21E121E1⇣&amp;#8675u21E321E3↞&amp;#8606u219E219E↠&amp;#8608u21A021A0↟&amp;#8607u219F219F↡&amp;#8609u21A121...

2018-06-09 23:13:45 8803 3

原创 Webstrom常用的快捷键

Alt+F1 查找代码所在位置Alt+1 快速打开或隐藏工程面板Alt+Insert 生成代码(如get,set方法,构造函数等)Alt+Shift+C 对比最近修改的代码 alt + left/right:标签切换Alt+回车 导入包,自动修正Alt+ left/right 切换代码视图Alt+ Up/Down 在方法间快速移动定位ctrl + shift + n: 打开工程中的文件,目的是打开...

2018-06-09 23:10:12 539

原创 JavaScript判断是否还有网络连接

前几天写的一个项目,需要判断当前有没有网,或者突然断网的情况,在网上找了好多。最后用的这个方法,感觉不错。分享给大家!&lt;!DOCTYPE html&gt;    &lt;html lang="en"&gt;    &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;

2018-06-09 15:22:27 1845

原创 关于input框,遇到的一些问题以及解决方法

1、CSS去掉谷歌浏览器的黄色背景input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }2、限制input框输入的字符长度 maxlength 属性例:&lt;input type="text" maxlength="10"&gt;;(input框只能输入10个字符)。3、 input禁止输入 reado...

2018-06-09 15:02:16 907

原创 js判断当前页面是不是第一次被访问

    if(document.cookie.indexOf("a=hello")==-1){        alert("首次打开!");        var t=new Date(new Date().getTime()+1000*60*60*24*30);        document.cookie="a=hello; expires="+t.toGMTString();    }els...

2018-06-09 14:43:45 5240

原创 获取百度地图位置定位JavaScript代码

   &lt;script&gt; //创建marker    function addMarker(){        for(var i=0;i&lt;markerArr.length;i++){            var json = markerArr[i];            var p0 = json.point.split("|")[0];          ...

2018-01-12 15:52:34 1261

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除