Skip to content

yumo-mt/Tools

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tool

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为移动端使用。

如有bug,欢迎提issus,如果你需要什么新的功能而以上没有的,欢迎在issus中提出,我会在最短时间内写出并提交

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published