<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[device2070的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/device2070</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; device2070]]></copyright><item><title><![CDATA[身份证号码的校验]]></title><link>https://blog.youkuaiyun.com/device2070/article/details/130681160</link><guid>https://blog.youkuaiyun.com/device2070/article/details/130681160</guid><author>device2070</author><pubDate>Mon, 15 May 2023 11:33:42 +0800</pubDate><description><![CDATA[注意：以上正则表达式只能验证身份证的格式是否正确，并不能保证身份证号码的真实性。身份证号码的校验规则在不同国家和地区可能存在差异，建议在具体使用中再做进一步验证。18位身份证号码格式：前6位为地址码，7到14位为出生日期码，15到17位为顺序码，18位为校验码。15位身份证号码格式：前6位为地址码，7到12位为出生日期码，13到15位为顺序码。]]></description><category></category></item><item><title><![CDATA[art-template的使用]]></title><link>https://blog.youkuaiyun.com/device2070/article/details/118768485</link><guid>https://blog.youkuaiyun.com/device2070/article/details/118768485</guid><author>device2070</author><pubDate>Tue, 27 Jul 2021 18:43:10 +0800</pubDate><description><![CDATA[首先先链接一下官网http://aui.github.io/art-template/zh-cn/。

    art-template是腾讯开发的一款模板引擎，功能很是实用，故而和大家分享一下。

主要使用步骤：

1.导入template-web.js(可以在上边的官网里边进行下载)

2.制作模板

3.添加模板数据

4.模板添加到HTML中

假如说我们拿到的对象是下面的这...]]></description><category></category></item><item><title><![CDATA[jQuery初体验～实现购物车的一些功能]]></title><link>https://blog.youkuaiyun.com/device2070/article/details/118527111</link><guid>https://blog.youkuaiyun.com/device2070/article/details/118527111</guid><author>device2070</author><pubDate>Tue, 06 Jul 2021 19:05:26 +0800</pubDate><description><![CDATA[这篇只要讲js部分的代码，html，css的部分不包括在内

    首先我们要确认购物车有哪一些功能。上图：

    1. 全选
    2. 单选
    3. 修改数量 ++ --
    4.直接在输入框输入数量
    5. 修改小计金额
    6. 修改总金额
    7. 修改已选择的商品数量
    8. 删除当前项
    9. 清空购物车
    10. 选中的商品高亮显示

...]]></description><category></category></item><item><title><![CDATA[用canvas制作一个验证码]]></title><link>https://blog.youkuaiyun.com/device2070/article/details/118353915</link><guid>https://blog.youkuaiyun.com/device2070/article/details/118353915</guid><author>device2070</author><pubDate>Wed, 30 Jun 2021 09:24:11 +0800</pubDate><description><![CDATA[首先说一下要求：

     1. 绘制一个随机验证码

     2. 验证码中有10个干扰线条30个干扰点验证内容包含数字以及字母随机位置长度为5

    html部分主要包括一个canvas标签以及一个用来刷新的button， css部分基本每内容就不说了。


&lt;canvas width="400" height="300"&gt;&lt;/canvas&gt;
&lt;button id="newCode"&gt;验证码无法识别 ...]]></description><category></category></item><item><title><![CDATA[H5 draggable属性]]></title><link>https://blog.youkuaiyun.com/device2070/article/details/118291058</link><guid>https://blog.youkuaiyun.com/device2070/article/details/118291058</guid><author>device2070</author><pubDate>Mon, 28 Jun 2021 08:13:53 +0800</pubDate><description><![CDATA[draggable属性在大多数目前的浏览器中都可以兼容，是一个十分好用的属性。取值为一个布尔值，true/false，当取值为true的时候，可以用鼠标按钮拖动元素。拖拽操作期间，会有一个可拖拽元素的半透明快照跟随着鼠标指针。

    拖拽的周期及相关事件

    1. 拖拽开始

ondragstart 拖拽元素开始被拖拽的时候触发的事件，此事件作用在被拖曳元素上

    2. 拖拽进行中

o...]]></description><category></category></item><item><title><![CDATA[H5 video标签初体验]]></title><link>https://blog.youkuaiyun.com/device2070/article/details/118279240</link><guid>https://blog.youkuaiyun.com/device2070/article/details/118279240</guid><author>device2070</author><pubDate>Sun, 27 Jun 2021 20:38:06 +0800</pubDate><description><![CDATA[HTML5 新增标签替代了原来的flash，可用于在HTML或者XHTML文档中嵌入媒体播放器，用于支持文档内的视频播放。同时 标签也可以用于播放音频内容，但是标签播放音频上会更适合一些。

    一般，我们在使用video标签的时候需要提供多个视频源，这主要是由于各个浏览器对视频格式的兼容性不同，所以至少要提供两种以上视频格式，并提供一段文字说明在视频事件无法加载的时候进行解释。


&lt;video controls&gt;

    &lt;source sr...]]></description><category></category></item><item><title><![CDATA[js 函数节流防抖]]></title><link>https://blog.youkuaiyun.com/device2070/article/details/118141198</link><guid>https://blog.youkuaiyun.com/device2070/article/details/118141198</guid><author>device2070</author><pubDate>Thu, 24 Jun 2021 11:33:41 +0800</pubDate><description><![CDATA[函数节流(throttle) 、函数防抖(debounce) 主要是为了防止用户频繁进行操作。以避免事件触发太频繁，浏览器来不及处理，导致页面出现卡顿等负面影响。]]></description><category></category></item><item><title><![CDATA[js递归与应用]]></title><link>https://blog.youkuaiyun.com/device2070/article/details/118078979</link><guid>https://blog.youkuaiyun.com/device2070/article/details/118078979</guid><author>device2070</author><pubDate>Mon, 21 Jun 2021 08:29:26 +0800</pubDate><description><![CDATA[javascript

 先说一下概念，递归就是直接或间接的调用自己，递归就是将没解决的问题转化为已解决的问题。

所以重点是转化过程,即递归(划归)过程.， 然后就是在某个条件下已解决的内容
...]]></description><category></category></item><item><title><![CDATA[js坦克移动以及子弹发射]]></title><link>https://blog.youkuaiyun.com/device2070/article/details/117754007</link><guid>https://blog.youkuaiyun.com/device2070/article/details/117754007</guid><author>device2070</author><pubDate>Wed, 09 Jun 2021 20:58:02 +0800</pubDate><description><![CDATA[本文写了一种让坦克在窗口范围内移动以及发射子弹的方法。




var otank = document.getElementById("tank");
    var body = document.getElementsByTagName('body')[0]
    // L为横坐标，T为纵坐标
    var L = 0;
    var T = 0;
    document.onkeydown = function (e) {
        var code = e.keyCode;
...]]></description><category></category></item><item><title><![CDATA[CSS常见选择器总结]]></title><link>https://blog.youkuaiyun.com/device2070/article/details/117587673</link><guid>https://blog.youkuaiyun.com/device2070/article/details/117587673</guid><author>device2070</author><pubDate>Sat, 05 Jun 2021 11:15:17 +0800</pubDate><description><![CDATA[css选择器包括了很多中，笔者在此做了一个简单的汇总作为复习也供大家参考

基础选择器

 基础选择器是
]]></description><category></category></item></channel></rss>