author : Manster
一些工作中常用原生JS的方法、组件,简单的总结。
提示: 以上所有组件都是使用的原生JS,没有其他JS库的依赖
- DOM常用操作:DOM操作常用的方法,已做兼容,可以特带jq的DOM操作。
- tween动画:使用JS来写动画,没有css3那么炫酷,但是也还是很炫酷的。
- 放大镜:多用于电商平台的商品展示区域
- 格式化时间:一个字符串可以生成各种格式的时间和取出想要的时间部分,将方法拓展到了String的内置类的原型上,可直接调用
- 回到顶部:大多数网站都具有的功能,这里只是简单的一种。
- 获取url的参数:三种方式来截取拼接到URL后面的参数,推荐使用第二种,正则。
- 跑马灯:这个现在不太常用了
- 三角形:常用的三角形,根据需求改变数值即可
- 收缩菜单:企业型网站使用率较多,原声JS
- 手机整屏上滑:可以结合css3来做出很炫的效果,也可直接调用tween方法,使用js动画。
- 拖拽:三种不同方式的拖拽。
- 延时加载:多用于图片量特别多的电商平台等
- 整屏滑动:注意处理谷歌和火狐中事件兼容性问题。结合css3可作出精彩的效果
- cookie:封装了三个常用的cookie操作方法(js API中没有直接操作cookie的方法)
- 水平垂直居中:老生常谈的效果。
- IE表单中placeholder问题:大多数人选择优雅降级的方式放弃在IE上面实现此功能,作者不苟同。实现思路很简单。
- jsonp:解决ajax不能跨域的弊端。
- ajax多页面分页:页面数较多的分页功能,展示一部分页数。
- 上拉加载更多:新闻等列表常用功能,上拉加载更多。
- 移动端下拉刷新:新闻信息列表等常用功能,下拉加载最新数据。
- ajax上传显示progress:ajax上传文件时显示上传进度百分比或者进度条。
- 时间换算: 经常在论坛上见别人的帖子是1小时前、1天前、几周前等等,如果你需要这个功能,这个可以帮到你
- js-node上传文件:formdata的形式上传文件,使用表单或者使用ajax皆可。
- 拖拽排序:工作中经常用到的一个功能,demo1为PC端使用,demo2为移动端使用。