自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Zykon

Zykon的CSDN博客

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

原创 身份证号码合法性校验 前端

var idNumberRule= (rule, value, callback) => { const reg = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/ if (this.FormData.idnum === '' || this.FormData.i.

2021-01-07 11:20:41 1814 2

原创 删除数组中指定元素(ES6方法)

原数据let arr =[{id:1},{id:2},{id:3},{id:8}]待删除数据obj = {id:1}在原数据上删除数据arr.splice(arr.findIndex(item => item.id === obj.id), 1) // [{id:2},{id:3},{id:8}]findIndex() 方法

2020-08-28 17:10:38 5401

原创 绑定的对象属性赋值/改变值的时候,页面没有渲染

绑定的对象属性赋值/改变值的时候,页面没有渲染row.processSecond = response.data.data;解决方法:使用Vue的setthis.set _this.sett​his.set(row, ‘processSecond’, response.data.data)...

2018-10-11 16:24:56 1348

转载 JS判断对象是否为空对象的几种方法

1.将json对象转化为json字符串,再判断该字符串是否为”{}” var data = {}; var b = (JSON.stringify(data) === ‘{}’); alert(b);//true2.for in 循环判断 var obj = {}; var b = function() { for(var key in obj) { return false; ...

2018-08-09 11:30:13 296

转载 数组对象去重方式

在数组中都是数字的时候很好去重,例如:var arr=[1,2,2,2,3,4,5,4,5,3,6];可以用两层for循环或者其他方式进行去重,在数组中都是对象的时候就需要设置布尔值来进行去重操作,原理也是两层for循环,但是在第一层for循环内需要定义布尔值为true,用来维持一个量,之后在内层for循环中进行比对,如果按照某个条件比对满足的话,布尔值就为false,之后在第一层for循...

2018-06-04 17:52:32 2415

转载 Call()与Apply()的异同

【call()与apply()异同】在了解异同之前,先来搞清楚这两个方法都是怎么用的基本使用call()function.call(obj[,arg1[, arg2[, [,.argN]]]]]) 调用call的对象必须是个函数function call的第一个参数将会是function改变上下文后指向的对象,也就是上面例子里的小刚,也就是上上面例子里的老婆大人...

2018-03-13 14:30:35 189

原创 null和undefined的区别

null和undefined的区别null是一个表示”无”的对象,转为数值时为0;undefined是一个表示”无”的原始值,转为数值时为NaN。 当声明的变量还未被初始化时,变量的默认值为undefined。 null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。undefined表示”缺少值”,就是此处应该有一个值,但是还没有定义。典型用法是: (1)变量被...

2018-03-13 11:47:03 241

原创 如何对网站的文件资源进行优化并减少页面加载时间

文件和资源优化 文件合并,文件最小化/文件压缩,使用 CDN 托管(js,css)文件,缓存的使用(多个域名来提供缓存)。 减少页面加载时间 1.优化图片 2.图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方) 3.优化CSS(压缩合并css,如margin-top,margin-left…) 4.网址后加斜杠(如...

2018-03-13 10:36:44 1468

原创 线程与进程的区别

线程与进程的区别 一个程序至少有一个进程,一个进程至少有一个线程. 线程的划分尺度小于进程,使得多线程程序的并发性高。 另外,进程在执行过程中拥有独立的内存单元,而多个线程共享内存,从而极大地提高了程序的运行效率。 线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行,必须依存在应用程序中,由应用程...

2018-03-13 10:28:28 249

原创 前端常见兼容性问题及其解决方法

Q:png24位的图片在iE6浏览器上出现背景。 A:将图片格式做成PNG8,也可以引用一段脚本来处理。Q:浏览器默认的margin和padding不同。 A:添加一个全局的{margin:0;padding:0;}来统一初始化。Q:IE6双边距bug,块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大。 A:浮动ie产生的双倍距离(IE6双边距...

2018-03-12 14:35:28 2075

转载 Position的属性和属性值及差别

Position的属性和属性值及差别 Position的四个属性 : 1.relative:生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常(原先本身)位置进行定位。可通过z-index进行层次分级。 2.absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “

2018-03-09 11:38:07 1945

原创 HTML和XHTML的区别

HTML和XHTML的区别 1.所有的标记都必须要有一个相应的结束标记。 2.所有的标记的元素和属性的名字都必须要小写。 3.所有XML标记都必须合理的嵌套。 4.所有的属性必须要用引号括起来。 5.图片必须加上说明文字。 6.所有的<和&特殊符号需要转移或者编码表示。 7.空元素以 />结尾。

2018-03-09 11:25:59 177

原创 Doctype严格模式和混杂模式的区别及意义?

Doctype的作用?严格模式和混杂模式的区别?它们有什么意义? 1.<!DOCTYPE>声名位于文档的最前面,在<HTML> 标签的前面,告知浏览器以何种模式来渲染文档。 2.严格模式的排版和JS运作模式都是以浏览器支持的最高的标准运行。按照W3C的标准来解析代码。 3.混杂模式是以宽松的,向后兼容的方式来解析代码。是指浏览器用自己的方式解析代码,模拟老式浏览器的行为以防止

2018-03-09 11:24:03 1961

原创 语义化的理解

语义化的理解 1.去掉和丢失样式的时候能够让页面呈现出清晰的结构。 2.有利于SEO和搜索引擎建立良好的沟通,有助于爬虫抓取更多的有效信息,爬虫以来于标签来确定上下文和各关键字的权重。 3.方便其他设备解析,如盲人阅读器,屏幕阅读器等,以意义化的方式来渲染网页。 4.便于团队开发和维护,语义化更具有可读性,减少差异化。...

2018-03-07 16:59:27 641

转载 CSS3新增伪类

:first-of-type p:first-of-type 选择属于其父元素的首个 &lt;p&gt; 元素的每个 &lt;p&gt; 元素。 :last-of-type p:last-of-type 选择属于其父元素的最后 &lt;p&gt; 元素的每个 &lt;p&gt; 元素。:only-of-type p:only-of-type 选择属于其父...

2018-03-05 19:57:01 144

转载 javascript中childNodes与children的区别

1、childNodes:获取节点,不同浏览器表现不同;  IE:只获取元素节点;  非IE:获取元素节点与文本节点;  解决方案:if(childNode.nodeName=="#text") continue 或者 if(childNode.nodeType != '3') continue 2、children:获取元素节点,浏览器表现相同。  因此建

2018-02-03 00:09:18 398

原创 jQuery常用选择器

jQuery常用选择器 1.id选择器 概述:根据给定的ID匹配一个元素。用法:查找 ID 为"myDiv"的元素。HTML 代码:id="notMe"id="myDiv"jQuery 代码:$("#myDiv");结果:[ id="myDiv" ] 2.元素选择器 概述:根据给定的元素名匹配所有元素用法:查找一个 DIV 元素。HTML

2017-12-11 16:32:23 158

原创 正则表达式

正则表达式 RegExp直接量语法 /pattern/attributes创建 RegExp 对象的语法: new RegExp(pattern, attributes);修饰符 修饰符 描述 i 执行对大小写不敏感的匹配 g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止) m 执行多行匹配

2017-12-11 16:08:15 124

转载 JavaScript Array对象

JavaScript Array 对象Array 对象Array 对象用于在单个的变量中存储多个值。创建 Array 对象的语法 new Array(); new Array(size); new Array (element0, element1, …, elementn);参数 参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。

2017-12-07 11:43:07 147

原创 for循环语句练习

for循环画简单图形1、十列十行的矩形for (var i=1;i<=10;i++){ for(var l=1;l<=10;l++){ document.write("*"); } document.write("");}2、如图三角形for (var i=1;i<=4;i++){ for (var l=1;l<=i;

2017-11-21 00:05:47 5240 4

转载 IE6 浏览器常见兼容问题

出处:网易博客-独行冰海:IE6 浏览器常见兼容问题 大汇总1.&lt;!DOCTYPE HTML&gt;文档类型的声明。产生条件:IE6浏览器,当我们没有书写这个文档声明的时候,会触发IE6浏览器的怪异解析现象;解决办法:书写文档声明。2.不同浏览器当中,很多的标签的默认样式不同,如默认的外部丁内补丁。产生条件:不同浏览器;解决办法:利用CSS reset文件进行样式的清除,然后再根据需要进行设...

2017-11-13 14:49:41 2936 1

转载 响应式开发

响应式开发

2017-11-05 18:32:22 504

空空如也

空空如也

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

TA关注的人

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