<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[YetnumSun的博客]]></title><description><![CDATA[主要更新web前端相关内容]]></description><link>https://blog.youkuaiyun.com/YetnumSun</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; YetnumSun]]></copyright><item><title><![CDATA[js图片延迟加载/懒加载(lazyload)]]></title><link>https://blog.youkuaiyun.com/YetnumSun/article/details/79986417</link><guid>https://blog.youkuaiyun.com/YetnumSun/article/details/79986417</guid><author>YetnumSun</author><pubDate>Thu, 19 Apr 2018 09:31:11 +0800</pubDate><description><![CDATA[当我们打开网页时，如果网页上有多张图片，同时加载会对网络造成较大影响，也会对服务器造成负担，用户体验可能大打折扣。为了解决这个问题，我们可以使用延迟加载/懒加载的方法。首先我们需要引用jQuery和lazyload文件：&amp;lt;script src=&quot;jquery-1.11.0.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script src=&quot;jquery.lazyload.j...]]></description><category></category></item><item><title><![CDATA[draggable()拖拽时限制移动区域]]></title><link>https://blog.youkuaiyun.com/YetnumSun/article/details/78962573</link><guid>https://blog.youkuaiyun.com/YetnumSun/article/details/78962573</guid><author>YetnumSun</author><pubDate>Wed, 03 Jan 2018 16:23:39 +0800</pubDate><description><![CDATA[jQuery-UI为我们提供了一个非常便捷的拖拽方法：draggable()，在使用此方法时，我们可能会希望控件只在某一区域中移动，不能被拖出边界，这样的话我们可以使用下面的方法：

调用draggable()时：








1




$('#element').draggable({containment: '#background'});



]]></description><category></category></item><item><title><![CDATA[php中除法取整的方法（round，ceil，floor）]]></title><link>https://blog.youkuaiyun.com/YetnumSun/article/details/65633933</link><guid>https://blog.youkuaiyun.com/YetnumSun/article/details/65633933</guid><author>YetnumSun</author><pubDate>Fri, 24 Mar 2017 17:24:47 +0800</pubDate><description><![CDATA[PHP中遇到需要将除法所得结果取整的情况时，就需要用到以下方法：
1. round：四舍五入
round() 函数对浮点数进行四舍五入。

语法：round(x, prec)



参数
描述


x
可选。规定要舍入的数字。


prec
可选。规定小数点后的位数。




说明：返回将 x 根据指定精度 prec （十进制小数点后数字的数目）进行四舍]]></description><category></category></item><item><title><![CDATA[移位运算符<<与>>]]></title><link>https://blog.youkuaiyun.com/YetnumSun/article/details/62884161</link><guid>https://blog.youkuaiyun.com/YetnumSun/article/details/62884161</guid><author>YetnumSun</author><pubDate>Fri, 17 Mar 2017 11:17:42 +0800</pubDate><description><![CDATA[程序设计中，我们有时会看到两种运算符：>，这两种运算符均为移位运算符，属于位操作运算符中的一种，分别为>（右移）。

其中，左移运算是将一个二进制位的操作数按指定的移动位数向左移动，移出位被丢弃，右边的空位一律补0；右移运算是将一个二进制位的操作数按指定的移动位数向右移动，移出位被丢弃，左边的空位一律补0，或者补符号位（与被移位的数据是否带符号有关）。




实例1：1

实例]]></description><category></category></item><item><title><![CDATA[在线颜色选择器]]></title><link>https://blog.youkuaiyun.com/YetnumSun/article/details/60960477</link><guid>https://blog.youkuaiyun.com/YetnumSun/article/details/60960477</guid><author>YetnumSun</author><pubDate>Thu, 09 Mar 2017 14:57:58 +0800</pubDate><description><![CDATA[在做web开发的时候，有时需要自己解决配色问题，但又不知道某一种颜色对应的代码，这时在线颜色选择器就有了用武之地。


