自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 axios中then不用第二个参数,最好用catch

一般来说,不要在then方法里面定义 Reject 状态的回调函数(即then的第二个参数),总是使用catch方法。// badpromise .then(function(data) { // success }, function(err) { console.log('接口报错'); // error });...

2019-09-10 09:53:00 3361

转载 input:file上传文件类型(记录)

imput 属性有以下几种:1.type:input类型这就不多说了2.accept:表示可以选择的文件类型,多个类型用英文逗号分开,常用的类型见下表。<input id="file" type="file" accept="image/png,image/gif" name="file" />13.multiple:是否可以选择多个文件,多个文件...

2019-08-29 10:55:00 286

转载 阻止click点击事件

遇到一个屏蔽点击事件,以前一般都是通过js控制,阻止事件,今天看到css加一个样式就能屏蔽,来记录一下//css禁用鼠标点击事件.test { pointer-events: none; }随便其他方法也记下吧1. e.stopPropatation||e.cancelBubble = truejquery禁用a标签方法1:$(do...

2019-08-21 10:58:00 1063

转载 vue watch监听对象及对应值的变化

直接通过watch监听对象,对象的属性值变化并不会触发这个监听,通过查文档发现还有一个属性deep:true,可以深入监听,   data:{ return { eleDate:{ a: '对象a', b: '对象b' } ...

2019-08-20 14:16:00 556

转载 js控制日期的前或后N天,前或后一个月

/*获取指定日期前或者后指定间隔时间* sdate:指定日期* interval:时间间隔* caret:间隔符*/function getNowFormatDate(sdate,interval,caret) { var patt1 = /^\d{4}-([0-1]?[0-9])-([0-3]?[0-9])$/; //判断输入的日期是否符合格式正则表达式 if(!(sd...

2019-08-07 14:42:00 207

转载 vue的$on,$emit

使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件Api 中的解释:vm.$emit( event, […args] )参数:{string} event[…args]触发当前实例上的事件。附加参数都会传给监听器回调。vm.$on( event, callback )参数:{string | Array} event ...

2019-07-26 11:59:00 181

转载 通过CSS禁用页面内容选中和复制操作

-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;转载于:https://www.cnblogs.com/yanqiong/p/11209031.html

2019-07-18 18:01:00 239

转载 Vue-给对象新增属性(使用Vue.$set())

在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。受现代 JavaScript 的限制 (以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删...

2019-07-12 10:19:00 456

转载 常用正则

只能输入中文(去除中文标点符号)/^[\u4E00-\u9FA5]+$/只能输入中文(包括中文标点符号)/^[\u2E80-\u9FFF]+$/只限制输入长度,不限制其他/^.{0,10}$/只能输入数字/^[0-9]*$//(^[0-9]+$)/输入数字和英文/(^[A-Za-z0-9]+$...

2019-07-09 11:04:00 92

转载 $.post 和 $.get 设置同步和异步请求

由于$.post() 和 $.get() 默认是 异步请求,如果需要同步请求,则可以进行如下使用:在$.post()前把ajax设置为同步:$.ajaxSettings.async = false;在$.post()后把ajax改回为异步:$.ajaxSettings.async = true;$.ajaxSettings.async = false;$.post(ur...

2019-07-09 09:38:00 626

转载 Permission denied 解决办法

Permission denied解决的办法:$ sudo chmod -R 777 某一目录其中-R 是指级联应用到目录里的所有子目录和文件777 是所有用户都拥有最高权限转载于:https://www.cnblogs.com/yanqiong/p/10967747.html...

2019-06-03 15:16:00 163

转载 js无法监听input中js改变值的变化

$(input).on('change',function(){})当使用$(input).val('...');不会触发它的change事件解决办法一:在改变它的值后,手动触发input的change事件例:$(input).trigger('change')转载于:https://www.cnblogs.com/yanqiong/p/10910390.html...

2019-05-23 10:22:00 479

转载 JavaScript模块化 --- Commonjs、AMD、CMD、es6 modules

今天面试问到模块化的发展,下面是我找来解释的比较明白的博客:随着前端js代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现前端模块化,直到es6对其进行了规范,下面就介绍JavaScript模块化。  这篇文章还是希望能给大家一个比较好的思路,即JavaScript模块化是如何一步一步地发展起来的,并且也会主要对这些模块化方式做一个简单的比较。...

2019-03-27 21:50:00 108

转载 CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport

1、PX(CSS pixels)1.1 定义虚拟像素,可以理解为“直觉”像素,CSS和JS使用的抽象单位,浏览器内的一切长度都是以CSS像素为单位的,CSS像素的单位是px。1.2 注意在CSS规范中,长度单位可以分为两类,绝对(absolute)单位以及相对(relative)单位。px是一个相对单位,相对的是设备像素(device pixel)。在同样一个...

2019-03-24 16:24:00 251

转载 Windows中通过命令行新建文件夹、新建文件,和一些常用命令

新建文件和Linux不太一样,Linux中的touch和vi命令创建新文件的方法都不能用了,在windows命令行下得用type nul>文件名.后缀名来创建:F:\study\vue\workspace\JD>type nul>app/css/layout.scss写入内容到文件F:\study\vue\workspace\JD> echo 'h...

2019-03-24 13:53:00 4109

转载 css中单位px和em,rem的区别

一、px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的二、em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。  任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,...

2019-03-20 23:41:00 106

转载 Flexbox弹性布局

  Flexbox,一种CSS3的布局模式,也叫做弹性盒子模型,用来为盒装模型提供最大的灵活性。最新版本兼容IE11+、firefox、safari、chrome、opera及移动端,但移动端ios7.1-8.4需要添加前缀-webkit-。1.引入  通过对伸缩容器定义两个属性,justify-content定义伸缩项目沿着主轴线的对齐方式为center, align-item...

2019-03-19 12:57:00 119

转载 Windows中nvm使用

介绍:在两个项目且使用的node版本不一样时,维护多个版本的node,安装:下载安装目录:https://github.com/coreybutler/nvm-windows/releasesnvm-noinstall.zip: 这个是绿色免安装版本,但是使用之前需要配置nvm-setup.zip:这是一个安装包,下载之后点击安装,无需配置就可以使用,方便。Source code(z...

2019-03-10 22:10:00 132

转载 Vue.js如何在一个页面调用另一个同级页面的方法

使用场景:页面分为header、home、footer三部分,需要在home中调用header中的方法,这两个没有相互引入官方给出方法:需要在展示页里调用顶部导航栏页里的方法,两者之间没有引用关系,看了一下vue的API发现可以用这个方法实现。https://cn.vuejs.org/v2/api/#vm-on在项目中实现:1.首先同一个vue实例...

2019-03-04 10:59:00 1267

转载 面向微服务前后端分离的跨域问题

我主要是通过cors解决的,它会在正式通信之前,增加一次 HTTP 查询请求,称为"预检"请求,该请求是 option 方法的,通过该请求来知道服务端是否允许跨域请求。下面是我解决问题时查看的资料:一、什么是跨域1、什么是同源策略及其限制内容?同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到 XSS、CSFR 等攻击。所谓同源是...

2019-03-04 10:15:00 548

转载 Sublime Text 快捷键列表

Sublime Text 快捷键列表 快捷键按类型分列如下: 补充:1.快速的创建一个html页 :ctrl+n创建一个新的文件-->右下角选择文件类型-->输入英文"!"-->按tab键生成文件模板 2.快速生成html标签 (1)div#app(2)div#box+div.box2两个同级div(3)div#box>div.box内嵌div(4)div...

2019-03-04 10:10:00 155

转载 git操作+一个本地项目推到github上+注意

git init创建新文件夹,打开,然后执行以创建新的 git 仓库。git config --global user.name "xxx"git config --global user.email "xxxxx@xxx.com"git clone http://git.xxx.com/xxxx/xxx/xxx.git检出仓库:创建新的git仓库git add...

2019-03-04 10:09:00 175

转载 jQuery操作table

jQuery操作table常用到的功能:以下列出13个jQuery操作table常用到的功能:1.鼠标移动行变色复制代码代码如下:$('#table1 tr').hover(function(){ $(this).children('td').addClass('hover')}, function(){ $(this).children('td')....

2019-03-04 10:07:00 334

转载 一些常用正则表达式

一些常用正则表达式一、校验数字的表达式1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字:^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d...

2019-03-04 10:07:00 98

转载 时间类型当传过来是一串数字时,转换为时间格式

时间类型当传过来是一串数字时,转换为时间格式时间类型当传过来是一串数字时,转换为时间格式varct =newDate(createdTime);varut =newDate(updatedTime);vardct =newDate(ct.toString());vardut =newDate(ut.toString());d...

2019-03-04 10:06:00 2105

转载 javascript对象与方法

对象与方法一、数组(Array)1.使用new关键字创建数组var box = new Array();//创建了一个数组var box = new Array(10);//创建一个包含10个元素的数组var box = ...

2019-03-04 10:05:00 87

转载 css初始化

初始化ul li标签的padding和margin一些元素,默认带有padding,比如ul标签。所以,我们为了做站的时候,便于控制,总是喜欢清除这个默认的padding:*{margin: 0;...

2019-03-04 10:04:00 118

转载 js操作select

JS和JQuery里添加option的区别。JS:var selid = document.getElementById("sltid"); for(var i=0; i<10;i++){ //循环添加多个值 sid.option[i] = new Option(i,i);}sid.o...

2019-03-04 10:02:00 714

转载 require.js

require.js一、为什么要用require.js? 为了解决加载多个js文件时,浏览器停止网页渲染;js文件文件必须严格按顺序加载,这样当依赖关系很复杂时,代码的编写和维护都会变得困难。 实现js文件的异步加载,避免网页失去响应;管理模块之间的依赖性。二、require.js的加载(假定放在js的子目录下) 1) ...

2019-03-04 10:00:00 85

转载 css页面布局

css页面布局一、display二、margin: 0auto;水平居中三、max-width: 600px; 在这种情况下使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要,调整下浏览器窗口大小检查下吧!四、box-sizing(支持ie8):设置这个,则加入内边距和边框不会增加它...

2019-03-04 09:59:00 104

转载 IE6不兼容问题

IE6不兼容问题一、选择器兼容问题 1.交集选择器从IE7以上兼容(div.special):2.儿子选择器(>):IE7开始兼容,IE6不兼容。3.序选择器(first-child,last-child,nth-child(1/2n+2)IE8开始兼容4.下一个儿子选择器:(+)IE7开始兼容,IE6不兼容·选择器说IE6...

2019-03-04 09:57:00 140

转载 W3C 代码标准规范

W3C通过设立领域(Domains)和标准计划(Activities)来组织W3C的标准活动,围绕每个标准计划,会设立相关的W3C工作组织(包括工作组、社区组、商务组等)。W3C会根据产业界的标准需求调整Domains和Activity的设置及相关的工作组设置。标准规范:1、 需要声明(DOCTYPE)DOCTYPE(document type)文档类型的简写,...

2019-03-04 09:40:00 176

转载 html5新特性学习笔记

1.语义化标签兼容问题(语义化标签只支持ie8以上,不包括ie8)   解决方法一:该标签的css中加上display:block;   通过DOM的方式创建这个标签 document.createElement("header");   解决方法二:引入外部的htmlshiv.js文件(插件)<script src="html5shiv.js">&lt...

2018-08-06 14:45:00 156

转载 浮动布局float

浮动浮动是css里面布局用的最多的属性。.box1{float: left;width: 300px;height: 400px;...

2017-02-23 12:53:00 118

空空如也

空空如也

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

TA关注的人

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