文件名称:es6-dessert:ES6小点心系列,包括通用弹窗,楼层定位,倒计时等等
文件大小:128KB
文件格式:ZIP
更新时间:2024-05-16 08:36:16
JavaScript
ES6 Dessert ES6小点心系列,包括通用弹窗,楼层定位,倒计时等等。 前端业务逻辑主要分为【交互效果】和【数据展示】两方面。数据展示可使用 MVVM 框架来实现。前端的交互效果常用的也就那么几种,比如弹窗,楼层定位,倒计时,下拉刷新,上拉加载更多等等。这些交互效果完全可以提出来做成通用的模块,以后不必再劳心费神去想怎么实现。就像 Swiper 封装了一个类来专门做轮播图一样,本系列的目的是通过封装一系列类来实现弹窗,楼层定位,倒计时等交互功能。 目标 易用性,如果自己都觉得难用,那就没有分享的必要了 ̄□ ̄||; 兼容性,兼容主流浏览器,但并非所有(比如 IE6-8 等低版本); 移动优先,主要为移动端做更多的考虑; 依赖 jQuery 由于需要操作DOM,果断选择了王者级库——jQuery。但这可能会限制小点心的机动性,毕竟 MVVM 使得越来越多的项目逐渐去 jQuery 化。
【文件预览】:
es6-dessert-master
----.gitignore(24B)
----README.md(4KB)
----rollup.config.js(422B)
----test()
--------unit.config.js(102B)
--------index.js(99B)
--------modules()
--------.eslintrc.js(94B)
----package.json(1KB)
----src()
--------NormalPopup.js(1KB)
--------LoadMore.js(3KB)
--------CountDown.js(2KB)
--------SlidePopup.js(3KB)
--------es6Dessert.js(251B)
--------modules()
--------Floor.js(8KB)
--------super()
----.babelrc(81B)
----build()
--------getRollupConfig.js(1KB)
--------gulpRollup.js(1KB)
--------FILES.js(830B)
----images()
--------dessert.jpg(112KB)
----.eslintignore(5B)
----.editorconfig(244B)
----.eslintrc.js(458B)
----gulpfile.js(2KB)
----demo()
--------css()
--------Floor.html(2KB)
--------CountDown.html(2KB)
--------NormalPopup.html(3KB)
--------SlidePopup.html(5KB)