<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[lz305263的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/lz305263</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; lz305263]]></copyright><item><title><![CDATA[页面输入框js正则验证输入值为数字，且只保留小数点后两位]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/76237861</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/76237861</guid><author>lz305263</author><pubDate>Fri, 28 Jul 2017 11:13:40 +0800</pubDate><description><![CDATA[input type="text" id="aaa" name="aaa" onkeyup="clearNoNum(this)" onblur="clearNoNum(this)"/> 


function 
clearNoNum(obj) 
{ 
//先把非数字的都替换掉，除了数字和. 
obj.value = obj.value.replace(/[^\d.]/g,"");
]]></description><category></category></item><item><title><![CDATA[js单纯判断滚动条方向]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/70759564</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/70759564</guid><author>lz305263</author><pubDate>Tue, 25 Apr 2017 17:58:11 +0800</pubDate><description><![CDATA[Js代码  
function scroll( fn ) {  
    var beforeScrollTop = document.body.scrollTop,  
        fn = fn || function() {};  
    window.addEventListener("scroll", function() {  
        var afterScr]]></description><category></category></item><item><title><![CDATA[vue2生命周期钩子]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/68064795</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/68064795</guid><author>lz305263</author><pubDate>Wed, 29 Mar 2017 14:31:21 +0800</pubDate><description><![CDATA[作者：monkeyWang
链接：https://www.zhihu.com/question/52917848/answer/150661534
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。




    
    




     {{ message }}



    
  var app = new Vue({
      el: '#app',
]]></description><category></category></item><item><title><![CDATA[通过jQuery Ajax使用FormData对象上传文件]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/61198786</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/61198786</guid><author>lz305263</author><pubDate>Fri, 10 Mar 2017 16:05:10 +0800</pubDate><description><![CDATA[FormData对象，是可以使用一系列的键值对来模拟一个完整的表单，然后使用XMLHttpRequest发送这个"表单"。

在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。

但上传文件部分只有底层的XMLHttpRequest对象发送上传请求，那么怎么通过jQuery的Ajax上传呢？
本文将介绍通过jQuery使用For]]></description><category></category></item><item><title><![CDATA[JS判断客户端是否是iOS或者Android手机移动端]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/53467101</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/53467101</guid><author>lz305263</author><pubDate>Mon, 05 Dec 2016 17:03:56 +0800</pubDate><description><![CDATA[通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。代码如下：



var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U]]></description><category></category></item><item><title><![CDATA[移动端input上传调用相机]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/53421536</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/53421536</guid><author>lz305263</author><pubDate>Thu, 01 Dec 2016 14:57:08 +0800</pubDate><description><![CDATA[<input id="File2" runat="server" type="file" accept="image/*"
 capture="camera" style="width:100%" />]]></description><category></category></item><item><title><![CDATA[FileReader：读取本地图片文件并显示]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/53305826</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/53305826</guid><author>lz305263</author><pubDate>Wed, 23 Nov 2016 15:23:40 +0800</pubDate><description><![CDATA[helloweba.com 作者：月光光 时间：2013-07-22
 20:41 标签： html5  本地文件 







最近忙得比狗还惨，导致长时间没能更新文章，真心对不住啊。抽空整理了下关于在页面上读取和显示本地图片的实例文章，本文通过实例讲解如何使用支持FileReader浏览器的用户将能够通过一个file input选择一个图片文件，并不经过上传而直接将图片显示]]></description><category></category></item><item><title><![CDATA[HTML文件中表格（Table）标记的常用属性]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/53102596</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/53102596</guid><author>lz305263</author><pubDate>Wed, 09 Nov 2016 17:36:27 +0800</pubDate><description><![CDATA[table标记的常用属性







border

表格边框宽度



width

整个表格的宽度



height

整个表格的高度(在XHTML里，table标记没有这个属性)



background

表格背景图象



align

整个表格的对齐方式，,主要有三个值left center right 分别表示]]></description><category></category></item><item><title><![CDATA[常用正则表达式大全]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/52935535</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/52935535</guid><author>lz305263</author><pubDate>Wed, 26 Oct 2016 16:24:23 +0800</pubDate><description><![CDATA[一、校验数字的表达式

 1 数字：^[0-9]*$
 2 n位的数字：^\d{n}$
 3 至少n位的数字：^\d{n,}$
 4 m-n位的数字：^\d{m,n}$
 5 零和非零开头的数字：^(0|[1-9][0-9]*)$
 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$
 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{]]></description><category></category></item><item><title><![CDATA[input标签内容改变的触发事件]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/52243658</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/52243658</guid><author>lz305263</author><pubDate>Thu, 18 Aug 2016 18:26:44 +0800</pubDate><description><![CDATA[1. onchange事件与onpropertychange事件的区别：

　　onchange事件在内容改变（两次内容有可能相等）且失去焦点时触发；onpropertychange事件是实时触发，每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件是IE专有。

2. oninput事件与onpropertychange事件的区别：

　　oninput事件是IE之外]]></description><category></category></item><item><title><![CDATA[总结移动端页面开发时需要注意的一些问题]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/52211850</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/52211850</guid><author>lz305263</author><pubDate>Mon, 15 Aug 2016 15:48:59 +0800</pubDate><description><![CDATA[1、防止手机中网页放大和缩小，这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport

有些手机网站我们看到如下声明：

DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">


设置了]]></description><category></category></item><item><title><![CDATA[Js/Jquery获取iframe中的元素]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/52161552</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/52161552</guid><author>lz305263</author><pubDate>Tue, 09 Aug 2016 12:04:55 +0800</pubDate><description><![CDATA[在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。

js

在父窗口中获取iframe中的元素

1.


Js代码  



格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();]]></description><category></category></item><item><title><![CDATA[移动前端知识总结]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/52154008</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/52154008</guid><author>lz305263</author><pubDate>Mon, 08 Aug 2016 17:41:07 +0800</pubDate><description><![CDATA[meta基础知识

H5页面窗口自动调整到设备宽度，并禁止用户缩放页面
 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

忽略将页面中的数字识别为电话号码
 name="format-detect]]></description><category></category></item><item><title><![CDATA[WEB开发中，输入框被弹起的虚拟键盘遮挡住原因收集]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/52085589</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/52085589</guid><author>lz305263</author><pubDate>Mon, 01 Aug 2016 14:51:29 +0800</pubDate><description><![CDATA[1.position:fixed 引起的。
2.body高度100%所致。]]></description><category></category></item><item><title><![CDATA[CSS实现兼容性的渐变背景(gradient)效果]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/51958127</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/51958127</guid><author>lz305263</author><pubDate>Tue, 19 Jul 2016 17:55:29 +0800</pubDate><description><![CDATA[一、IE系列
  
（1）语法：

filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=5,finishx=90,finishy=60)
progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientT]]></description><category></category></item><item><title><![CDATA[flipsnap--手机屏幕水平滑动框架]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/51735251</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/51735251</guid><author>lz305263</author><pubDate>Wed, 22 Jun 2016 16:27:20 +0800</pubDate><description><![CDATA[在很多手机应用中，大家都会见过这样一种效果：当手指横向滑动屏幕时，屏幕上的页面会向左或向右滑动。

　　　　下面介绍一下当用HTML5+CSS3开发手机应用时解决这类效果的一款js框架：flipsnap。

　　　　flipsnap.js的源码大家可以到flipsnap官网：http://pxgrid.github.com/js-flipsnap/下载。

　　　　下面列出我写的小例子]]></description><category></category></item><item><title><![CDATA[关于文字内容溢出用点点点(…)省略号表示]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/51723086</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/51723086</guid><author>lz305263</author><pubDate>Mon, 20 Jun 2016 20:15:10 +0800</pubDate><description><![CDATA[更新于2015-10-08
对于现代浏览器，例如webkit内核的浏览器，或者移动端，是可以实现多行文本内容超出点点点…最后一行显示的，典型的CSS组合如下：

.box {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
]]></description><category></category></item><item><title><![CDATA[transitionend animationend 事件兼容问题]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/51694288</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/51694288</guid><author>lz305263</author><pubDate>Thu, 16 Jun 2016 20:00:44 +0800</pubDate><description><![CDATA[平时在做动画的时候，如果涉及交互比较多一些的时候。比如像拆礼盒，摇筛子等基于微信的小游戏，transitionend和animationend这个两个事件都会用到，之前做微信的小游戏过程中，把两个事件在pc端和移动端的常用的浏览器给测试了一下并做了整理，虽然浏览器的支持结果大同小异，但是还是有一些细微的差别的，其中微信和qq浏览器（其实是同一个）对于两个事件都需要加前缀！

一、transit]]></description><category></category></item><item><title><![CDATA[String.fromCharCode妙用只能input输入正数]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/51544340</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/51544340</guid><author>lz305263</author><pubDate>Tue, 31 May 2016 11:31:42 +0800</pubDate><description><![CDATA[type 可以是任何类型


$('input[type=score]').keypress(function(e) {
  if (!String.fromCharCode(e.keyCode).match(/[0-9\.]/)) {
    return false;
  }
});]]></description><category></category></item><item><title><![CDATA[ES5中新增的Array方法详细说明]]></title><link>https://blog.youkuaiyun.com/lz305263/article/details/51526296</link><guid>https://blog.youkuaiyun.com/lz305263/article/details/51526296</guid><author>lz305263</author><pubDate>Sat, 28 May 2016 19:13:55 +0800</pubDate><description><![CDATA[一、前言-索引

ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。

ES5中新增了写数组方法，如下：

forEach (js v1.6)map (js v1.6)filter (js v1.6)some (js v1.6)every (js v1.6)indexOf (js v1.6)lastIndex]]></description><category></category></item></channel></rss>