自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

樊小书生

多看代码,多看书,付出总会有收获的

  • 博客(14)
  • 资源 (18)
  • 收藏
  • 关注

原创 移动端页面滑动,菜单到顶部之后定位在顶部(position: sticky;)

在移动端的页面中,我们会遇到有一部分是一直显示的,比如说菜单项,当页面初始化的时候,它处在文档流内,当页面下滑的时候,并且菜单到达顶部之后就会一直定位在顶部,并且上滑的时候,菜单又会回到文档流。到这里大家应该会有点思路,定位在顶部不动了,那就肯定用了position: fixed;,再实现可以回到文档流,那这一块就最好使用定位布局,方便控制。下面是我根据这个来写的一个:<!DOCTYPE html>

2017-03-30 21:35:36 14099 5

原创 将数组中的对象按照浏览器的x/y轴的显示方式进行排序

假如说现在有一组图片用绝对定位的方式进行显示,top/left值是随机排列的,也就是说按照文档流查找到的图片和浏览器显示的顺序不一致,这个时候我们就需要将数组中的对象按照浏览器的x/y轴的显示方式进行排序。

2017-03-28 22:49:06 564

原创 使用slice()简单封装实现将数组分割为几个等长度的子数组

使用数组的时候,我们有时候希望将一个数组分成几个相同长度的子数组,使用slice()方法可以返回一个子数组,所以我们可以将slice()再进行封装一下,以实现上面的功能。

2017-03-28 21:34:39 18918 1

原创 chrome控制台中console的强大

在使用谷歌浏览器进行前端开发的时候,console作为控制台的一个主要方法,相信大家都用过,一般都是用console.log()来输出部分内容,但是console还有很多强大之处,下面主要说一下console的更重强大的地方: 首先在chrome控制台的console中输入console.就会出现如下: 后面出现的都是console的方法,下面来主要说明一下这些方法:1、console...

2017-03-22 21:57:04 20329

转载 更强大的textarea高度自适应

最近自己写了一个关于textarea高度自适应的jquery插件,说明文档可点击查看此处:http://www.fxss5201.cn/project/html/textarea/autoHeightTextarea/之前说的textarea高度自适应是textarea在初始化的时候,将textarea的高度设置为scrollHeight的高度来实现其显示的时候高度自适应,但是大家应该都知道,

2017-03-18 19:59:39 40004 20

原创 从一段字符串中快速找出某个字母或字符串出现的次数

要从一段字符串中找出某个字母或者字符串出现的次数,很多人估计首先想到的是循环,但是下面这种方法是利用正则来快速匹配,比循环性能要高很多。

2017-03-16 23:08:17 4017

原创 textarea的高度自适应

textarea是一个文本框,谷歌、IE、Opera默认显示两行文本,火狐默认显示3行文本,行数超过两行是会出现滚动条,可以自己设定设定一些行数来进行强制多少行进行显示。

2017-03-16 22:57:21 15338 2

原创 一个循环实现新数组n位值是老数组前n位的和

首先先解释一下题目,什么叫做新数组n位值是老数组前n位的和,下面举两个例子就明了了, 老数组:var old = [1,2,3,4] 新数组:var new = [1,3,6,10]

2017-03-15 22:47:17 546 1

转载 深入学习JavaScript: apply 方法——转

主要我是要解决一下几个问题:apply和call的区别在哪里什么情况下用apply,什么情况下用callapply的其他巧妙用法(一般在什么情况下可以使用apply)

2017-03-15 21:51:59 339

原创 javaScript中使用alert()的一些注意事项

javaScript中使用alert()的一些注意事项——alert()弹出的对话框中显示的文本和参数message有时候是不一样的。

2017-03-15 21:21:20 19829

转载 移动前端头部标签(HTML5 head meta)--转

移动端的meta标签

2017-03-14 19:07:39 951

原创 javaScript类型转换

javaScript的数据类型分为原始类型和对象类型,原始类型包括null、undefined、布尔类型、字符串、数字,对象类型是属性的集合,每个属性都是由”名/值对“构成。原始类型和对象类型之间的类型转换关系。

