web前端常用的一些外掛程式 框架以及文件

2022-08-23 16:51:11 字數 3271 閱讀 8689

1. jquery全屏滾動外掛程式fullpage.js

fullpage.js 是一款基於jquery全屏滾動的外掛程式主要功能如下:

相容性:

使用方法:

更多使用請參照:

2. 頁面常用的輪播以及選項卡外掛程式

1.)swiper

swiper的使用方法:

2.)superslide

supersilde常用於pc端的輪播切換等特效。

superslide的使用方法:

3. 頁面常用的美化的彈框類外掛程式

1.)sweetalert.js

sweetalert無論在pc 移動 還是平板都是會居中顯示,並且還可高度定製。

2.)layer.js

layer 是一款可以自己根據需求自定義的彈框。

4. 動畫庫 animate.css

更多使用請參照

5. 將文字複製到剪貼簿 clipboard.js

只需要用在觸發器元素上新增屬性,就可以實現複製或者剪貼功能。

data-cliboard-target: 複製文字

<

input

type

="text"

value

=""id="bu"

>

<

button

class

="btn"

data-clipboard-target

="#bu"

>複製<

button

>

data-clipboard-action:剪下文字使用此屬性的時候清指定是要cut還是copy內容,如果省略此屬性,預設情況下使用copycut操作只適用與和元素

<

textarea

id="wen"

>從前有座山。。

textarea

>

<

button

class

="btn"

data-clipboard-action

="cut"

data-clipboard-target

="#wen"

>剪下

button

>

data-clipboard-text:屬性複製文字使用此屬性不需要再觸發器新增乙個元素,可以直接將需要複製的文字放在屬性值裡

<

button

class

="btn"

data-clipboard-text

="從屬性複製文字"

>複製

button

>

更多使用請參照:6. 移動端彈性外掛程式flexible.js

可伸縮彈性布局

在開發移動端的介面 首先需要設定meta的標籤如下:

<

meta

name

="viewport"

content

="width=device-width, initial-scale=1, maximum-scale=1"

>

注: 想要更好的理解這個外掛程式的使用,請先了解rem單位

更多使用請參照:

7. 檔案上傳外掛程式 plupload.js

實現多種方式上傳

參考位址1:   這個是官方位址,你可能會看不懂,如果你看不懂 你可以看下面的

參考位址2:  這個是別的大神整理的關於plupload.js的使用

8. 前端開發框架 bootstrap

更多使用請參照:

注:這個屬於前端框架,做前端的都知道,功能比較強大,我就不多介紹了

9. 常用js類庫

1.)jquery

參考位址1:

參考位址2:

2.)zepto.js

注:如果你會使用jquery 那麼zepto就不在話下了 當然 我本人並沒有使用過 

10. 滾動條外掛程式

參考位址1

參考位址2:

11.移動端上拉重新整理  下拉載入外掛程式

移動端經常要用到資料的載入,翻頁功能。有乙個比較好用的外掛程式  在git上,有幾種demo,具體的使用方法也很齊全。

1)dropload

web前端一些總結

一 文字框設定為圓角後獲得焦點又變為方角的解決方法 css outline none 二 html5的一些文字特性 required required aria required true autofocus autofocus required required aria required tru...

pytest 一些常用外掛程式

用例失敗後自動重新執行 pytest rerunfailures,使用方法 安裝外掛程式 pip install pytest rerunfailures pytest test x.py reruns n 失敗後重執行的次數 重複執行測試 pytest repeat,使用方法 安裝外掛程式 pip...

Gulp常用的一些外掛程式

var gulp require gulp 複製檔案 bhtml require gulp b html 伺服器 webserver require gulp webserver js壓縮 pump require pump babel require gulp babel uglify requi...