Skip to content

LFL398619091/frontEndComponent

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

基于日常工作中经常用到的一些前端组件,作了一些封装,以方便日后所用,同时也希望分享给有需要的前端同学
1.dialog弹窗
  简单易用,轻量,只需要依赖zepto
  dialog.html就是一个demo
  var dialog = $.dialog({type:"warning",message:"确定清空购物车吗?",buttons:[{skin:"green",text:"确定",callback:function(){}},{skin:"red",text:"取消",callback:function(){}}]})
  dialog.openDialog();这样便简单的创建了一个dialog
  关于自定义配置,只需要搞清楚构造函数所需要的config对象的参数含义即可(详见源码注释)
  
  
  
  ===================================================================
  

2.sidebar工具条
  有两个解决方案,solution1是基于图片+css3实现的,solution2是css3+alibaba字体库实现的;
个人推荐方案二,在我们移动端项目中,尽量减少图片资源的加载可以极大的优化我们的响应速度,返回顶部的实现方式目前用的是监听
滚动条的移动,进而判断其距离顶部的位置来做的,比较消耗性能,有待改进。


  ===================================================================

3.h5_dev
  这是移动端的一个数据报告,用jquery+fullpage+css3+canvas实现的,全组件化,链式编程风格,包含基本图文组件,散点图,水平柱图,垂直柱图,


===================================================================

4.web-music
  使用node.js+ejs搭建的后台,前端使用WebAudio实现音乐的获取,播放以及控制,并利用canvas+傅立叶频域数据绘制音乐的可视化效果,包含柱状动图和散点星星图,整体效果还不错


===================================================================

5.waterfall
  使用原生javascript实现的瀑布流布局,等宽不等高,监听scroll,按需加载,间接的实现了分页效果,但更符合人类的视觉体验

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published