Yetnum-优快云博客

原创 js图片延迟加载/懒加载(lazyload)

当我们打开网页时，如果网页上有多张图片，同时加载会对网络造成较大影响，也会对服务器造成负担，用户体验可能大打折扣。为了解决这个问题，我们可以使用延迟加载/懒加载的方法。首先我们需要引用jQuery和lazyload文件：<script src="jquery-1.11.0.min.js"></script> <script src="jquery.lazyload.j...

2018-04-19 09:31:11 405

原创 draggable()拖拽时限制移动区域

jQuery-UI为我们提供了一个非常便捷的拖拽方法：draggable()，在使用此方法时，我们可能会希望控件只在某一区域中移动，不能被拖出边界，这样的话我们可以使用下面的方法：调用draggable()时： 1 $('#element').draggable({containment: '#background'});

2018-01-03 16:23:39 9978

原创 php中除法取整的方法（round，ceil，floor）

PHP中遇到需要将除法所得结果取整的情况时，就需要用到以下方法： 1. round：四舍五入 round() 函数对浮点数进行四舍五入。语法：round(x, prec) 参数描述 x 可选。规定要舍入的数字。 prec 可选。规定小数点后的位数。说明：返回将 x 根据指定精度 prec （十进制小数点后数字的数目）进行四舍

2017-03-24 17:24:47 5930

原创移位运算符<<与>>

程序设计中，我们有时会看到两种运算符：>，这两种运算符均为移位运算符，属于位操作运算符中的一种，分别为>（右移）。其中，左移运算是将一个二进制位的操作数按指定的移动位数向左移动，移出位被丢弃，右边的空位一律补0；右移运算是将一个二进制位的操作数按指定的移动位数向右移动，移出位被丢弃，左边的空位一律补0，或者补符号位（与被移位的数据是否带符号有关）。实例1：1 实例

2017-03-17 11:17:42 7143

原创在线颜色选择器

在做web开发的时候，有时需要自己解决配色问题，但又不知道某一种颜色对应的代码，这时在线颜色选择器就有了用武之地。这里推荐的是我经常用的一个网站：ATOOL在线工具

2017-03-09 14:57:58 866

转载正则表达式30分钟入门教程

本文转载自：http://deerchao.net/tutorials/regex/regex.htm 作者：deerchao 1. 入门：学习正则表达式的最好方法是从例子开始，理解例子之后再自己对例子进行修改，实验。下面给出了不少简单的例子，并对它们作了详细的说明。假设你在一篇英文小说里查找hi，你可以使用正则表达式hi。这几乎是最简单的正则表达式了，它可以精确匹配这样

2017-02-24 14:32:01 847

原创 CSS鼠标指针cursor样式

参考来源：W3SCHOOL 有时我们需要在CSS布局时设定特定的鼠标指针样式，这时可以通过设定cursor来实现： url: 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标; default: 默认光标（通常是一个箭头）; auto: 默认。浏览器设置的光标; crosshair: 光标呈现为十字

2017-02-16 09:35:47 2217

原创 js实现自定义右键菜单

JavaScript实现自定义右键菜单，思路如下： 1. 屏蔽默认右键事件； 2. 隐藏自定义的菜单模块（如div、ul等）； 3. 右键点击特定或非特定区域，显示菜单模块； 4. 再次点击，隐藏菜单。明确了思路，下面给出相关代码： HTML 选择类型：拼接视频文件拼接图片文件

2017-02-13 09:58:49 4437

原创如何去掉ul和li前面的小黑点

做网站的时候经常会遇到如上图所示的小圆点，难看不说，还容易影响布局，下面就介绍几种消除小圆点的方法： 1. 找到相关CSS文件，在.ul 和.li 部分添加： list-style: none; 或： list-style-type: none; 2. 在页面部分添加： list-style: none; 3. 在HTML标签中添加：优快云以上三种方式分别

2017-02-06 10:53:51 30930

转载利用本地存储实现记录滚动条的位置

在做项目的时候，希望给页面添加一个功能，就是刷新页面之后滚动条还可以保持在刷新之前的位置，方便用户继续浏览。查询了相关资料之后看到一篇文章讲得不错，链接如下：原文地址：http://learning.sohu.com/20161219/n476332520.shtml 作者：HTML5学堂(http://www.h5course.com/) 文章原文：　在一定时间范围内，用手机

2016-12-22 08:57:26 2382

YetnumSun的博客