原生、無依賴的web彈層組件——HLayer.js

hikui 發布于2019-08-01 16:28 / 1551人閱讀

摘要：經過兩周的開發，今天終于完成了版本，作為一個前端新人，更多的是將這個作為自己的練手作品，畢竟彈層組件早已不是開發的新鮮事物了，國內外也不乏眾多優秀的彈層組件。不過實行壓縮后只有，因此非常小巧。

經過兩周的開發，今天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

GPU云服務器云服務器 asp無組件上傳 asp圖片無組件上傳 asp無組件上傳代碼 asp無組件上傳附件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50539.html

原生、無依賴的web彈層組件——HLayer.js

摘要：經過兩周的開發，今天終于完成了版本，作為一個前端新人，更多的是將這個作為自己的練手作品，畢竟彈層組件早已不是開發的新鮮事物了，國內外也不乏眾多優秀的彈層組件。不過實行壓縮后只有，因此非常小巧。經過兩周的開發，今天HLayer.js終于完成了0.1.0版本，作為一個前端新人，更多的是將這個作為自己的練手作品，畢竟web彈層組件早已不是web開發的新鮮事物了，國內外也不乏眾多優秀的彈層組...

Faremax 2019-08-21 11:37 評論0 收藏0
原生、無依賴的web彈層組件——HLayer.js

摘要：經過兩周的開發，今天終于完成了版本，作為一個前端新人，更多的是將這個作為自己的練手作品，畢竟彈層組件早已不是開發的新鮮事物了，國內外也不乏眾多優秀的彈層組件。不過實行壓縮后只有，因此非常小巧。經過兩周的開發，今天HLayer.js終于完成了0.1.0版本，作為一個前端新人，更多的是將這個作為自己的練手作品，畢竟web彈層組件早已不是web開發的新鮮事物了，國內外也不乏眾多優秀的彈層組...

jsbintask 2019-08-29 12:11 評論0 收藏0
漫談 React 組件庫開發（一）：多層嵌套彈層組件

摘要：引言組件中有很多彈出式組件，常見的如，以及等。這樣一種層次結構在實踐中大大降低了各類彈層組件的實現和維護成本。但是的組件實現了一個大多數組件庫都沒有實現的功能彈層的嵌套處理。引言 UI 組件中有很多彈出式組件，常見的如 Dialog，Tooltip 以及 Select 等。這些組件都有一個特點，它們的彈出層通常不是渲染在當前的 DOM 樹中，而是直接插入在 body （或者其它類似的...

warmcheng 2019-08-21 16:21 評論0 收藏0
面向未來的Web Components UI組件庫

摘要：是一套使用原生規范開發的跨框架組件庫。真正意義上實現了樣式和功能的組件化。比如有一個點擊擴散的水波紋效果，就是采用來實現，只是輔助完成鼠標位置的獲取詳細可查看源碼。組件使用了屬性。 xy-ui xy-ui是一套使用原生Web Components規范開發的跨框架UI組件庫。查看文檔風格參考Ant Design、Metiral Design。 github項目地址 showImg(ht...

lei___ 2019-08-23 18:35 評論0 收藏0