-
Notifications
You must be signed in to change notification settings - Fork 1
LFL398619091/frontEndComponent
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
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 0
No packages published