这里推荐的是我经常用的一个网站：ATOOL在线工具]]></description><category></category></item><item><title><![CDATA[正则表达式30分钟入门教程]]></title><link>https://blog.youkuaiyun.com/YetnumSun/article/details/56840589</link><guid>https://blog.youkuaiyun.com/YetnumSun/article/details/56840589</guid><author>YetnumSun</author><pubDate>Fri, 24 Feb 2017 14:32:01 +0800</pubDate><description><![CDATA[本文转载自：http://deerchao.net/tutorials/regex/regex.htm
作者：deerchao
 
1.   入门：
学习正则表达式的最好方法是从例子开始，理解例子之后再自己对例子进行修改，实验。下面给出了不少简单的例子，并对它们作了详细的说明。
假设你在一篇英文小说里查找hi，你可以使用正则表达式hi。
这几乎是最简单的正则表达式了，它可以精确匹配这样]]></description><category></category></item><item><title><![CDATA[CSS鼠标指针cursor样式]]></title><link>https://blog.youkuaiyun.com/YetnumSun/article/details/55251596</link><guid>https://blog.youkuaiyun.com/YetnumSun/article/details/55251596</guid><author>YetnumSun</author><pubDate>Thu, 16 Feb 2017 09:35:47 +0800</pubDate><description><![CDATA[参考来源：W3SCHOOL
有时我们需要在CSS布局时设定特定的鼠标指针样式，这时可以通过设定cursor来实现：


url: 需使用的自定义光标的 URL。

注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标;

default: 默认光标（通常是一个箭头）;

auto: 默认。浏览器设置的光标;

crosshair: 光标呈现为十字]]></description><category></category></item><item><title><![CDATA[js实现自定义右键菜单]]></title><link>https://blog.youkuaiyun.com/YetnumSun/article/details/55045003</link><guid>https://blog.youkuaiyun.com/YetnumSun/article/details/55045003</guid><author>YetnumSun</author><pubDate>Mon, 13 Feb 2017 09:58:49 +0800</pubDate><description><![CDATA[JavaScript实现自定义右键菜单，思路如下：
1. 屏蔽默认右键事件；
2. 隐藏自定义的菜单模块（如div、ul等）；
3. 右键点击特定或非特定区域，显示菜单模块；
4. 再次点击，隐藏菜单。


明确了思路，下面给出相关代码：
HTML


    
        选择类型：
    
    
        拼接视频文件
        拼接图片文件
     ]]></description><category></category></item><item><title><![CDATA[如何去掉ul和li前面的小黑点]]></title><link>https://blog.youkuaiyun.com/YetnumSun/article/details/54890722</link><guid>https://blog.youkuaiyun.com/YetnumSun/article/details/54890722</guid><author>YetnumSun</author><pubDate>Mon, 06 Feb 2017 10:53:51 +0800</pubDate><description><![CDATA[做网站的时候经常会遇到如上图所示的小圆点，难看不说，还容易影响布局，下面就介绍几种消除小圆点的方法：
1. 找到相关CSS文件，在.ul 和.li 部分添加：
list-style: none;
或：
list-style-type: none;
2. 在页面部分添加：

list-style: none;

3. 在HTML标签中添加：

  优快云
  

以上三种方式分别]]></description><category></category></item><item><title><![CDATA[利用本地存储实现记录滚动条的位置]]></title><link>https://blog.youkuaiyun.com/YetnumSun/article/details/53808866</link><guid>https://blog.youkuaiyun.com/YetnumSun/article/details/53808866</guid><author>YetnumSun</author><pubDate>Thu, 22 Dec 2016 08:57:26 +0800</pubDate><description><![CDATA[在做项目的时候，希望给页面添加一个功能，就是刷新页面之后滚动条还可以保持在刷新之前的位置，方便用户继续浏览。查询了相关资料之后看到一篇文章讲得不错，链接如下：
原文地址：http://learning.sohu.com/20161219/n476332520.shtml
作者：HTML5学堂(http://www.h5course.com/)
文章原文：


　在一定时间范围内，用手机]]></description><category></category></item></channel></rss>