自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 vue-cli3 一直运行 /sockjs-node/info?t= 解决方案

vue-cli3 一直运行 /sockjs-node/info?t= 解决方案首先sockjs-node是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端:sockjs-node(https://github.com/sockjs/sockjs-node)客户端:sockjs-clien(http...

2019-10-25 14:01:17 232

转载 Vue报错:command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org

使用vue-cli创建项目是报了如下错误: command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist总结了有以下几个解决方式:首先确保所用到的vue-cli,npm,node等,版本要高一些。然后尝试...

2019-09-02 15:37:21 2242

转载 setTimeout(fn,0)

var fuc = [1,2,3];for(var i in fuc){ setTimeout(function(){console.log(fuc[i])},0); console.log(fuc[i]);}虽然setTimeout函数在每次循环的开始就调用了,但是却被放到循环结束才执行,循环结束,i=3,接连打印了3次3。这里涉及到javascript单线程执行的问...

2019-01-11 16:51:42 381

转载 .passive 修饰符,addEventListener()参数具体意义

很久以前,addEventListener() 的参数约定是这样的:addEventListener(type, listener, useCapture)后来,最后一个参数,也就是控制监听器是在捕获阶段执行还是在冒泡阶段执行的 useCapture 参数,变成了可选参数(传 true 的情况太少了),成了:addEventListener(type, listener

2018-03-09 15:08:41 21429 5

转载 addEventListener的第三个参数

如果要把HTML元素的事件与某个函数绑定起来,可以有下面三种方法,以最常见的“点击”事件为例。方法一:直接在对应的HTML元素标签上绑定函数button id='submit' onclick='onClickFn()'>Click Me!button>方法二:在JavaScript代码里面指定元素的“onclick”方法var btn = document.getEl

2018-03-09 11:40:43 233

转载 密码强度判断

$(function(){ var pwdLV = $("#pwdLvl"); $("#new_pwd").keyup(function(){ var strong = checkStrong($(this).val()); switch (strong) { case 0: pwdLV.rem...

2018-03-06 11:53:11 359

转载 列举一下相关常用套路:

// 强制转换为Boolean 用 !!var bool = !!"c";console.log(typeof bool); // boolean// 强制转换为Number 用 +var num = +"1234";console.log(typeof num); // number// 强制转换为String 用 ""+var str = ""+ 1234;console.

2018-01-26 10:29:52 180

转载 JavaScript中双叹号(!!)作用

经常看到这样的例子:12var a;var b=!!a;a默认是undefined。!a是true,!!a则是false,所以b的值是false,而不再是undefined,也非其它值,主要是为后续判断提供便利。!!一般用来将后面的表达式强制转换为布尔类型的数据(boolean),也就是只能是true或者false;

2017-12-27 11:06:45 147

转载 event.stopImmediatePropagation()

除了阻止元素上其它的事件处理函数的执行,这个方法还会通过在内部调用 event.stopPropagation() 来停止事件冒泡。如果仅仅想要停止事件冒泡到祖辈元素上,而让这个元素上的其它事件处理函数继续执行,我们可以使用 event.stopPropagation() 来代替。使用 event.isImmediatePropagationStopped() 来确定这个方法是否(在那个事

2017-12-27 10:18:52 919

转载 css居中,进度条

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> .container{ position: fixed; left:0; top:0; width:100%;

2017-09-23 14:03:53 875

转载 JS 页面加载触发事件 document.ready和onload的区别

页面加载完成有两种事件:一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件);二是onload,指示页面包含图片等文件在内的所有元素都加载完成。一般情况一个页面响应加载的顺序是,域名解析-加载html-加载js和css-加载图片等其他信息。那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操

2017-08-31 14:58:19 319

转载 offsetLeft,offsetWidth

offsetLeft------------绝对定位与普通定位区别一.该元素绝对定位,父元素相对定位。则offsetleft是相对于父元素二.元素普通定位,则offsetleft是相对于文档流offsetLeft------------存在border,padding时offsetwidth=width+padding+border

2017-06-30 10:56:21 329

转载 screenx,pagex,clientx,offsetx

11

2017-06-29 11:15:57 260

转载 禁止复制

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>div id="demo">学校安全教育平台移动版由中国教育学会主办: 1、为教育部门及学校提供数据查询、发通报及发送紧急预警信息等; 2、为教师提供授课提醒、数据查询、给学生及家长发送安全提醒等;

2017-06-28 20:45:05 381

转载 enter回车提交表单

1.type=submit,多个input,会提交<form action=""> <input type="text" placeholder="请输入用户名" name="username"> <input type="text" placeholder="请输入密码" name="psw&

2017-06-26 20:40:16 278

转载 利用css3实现侧边栏

html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> me

2017-06-22 19:37:32 1800

转载 雪花飘落效果

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> body{ background-repeat: no-repeat; background-position: center 0; b

2017-06-22 17:27:34 336

转载 grep过滤

html lang="en">head> meta charset="utf-8"> title>jQuery.grep demotitle> style> div { color: blue; } p { color: green; margin: 0; } span { color: red; } style> sc

2017-06-22 17:24:38 204

转载 深克隆,浅克隆

//深克隆 var obj={name:'hlj',age:10,info:{sex:'女',height:'10cm'}}; console.log(obj); var deepCopy=function(source){ var result={}; for(var key in source){ if(typeof(source[key])==='

2017-06-22 17:19:13 201

转载 滚动到底部判断条件

$(window).scroll(function () { var scrollTop = $(this).scrollTop(); var documentHeight = $(document).height(); var windowHeight = $(this).height(); if (scrollTop + windowHeight == docu

2017-06-22 16:57:34 381

转载 存取cookie,以及cookie自然日生效

当日24:00失效$('.pop').click(function(){ var x = new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1); $.cookie('hide',true, { expires: x, path: '/' });});setco

2017-06-22 16:49:35 305

转载 全局级别定义全局函数and 对象级别的插件开发,即给jQuery对象添加方法

一.全局级别定义全局函数 1.1 普通定义 jQuery.foo1=function () { alert('定义全局函数foo1'); } $.foo1(); 1.2 extend定义多个 jQuery.extend({ foo1:function() { alert('extend 定义全局函数1'); }, bar1:fun

2017-06-20 19:31:47 1187

转载 jQuery.extend()以及jQuery.isPlainObject()函数

菜鸟教程(runoob.com) $(function () { var object1 = {apple: 0,banana: {weight: 52, price: 100},cherry: 97};var object2 = {banana: {price: 200},durian: 100};/* object2 合并到

2017-06-19 15:41:31 244

转载 css3之target选择器

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; list-style: none; box-sizing: b

2017-06-17 15:34:48 717

原创 typeof,松散相等性和严格相等性

变量是数字:返回number变量时字符串,返回string变量时布尔类型,返回boolean变量是一个函数,返回function变量是null,数组,或者其他的javascript对象,返回object变量未定义,返回undefined____________________________________________var num1=1.45;var num2

2017-06-17 15:30:01 241

转载 call

使用call方法调用父构造函数在一个子构造函数中,你可以通过调用父构造函数的 call 方法来实现继承,类似于Java中的写法。下例中,使用 Food 和 Toy 构造函数创建的对象实例都会拥有在 Product 构造函数中添加的 name 属性和 price 属性,但 category 属性是在各自的构造函数中定义的。function Product(name, pric

2017-05-25 09:59:20 359

空空如也

空空如也

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

TA关注的人

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