资讯专栏INFORMATION COLUMN

原生、无依赖的web弹层组件——HLayer.js

Faremax / 1900人阅读

摘要:经过两周的开发,今天终于完成了版本,作为一个前端新人,更多的是将这个作为自己的练手作品,毕竟弹层组件早已不是开发的新鲜事物了,国内外也不乏众多优秀的弹层组件。不过实行压缩后只有,因此非常小巧。

经过两周的开发,今天HLayer.js终于完成了0.1.0版本,作为一个前端新人,更多的是将这个作为自己的练手作品,毕竟web弹层组件早已不是web开发的新鲜事物了,国内外也不乏众多优秀的弹层组件。不过HLayer.js实行gzip压缩后只有4.7kb,因此非常小巧。体验HLayer.js可以访问http://hlayer.huruji3.com/,以下是HLayer.js的部分功能截图:

HLayer自带9种动画、8种icon、8种位置、5中loading动画、5种文本框、HTML5音频、iframe、iframe视频、相册自动播放等功能,同时这些功能又可以随意组合,相信HLayer.js会是web弹层组件不错的选择。

前端新手,希望大家多指教~~~
HLayer的github地址是:https://github.com/huruji
如果觉得不错,欢迎star

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/86928.html

相关文章

  • 原生依赖web弹层组件——HLayer.js

    摘要:经过两周的开发,今天终于完成了版本,作为一个前端新人,更多的是将这个作为自己的练手作品,毕竟弹层组件早已不是开发的新鲜事物了,国内外也不乏众多优秀的弹层组件。不过实行压缩后只有,因此非常小巧。 经过两周的开发,今天HLayer.js终于完成了0.1.0版本,作为一个前端新人,更多的是将这个作为自己的练手作品,毕竟web弹层组件早已不是web开发的新鲜事物了,国内外也不乏众多优秀的弹层组...

    jsbintask 评论0 收藏0
  • 原生依赖web弹层组件——HLayer.js

    摘要:经过两周的开发,今天终于完成了版本,作为一个前端新人,更多的是将这个作为自己的练手作品,毕竟弹层组件早已不是开发的新鲜事物了,国内外也不乏众多优秀的弹层组件。不过实行压缩后只有,因此非常小巧。 经过两周的开发,今天HLayer.js终于完成了0.1.0版本,作为一个前端新人,更多的是将这个作为自己的练手作品,毕竟web弹层组件早已不是web开发的新鲜事物了,国内外也不乏众多优秀的弹层组...

    hikui 评论0 收藏0
  • 脱离文档流自定义弹层

    摘要:背景端日常开发经常会遇到各种弹层需求,弹层内容千奇百怪。我们以动态组件为例提示创建后直接打开移除元素实现实现需要配合,的话可以在入口加一个常驻弹窗容器来实现,原理大致相同。 背景 web端日常开发经常会遇到各种弹层需求,弹层内容千奇百怪。根据我们日常的组件化开发经验,我们会把弹层分为2个组件 弹层组件:包含蒙版, 展示隐藏逻辑 内容组件:本次需求实际组件 showImg(https...

    jasperyang 评论0 收藏0
  • 漫谈 React 组件库开发(一):多层嵌套弹层组件

    摘要:引言组件中有很多弹出式组件,常见的如,以及等。这样一种层次结构在实践中大大降低了各类弹层组件的实现和维护成本。但是的组件实现了一个大多数组件库都没有实现的功能弹层的嵌套处理。 引言 UI 组件中有很多弹出式组件,常见的如 Dialog,Tooltip 以及 Select 等。这些组件都有一个特点,它们的弹出层通常不是渲染在当前的 DOM 树中,而是直接插入在 body (或者其它类似的...

    warmcheng 评论0 收藏0
  • 面向未来Web Components UI组件

    摘要:是一套使用原生规范开发的跨框架组件库。真正意义上实现了样式和功能的组件化。比如有一个点击扩散的水波纹效果,就是采用来实现,只是辅助完成鼠标位置的获取详细可查看源码。组件使用了属性。 xy-ui xy-ui是一套使用原生Web Components规范开发的跨框架UI组件库。查看文档 风格参考Ant Design、Metiral Design。 github项目地址 showImg(ht...

    lei___ 评论0 收藏0

发表评论

0条评论

Faremax

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<