- 博客(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
原创 javaScript类型转换
javaScript的数据类型分为原始类型和对象类型,原始类型包括null、undefined、布尔类型、字符串、数字,对象类型是属性的集合,每个属性都是由”名/值对“构成。原始类型和对象类型之间的类型转换关系。
2017-03-13 22:10:05 620
原创 css--文本换行最简单的实现方式
在textarea中含有空格键、换行键的时候,如果直接上传给服务器,之后在返回的数据中,如果将数据再次以textarea的值来显示,空格键和换行会依然保留,但是如果以其他标签的时候为什么就没有保留空格、换行呢?
2017-03-08 21:32:10 3267
jQuery.lazyload.js
2017-02-19
兼容IE7、IE8、IE9的input type="number"插件
2017-02-18
Ionrangeslider.js
2017-01-19
Node.js开发指南_中文正版.pdf
2016-12-26
《锋利的jQuery》
2016-11-07
你不知道的JavaScript(上卷)
2016-10-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人