<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Zykon]]></title><description><![CDATA[Zykon的优快云博客]]></description><link>https://blog.youkuaiyun.com/zykon</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zykon]]></copyright><item><title><![CDATA[身份证号码合法性校验 前端]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/112305580</link><guid>https://blog.youkuaiyun.com/zykon/article/details/112305580</guid><author>zykon</author><pubDate>Thu, 07 Jan 2021 11:20:41 +0800</pubDate><description><![CDATA[var idNumberRule= (rule, value, callback) =&gt; {
  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.]]></description><category></category></item><item><title><![CDATA[删除数组中指定元素(ES6方法)]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/108283344</link><guid>https://blog.youkuaiyun.com/zykon/article/details/108283344</guid><author>zykon</author><pubDate>Fri, 28 Aug 2020 17:10:38 +0800</pubDate><description><![CDATA[原数据
let arr =[{id:1},{id:2},{id:3},{id:8}]

待删除数据
obj = {id:1}

在原数据上删除数据
arr.splice(arr.findIndex(item =&gt; item.id === obj.id), 1) // [{id:2},{id:3},{id:8}]


findIndex() 方法


]]></description><category></category></item><item><title><![CDATA[绑定的对象属性赋值/改变值的时候，页面没有渲染]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/83014408</link><guid>https://blog.youkuaiyun.com/zykon/article/details/83014408</guid><author>zykon</author><pubDate>Thu, 11 Oct 2018 16:24:56 +0800</pubDate><description><![CDATA[绑定的对象属性赋值/改变值的时候，页面没有渲染
row.processSecond = response.data.data;
解决方法：使用Vue的setthis.set
        _this.sett​his.set(row, ‘processSecond’, response.data.data)

...]]></description><category></category></item><item><title><![CDATA[JS判断对象是否为空对象的几种方法]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/81533634</link><guid>https://blog.youkuaiyun.com/zykon/article/details/81533634</guid><author>zykon</author><pubDate>Thu, 09 Aug 2018 11:30:13 +0800</pubDate><description><![CDATA[1.将json对象转化为json字符串，再判断该字符串是否为”{}” 
var data = {}; 
var b = (JSON.stringify(data) === ‘{}’); 
alert(b);//true

2.for in 循环判断 
var obj = {}; 
var b = function() { 
for(var key in obj) { 
return false; ...]]></description><category></category></item><item><title><![CDATA[数组对象去重方式]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/80570747</link><guid>https://blog.youkuaiyun.com/zykon/article/details/80570747</guid><author>zykon</author><pubDate>Mon, 04 Jun 2018 17:52:32 +0800</pubDate><description><![CDATA[
  在数组中都是数字的时候很好去重，例如：var  arr=[1,2,2,2,3,4,5,4,5,3,6]；可以用两层for循环或者其他方式进行去重，在数组中都是对象的时候就需要设置布尔值来进行去重操作，原理也是两层for循环，但是在第一层for循环内需要定义布尔值为true，用来维持一个量，之后在内层for循环中进行比对，如果按照某个条件比对满足的话，布尔值就为false，之后在第一层for循...]]></description><category></category></item><item><title><![CDATA[Call()与Apply()的异同]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79540066</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79540066</guid><author>zykon</author><pubDate>Tue, 13 Mar 2018 14:30:35 +0800</pubDate><description><![CDATA[【call()与apply()异同】

在了解异同之前，先来搞清楚这两个方法都是怎么用的



基本使用

call()

function.call(obj[,arg1[, arg2[, [,.argN]]]]])



  调用call的对象必须是个函数function 
  call的第一个参数将会是function改变上下文后指向的对象，也就是上面例子里的小刚，也就是上上面例子里的老婆大人...]]></description><category></category></item><item><title><![CDATA[null和undefined的区别]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79538503</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79538503</guid><author>zykon</author><pubDate>Tue, 13 Mar 2018 11:47:03 +0800</pubDate><description><![CDATA[null和undefined的区别

null是一个表示”无”的对象，转为数值时为0；undefined是一个表示”无”的原始值，转为数值时为NaN。 
当声明的变量还未被初始化时，变量的默认值为undefined。 null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。

undefined表示”缺少值”，就是此处应该有一个值，但是还没有定义。典型用法是：


  （1）变量被...]]></description><category></category></item><item><title><![CDATA[如何对网站的文件资源进行优化并减少页面加载时间]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79537196</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79537196</guid><author>zykon</author><pubDate>Tue, 13 Mar 2018 10:36:44 +0800</pubDate><description><![CDATA[
  文件和资源优化 
  文件合并，文件最小化/文件压缩，使用 CDN 托管（js，css）文件，缓存的使用（多个域名来提供缓存）。





  减少页面加载时间 
  1.优化图片  
   2.图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方）  
   3.优化CSS（压缩合并css，如margin-top,margin-left…)  
   4.网址后加斜杠（如...]]></description><category></category></item><item><title><![CDATA[线程与进程的区别]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79537045</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79537045</guid><author>zykon</author><pubDate>Tue, 13 Mar 2018 10:28:28 +0800</pubDate><description><![CDATA[线程与进程的区别


  一个程序至少有一个进程,一个进程至少有一个线程.  
  线程的划分尺度小于进程，使得多线程程序的并发性高。  
  另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率。  
  线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行，必须依存在应用程序中，由应用程...]]></description><category></category></item><item><title><![CDATA[前端常见兼容性问题及其解决方法]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79525333</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79525333</guid><author>zykon</author><pubDate>Mon, 12 Mar 2018 14:35:28 +0800</pubDate><description><![CDATA[Q：png24位的图片在iE6浏览器上出现背景。 
A：将图片格式做成PNG8，也可以引用一段脚本来处理。

Q:浏览器默认的margin和padding不同。 
A:添加一个全局的{margin：0；padding：0；}来统一初始化。

Q:IE6双边距bug，块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。 
A：浮动ie产生的双倍距离（IE6双边距...]]></description><category></category></item><item><title><![CDATA[Position的属性和属性值及差别]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79495312</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79495312</guid><author>zykon</author><pubDate>Fri, 09 Mar 2018 11:38:07 +0800</pubDate><description><![CDATA[Position的属性和属性值及差别
  Position的四个属性 ： 
  1.relative：生成相对定位的元素，通过top,bottom,left,right的设置相对于其正常（原先本身）位置进行定位。可通过z-index进行层次分级。
  
  2.absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “]]></description><category></category></item><item><title><![CDATA[HTML和XHTML的区别]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79495095</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79495095</guid><author>zykon</author><pubDate>Fri, 09 Mar 2018 11:25:59 +0800</pubDate><description><![CDATA[HTML和XHTML的区别
  1.所有的标记都必须要有一个相应的结束标记。 
  2.所有的标记的元素和属性的名字都必须要小写。 
  3.所有XML标记都必须合理的嵌套。 
  4.所有的属性必须要用引号括起来。 
  5.图片必须加上说明文字。 
  6.所有的<和&特殊符号需要转移或者编码表示。 
  7.空元素以 />结尾。]]></description><category></category></item><item><title><![CDATA[Doctype严格模式和混杂模式的区别及意义？]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79495050</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79495050</guid><author>zykon</author><pubDate>Fri, 09 Mar 2018 11:24:03 +0800</pubDate><description><![CDATA[Doctype的作用？严格模式和混杂模式的区别？它们有什么意义？
  1.<!DOCTYPE>声名位于文档的最前面，在<HTML> 标签的前面，告知浏览器以何种模式来渲染文档。
  
  2.严格模式的排版和JS运作模式都是以浏览器支持的最高的标准运行。按照W3C的标准来解析代码。
  
  3.混杂模式是以宽松的，向后兼容的方式来解析代码。是指浏览器用自己的方式解析代码，模拟老式浏览器的行为以防止]]></description><category></category></item><item><title><![CDATA[语义化的理解]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79471366</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79471366</guid><author>zykon</author><pubDate>Wed, 07 Mar 2018 16:59:27 +0800</pubDate><description><![CDATA[语义化的理解


  1.去掉和丢失样式的时候能够让页面呈现出清晰的结构。
  
  2.有利于SEO和搜索引擎建立良好的沟通，有助于爬虫抓取更多的有效信息，爬虫以来于标签来确定上下文和各关键字的权重。
  
  3.方便其他设备解析，如盲人阅读器，屏幕阅读器等，以意义化的方式来渲染网页。
  
  4.便于团队开发和维护，语义化更具有可读性，减少差异化。
...]]></description><category></category></item><item><title><![CDATA[CSS3新增伪类]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79450191</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79450191</guid><author>zykon</author><pubDate>Mon, 05 Mar 2018 19:57:01 +0800</pubDate><description><![CDATA[:first-of-type    p:first-of-type    选择属于其父元素的首个 &amp;lt;p&amp;gt; 元素的每个 &amp;lt;p&amp;gt; 元素。     :last-of-type    p:last-of-type    选择属于其父元素的最后 &amp;lt;p&amp;gt; 元素的每个 &amp;lt;p&amp;gt; 元素。:only-of-type    p:only-of-type    选择属于其父...]]></description><category></category></item><item><title><![CDATA[javascript中childNodes与children的区别]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/79244282</link><guid>https://blog.youkuaiyun.com/zykon/article/details/79244282</guid><author>zykon</author><pubDate>Sat, 03 Feb 2018 00:09:18 +0800</pubDate><description><![CDATA[1、childNodes：获取节点，不同浏览器表现不同；

　　IE：只获取元素节点；

　　非IE：获取元素节点与文本节点；

　　解决方案：if(childNode.nodeName=="#text") continue 或者 if(childNode.nodeType != '3') continue 

2、children：获取元素节点，浏览器表现相同。

　　因此建]]></description><category></category></item><item><title><![CDATA[jQuery常用选择器]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/78774039</link><guid>https://blog.youkuaiyun.com/zykon/article/details/78774039</guid><author>zykon</author><pubDate>Mon, 11 Dec 2017 16:32:23 +0800</pubDate><description><![CDATA[jQuery常用选择器


  1.id选择器 
  概述：根据给定的ID匹配一个元素。


用法：查找 ID 为"myDiv"的元素。
HTML 代码:
id="notMe"
id="myDiv"
jQuery 代码:
$("#myDiv");
结果:
[ id="myDiv" ]



  2.元素选择器 
  概述：根据给定的元素名匹配所有元素


用法：查找一个 DIV 元素。
HTML]]></description><category></category></item><item><title><![CDATA[正则表达式]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/78773719</link><guid>https://blog.youkuaiyun.com/zykon/article/details/78773719</guid><author>zykon</author><pubDate>Mon, 11 Dec 2017 16:08:15 +0800</pubDate><description><![CDATA[正则表达式 RegExp

直接量语法


  /pattern/attributes


创建 RegExp 对象的语法：


  new RegExp(pattern, attributes);




修饰符




  修饰符
  描述



  i
  执行对大小写不敏感的匹配


  g
  执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）


  m
  执行多行匹配]]></description><category></category></item><item><title><![CDATA[JavaScript Array对象]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/78738246</link><guid>https://blog.youkuaiyun.com/zykon/article/details/78738246</guid><author>zykon</author><pubDate>Thu, 07 Dec 2017 11:43:07 +0800</pubDate><description><![CDATA[JavaScript Array 对象Array 对象Array 对象用于在单个的变量中存储多个值。创建 Array 对象的语法
  new Array（）； 
  new Array（size）； 
  new Array (element0, element1, …, elementn);
参数
  参数 size 是期望的数组元素个数。返回的数组，length 字段将被设为 size 的值。]]></description><category></category></item><item><title><![CDATA[for循环语句练习]]></title><link>https://blog.youkuaiyun.com/zykon/article/details/78588264</link><guid>https://blog.youkuaiyun.com/zykon/article/details/78588264</guid><author>zykon</author><pubDate>Tue, 21 Nov 2017 00:05:47 +0800</pubDate><description><![CDATA[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;]]></description><category></category></item></channel></rss>