Yetnum-CSDN博客

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

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

2018-04-19 09:31:11 285

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

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

2018-01-03 16:23:39 9488

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

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

2017-03-24 17:24:47 4645

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

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

2017-03-17 11:17:42 6894

原创在线颜色选择器

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

2017-03-09 14:57:58 719

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

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

2017-02-24 14:32:01 712

原创 CSS鼠标指针cursor样式

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

2017-02-16 09:35:47 1960

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

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

2017-02-13 09:58:49 4227

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

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

2017-02-06 10:53:51 29291

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

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

2016-12-22 08:57:26 2165

YetnumSun的博客