![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
王可zykon
这个作者很懒,什么都没留下…
展开
-
身份证号码合法性校验 前端
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 · 2052 阅读 · 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 · 5467 阅读 · 0 评论 -
如何对网站的文件资源进行优化并减少页面加载时间
文件和资源优化 文件合并,文件最小化/文件压缩,使用 CDN 托管(js,css)文件,缓存的使用(多个域名来提供缓存)。 减少页面加载时间 1.优化图片 2.图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方) 3.优化CSS(压缩合并css,如margin-top,margin-left…) 4.网址后加斜杠(如...原创 2018-03-13 10:36:44 · 1502 阅读 · 0 评论 -
null和undefined的区别
null和undefined的区别null是一个表示”无”的对象,转为数值时为0;undefined是一个表示”无”的原始值,转为数值时为NaN。 当声明的变量还未被初始化时,变量的默认值为undefined。 null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。undefined表示”缺少值”,就是此处应该有一个值,但是还没有定义。典型用法是: (1)变量被...原创 2018-03-13 11:47:03 · 250 阅读 · 0 评论 -
Call()与Apply()的异同
【call()与apply()异同】在了解异同之前,先来搞清楚这两个方法都是怎么用的基本使用call()function.call(obj[,arg1[, arg2[, [,.argN]]]]]) 调用call的对象必须是个函数function call的第一个参数将会是function改变上下文后指向的对象,也就是上面例子里的小刚,也就是上上面例子里的老婆大人...转载 2018-03-13 14:30:35 · 204 阅读 · 0 评论 -
数组对象去重方式
在数组中都是数字的时候很好去重,例如: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 · 2427 阅读 · 0 评论 -
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 · 346 阅读 · 0 评论 -
绑定的对象属性赋值/改变值的时候,页面没有渲染
绑定的对象属性赋值/改变值的时候,页面没有渲染row.processSecond = response.data.data;解决方法:使用Vue的setthis.set _this.setthis.set(row, ‘processSecond’, response.data.data)...原创 2018-10-11 16:24:56 · 1372 阅读 · 0 评论 -
线程与进程的区别
线程与进程的区别 一个程序至少有一个进程,一个进程至少有一个线程. 线程的划分尺度小于进程,使得多线程程序的并发性高。 另外,进程在执行过程中拥有独立的内存单元,而多个线程共享内存,从而极大地提高了程序的运行效率。 线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行,必须依存在应用程序中,由应用程...原创 2018-03-13 10:28:28 · 261 阅读 · 0 评论 -
CSS3新增伪类
:first-of-type p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。 :last-of-type p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。:only-of-type p:only-of-type 选择属于其父...转载 2018-03-05 19:57:01 · 156 阅读 · 0 评论 -
前端常见兼容性问题及其解决方法
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 · 2096 阅读 · 0 评论 -
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 · 158 阅读 · 0 评论 -
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 · 179 阅读 · 0 评论 -
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 · 416 阅读 · 0 评论 -
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 · 5302 阅读 · 4 评论 -
语义化的理解
语义化的理解 1.去掉和丢失样式的时候能够让页面呈现出清晰的结构。 2.有利于SEO和搜索引擎建立良好的沟通,有助于爬虫抓取更多的有效信息,爬虫以来于标签来确定上下文和各关键字的权重。 3.方便其他设备解析,如盲人阅读器,屏幕阅读器等,以意义化的方式来渲染网页。 4.便于团队开发和维护,语义化更具有可读性,减少差异化。...原创 2018-03-07 16:59:27 · 651 阅读 · 0 评论 -
IE6 浏览器常见兼容问题
出处:网易博客-独行冰海:IE6 浏览器常见兼容问题 大汇总1.<!DOCTYPE HTML>文档类型的声明。产生条件:IE6浏览器,当我们没有书写这个文档声明的时候,会触发IE6浏览器的怪异解析现象;解决办法:书写文档声明。2.不同浏览器当中,很多的标签的默认样式不同,如默认的外部丁内补丁。产生条件:不同浏览器;解决办法:利用CSS reset文件进行样式的清除,然后再根据需要进行设...转载 2017-11-13 14:49:41 · 2977 阅读 · 1 评论 -
Doctype严格模式和混杂模式的区别及意义?
Doctype的作用?严格模式和混杂模式的区别?它们有什么意义? 1.<!DOCTYPE>声名位于文档的最前面,在<HTML> 标签的前面,告知浏览器以何种模式来渲染文档。 2.严格模式的排版和JS运作模式都是以浏览器支持的最高的标准运行。按照W3C的标准来解析代码。 3.混杂模式是以宽松的,向后兼容的方式来解析代码。是指浏览器用自己的方式解析代码,模拟老式浏览器的行为以防止原创 2018-03-09 11:24:03 · 1980 阅读 · 0 评论 -
HTML和XHTML的区别
HTML和XHTML的区别 1.所有的标记都必须要有一个相应的结束标记。 2.所有的标记的元素和属性的名字都必须要小写。 3.所有XML标记都必须合理的嵌套。 4.所有的属性必须要用引号括起来。 5.图片必须加上说明文字。 6.所有的<和&特殊符号需要转移或者编码表示。 7.空元素以 />结尾。原创 2018-03-09 11:25:59 · 185 阅读 · 0 评论 -
Position的属性和属性值及差别
Position的属性和属性值及差别 Position的四个属性 : 1.relative:生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常(原先本身)位置进行定位。可通过z-index进行层次分级。 2.absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “转载 2018-03-09 11:38:07 · 1967 阅读 · 0 评论 -
响应式开发
响应式开发转载 2017-11-05 18:32:22 · 532 阅读 · 0 评论