<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/anbaque4102</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; anbaque4102]]></copyright><item><title><![CDATA[vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序克隆clone]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414094</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414094</guid><author>anbaque4102</author><pubDate>Wed, 12 Dec 2018 15:30:00 +0800</pubDate><description><![CDATA[vue拖拽克隆clone组件API， vue.draggable实现盒子之间相互拖拽排序克隆（网上资源整理的文档）
效果图：



首先需要安装vuedraggable依赖包：
npm install vuedraggable --save
因为拖拽组件依赖sortablejs ，如果项目没有安装sortablejs ，可能需要安装一下
npminstallsort...]]></description><category></category></item><item><title><![CDATA[js解析URL参数]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414089</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414089</guid><author>anbaque4102</author><pubDate>Mon, 23 Apr 2018 17:39:00 +0800</pubDate><description><![CDATA[js解析URL参数：
url格式：a=123&amp;b=234

             getUrlParam(name) {
                    //解析URL参数
                    var reg = new RegExp("(^|&amp;)" + name + "=([^&amp;]*)(&amp;|$)");  
  ...]]></description><category></category></item><item><title><![CDATA[vue复选框 模拟checkbox多选全选,vue页面加载屏蔽花括号]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414108</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414108</guid><author>anbaque4102</author><pubDate>Mon, 23 Apr 2018 17:31:00 +0800</pubDate><description><![CDATA[1、解决vue页面渲染出现花括号的问题：
在最外层的dom节点上加上v-cloak ，css里面
&lt;div class="detail-content" id="detail-content" v-cloak&gt;....&lt;/div&gt;
css:[v-cloak]{    display: none;}
2、vue复选框 模拟checkbox多选全选

 ...]]></description><category></category></item><item><title><![CDATA[js毫秒转换天时分秒/动态倒计时]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414107</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414107</guid><author>anbaque4102</author><pubDate>Mon, 05 Dec 2016 13:58:00 +0800</pubDate><description><![CDATA[&lt;script language="JavaScript"&gt;
  
  function getQueryString(name) {
    var reg =new RegExp("(^|&amp;)"+ name +"=([^&amp;]*)(&amp;|$)", "i");
    var r = window.location.search.substr...]]></description><category></category></item><item><title><![CDATA[简洁的滚动鼠标 改变图片大小js]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414092</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414092</guid><author>anbaque4102</author><pubDate>Fri, 25 Mar 2016 16:26:00 +0800</pubDate><description><![CDATA[//--------------------------------------------实现滚动鼠标缩放图片    
    function bbimg(o){
    var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/7;if (zoom&gt;0) o.style.zoom=zoom+'%';...]]></description><category></category></item><item><title><![CDATA[动态实时获取浏览器窗口大小]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414088</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414088</guid><author>anbaque4102</author><pubDate>Fri, 25 Mar 2016 14:31:00 +0800</pubDate><description><![CDATA[&lt;form action="#" method="get" name="form1" id="form1"&gt;
        &lt;!--显示浏览器窗口的实际尺寸--&gt;
        浏览器窗口 的实际高度: &lt;input type="text" name="availHeight" size="4"&gt;&lt;br&gt;
       ...]]></description><category></category></item><item><title><![CDATA[angular js随意笔记]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414105</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414105</guid><author>anbaque4102</author><pubDate>Thu, 18 Feb 2016 11:24:00 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;&lt;script src="js/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
&lt;script src="http://apps.bdimg.com/libs/angular.js...]]></description><category></category></item><item><title><![CDATA[js字符串长度截取 substring、substr、slice]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414091</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414091</guid><author>anbaque4102</author><pubDate>Thu, 18 Feb 2016 11:07:00 +0800</pubDate><description><![CDATA[js字符串长度截取 substring、substr、slice

&lt;script&gt;

var str="www.runoob.com!";
document.write(str.substring(4)+"&lt;br&gt;"); // 从第 5 个字符开始截取到末尾
document.write(str.substring(4,10)); // 从第 5 个...]]></description><category></category></item><item><title><![CDATA[js验证邮箱正则表达式，邮箱验证方法]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414076</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414076</guid><author>anbaque4102</author><pubDate>Thu, 18 Feb 2016 10:34:00 +0800</pubDate><description><![CDATA[js验证邮箱正则表达式，邮箱验证方法

// 验证邮箱函数,正确返回 true，错误返回false
function validateEmail(email) {       //验证邮箱正则
   var re = /^(([^()[\]\\.,;:\s@\"]+(\.[^()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]...]]></description><category></category></item><item><title><![CDATA[JavaScript 格式化日期,转换时间日期格式]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414074</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414074</guid><author>anbaque4102</author><pubDate>Thu, 18 Feb 2016 10:28:00 +0800</pubDate><description><![CDATA[JavaScript 格式化日期,转换时间日期格式


// 对Date的扩展，将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， 
// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) 
// 例子： 
// (new Date()).Fo...]]></description><category></category></item><item><title><![CDATA[jQuery placeholder插件 让IE也能够支持placeholder属性]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414101</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414101</guid><author>anbaque4102</author><pubDate>Wed, 27 Jan 2016 09:43:00 +0800</pubDate><description><![CDATA[jQuery placeholder插件 让IE也能够支持placeholder属性
案例：整搜索框，需要默认占位符为“请输入关键词”，获取焦点时，占位符消失或不可用（不影响正常输入），丢失焦点后，若用户无内容输入，占位符继续出现，继续占位。这种代码我想前端们已经很容易就写出来了吧，现在HTML5原生就有这个“placeholder”属性，效果与上边案例描述的一样（各支持的浏览器内部表...]]></description><category></category></item><item><title><![CDATA[JavaScript 逼真图片倒计时实现代码   js时间图片倒计时]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414085</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414085</guid><author>anbaque4102</author><pubDate>Fri, 22 Jan 2016 10:25:00 +0800</pubDate><description><![CDATA[JavaScript 逼真图片倒计时实现代码  js时间图片倒计时
效果图：


&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;head&gt; 
&lt;title&gt;逼真图片倒计时&lt;/title&gt; 
&lt;style type="...]]></description><category></category></item><item><title><![CDATA[毫秒转换成js年月日时分秒，标准时间转换js]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414099</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414099</guid><author>anbaque4102</author><pubDate>Wed, 20 Jan 2016 15:38:00 +0800</pubDate><description><![CDATA[毫秒转换成js年月日时分秒/标准时间转换js时分秒

var format = function(time, format){
    var t = new Date(time);
    var tf = function(i){return (i &lt; 10 ? '0' : '') + i};
    return format.replace(/yyyy|MM|dd...]]></description><category></category></item><item><title><![CDATA[日期时间补0，日期时间不够两位自动补0]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414083</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414083</guid><author>anbaque4102</author><pubDate>Wed, 20 Jan 2016 15:27:00 +0800</pubDate><description><![CDATA[日期时间补0，日期时间不够两位自动补0

function getNowFormatDate() 
        { 
           var day = new Date(); 
           var Year = 0; 
           var Month = 0; 
           var Day = 0; 
           var...]]></description><category></category></item><item><title><![CDATA[鼠标放在图片上，跟随鼠标显示大图，图片提示]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414098</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414098</guid><author>anbaque4102</author><pubDate>Fri, 18 Dec 2015 10:12:00 +0800</pubDate><description><![CDATA[首先引入jQuery
html：

    &lt;ul&gt;
        &lt;li&gt;&lt;a href="images/apple_1_bigger.jpg" class="tooltip" title="苹果 iPod"&gt;&lt;img src="images/apple_1.jpg" alt="苹果 iPod" /&gt;&lt;/a&gt;&lt;...]]></description><category></category></item><item><title><![CDATA[移除IOS下input输入框和按钮的原生样式]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414081</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414081</guid><author>anbaque4102</author><pubDate>Thu, 17 Dec 2015 14:07:00 +0800</pubDate><description><![CDATA[移除IOS下input输入框和按钮的原生样式

写WAP页面的时候 一定要加上这组样式，以避免在IOS下面按钮被系统原生样式影响
input,textarea {outline-style:none;-webkit-appearance:none;}


转载于:https://www.cnblogs.com/weixin186/p/5053961.html...]]></description><category></category></item><item><title><![CDATA[使用jquery.qrcode生成二维码，在线演示，下载源码]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414095</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414095</guid><author>anbaque4102</author><pubDate>Thu, 17 Dec 2015 11:25:00 +0800</pubDate><description><![CDATA[qrcode其实是通过使用jQuery实现图形渲染，画图，支持canvas（HTML5）和table两种方式，您可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码。
如何使用1、首先在页面中加入jquery库文件和qrcode插件。
&lt;script type="text/javascript" src="jque...]]></description><category></category></item><item><title><![CDATA[使用h5 canvas绘制圆形进度条]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414079</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414079</guid><author>anbaque4102</author><pubDate>Thu, 17 Dec 2015 10:22:00 +0800</pubDate><description><![CDATA[创建一个Html容器canvas：

&lt;canvas id="myCanvasTag" width="300" height="300" style="border: 1px blue solid"&gt; &lt;/canvas&gt;


JavaScript：

&lt;script&gt;
  var mycanvas  = document.getEle...]]></description><category></category></item><item><title><![CDATA[jQuery全屏滚动插件fullPage.js API]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414093</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414093</guid><author>anbaque4102</author><pubDate>Thu, 17 Dec 2015 09:58:00 +0800</pubDate><description><![CDATA[jQuery全屏滚动插件fullPage.js API
插件下载地址：https://github.com/alvarotrigo/fullPage.js
1、引入js：

&lt;link rel="stylesheet" href="css/jquery.fullPage.css"&gt;
&lt;script src="js/jquery.min.js"&gt;&lt;/...]]></description><category></category></item><item><title><![CDATA[jQZoom图片放大器插件。API说明文档，jQZoom使用说明]]></title><link>https://blog.youkuaiyun.com/anbaque4102/article/details/101414078</link><guid>https://blog.youkuaiyun.com/anbaque4102/article/details/101414078</guid><author>anbaque4102</author><pubDate>Wed, 16 Dec 2015 14:09:00 +0800</pubDate><description><![CDATA[jQZoom是一个基于最流行的jQuery的图片放大器插件。它功能强大，使用简便。支持标准模式、反转模式、无镜头、无标题的放大，并可以自定义jQZoom的窗口位置和渐隐效果，修正IE6的select bug。使用之前，先引入jQZoom.js。zoomType，默认值：’standard’，另一个值是’reverse’，是否将原图用半透明图层遮盖。
zoomWidth，默认值：20...]]></description><category></category></item></channel></rss>