2017-03-13 22:10:05 620

原创 css--文本换行最简单的实现方式

在textarea中含有空格键、换行键的时候,如果直接上传给服务器,之后在返回的数据中,如果将数据再次以textarea的值来显示,空格键和换行会依然保留,但是如果以其他标签的时候为什么就没有保留空格、换行呢?

2017-03-08 21:32:10 3267

原创 javaScript对象转换为原始值的过程

javascript中对象到字符串的转换过程和对象转换为数字的过程详解。

2017-03-07 21:51:47 738

jquery.placeholder.min.js

jquery.placeholder.min.js

2017-08-20

左滑删除.zip

仿照QQ的信息列表的左滑删除交互操作

2017-07-02

jQuery.lazyload.js

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.

2017-02-19

兼容IE7、IE8、IE9的input type="number"插件

IE11版本好像才兼容input type="number",但是现在Win7版本操作系统下,很多人的IE版本都是IE7/8/9,所以为了体验就自己写了一个小插件,支持设置最大值、最小值、数字间隔。

2017-02-18

Gif截图工具

GifCam 是一款能够轻松录制gif的软件,它体积小、免安装。它可以给现有的gif增加帧数。编辑gif图片,如添加文字、删除某些帧、修改特定帧的延迟等。

2017-01-22

Ionrangeslider.js

Ionrangeslider.js是一个不错的,舒适,易于定制的范围滑块,支持自定义皮肤。还支持事件和公共方法,具有灵活的设置,完全可以用CSS改变。它支持触摸的设备,兼容性支持 iPhone, iPad, Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)。

2017-01-19

Node.js开发指南_中文正版.pdf

本书首先简要介绍Node.js,然后通过各种示例讲解Node.js 的基本特性,再用案例式教学的方式讲述如何用Node.js 进行Web 开发,接着探讨一些Node.js 进阶话题,最后展示如何将一个Node.js 应用部署到生产环境中。本书面向对Node.js 感兴趣,但没有基础的读者,也可供已了解Node.js,并对Web 前端/ 后端开发有一定经验,同时想尝试新技术的开发者参考。

2016-12-26

svg经典入门

完整的pdf版本,(非常详细),一本关于svg非常经典的书籍哦

2016-12-26

《锋利的jQuery》

《锋利的jQuery》是人民邮电出版社在2009年6年出版的一本书籍。 本书循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX以及插件方面等知识点,并结合每个章节后面的案例演示进行练习,达到掌握核心知识点的目的。

2016-11-07

你不知道的JavaScript(上卷)

JavaScript语言有很多复杂的概念,但却用简单的方式体现出来(比如回调函数),因此,JavaScript开发者无需理解语言内部的原理,就能编写出功能全面的程序;就像收音机一样,你无需理解里面的管子和线圈都是做什么用的,只要会操作收音机上的按键,就可以收听你喜欢的节目。然而,JavaScript的这些复杂精妙的概念才是语言的精髓,即使是经验丰富的JavaScript开发者,如果没有认真学习也无法真正理解语言本身的特性。正是因为绝大多数人不求甚解,一遇到出乎意料的行为就认为是语言本身有缺陷,进而把相关的特性加入黑名单,久而久之就排除了这门语言的多样性,人为地使它变得不完整、不安全。 “你不知道的JavaScript”系列就是要让不求甚解的JavaScript开发者迎难而上,深入语言内部,弄清楚JavaScript每一个零部件的用途。本书介绍了该系列的两个主题:“作用域和闭包”以及“this和对象原型”。掌握了这些知识之后,无论什么技术、框架和流行词语,你都能轻松理解。

2016-10-27

Jcrop-demo

关于Jcrop使用的一个demo,仅供参考

2016-10-18

phoneList通讯录

使用html5的localStorage本地存储,写的一个通讯录

2016-09-03

省市区三级联动

基于jQuery的三级联动

2016-08-27

七夕表白神器

七夕了,为了程序员们的幸福,特此用h5和css3写了一个手机端表白神器,祝大家表白成功,哈哈

2016-08-23

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除