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: 複製文字
<data-clipboard-action:剪下文字使用此屬性的時候清指定是要cut還是copy內容,如果省略此屬性,預設情況下使用copycut操作只適用與和元素input
type
="text"
value
=""id="bu"
>
<
button
class
="btn"
data-clipboard-target
="#bu"
>複製<
button
>
<data-clipboard-text:屬性複製文字使用此屬性不需要再觸發器新增乙個元素,可以直接將需要複製的文字放在屬性值裡textarea
id="wen"
>從前有座山。。
textarea
>
<
button
class
="btn"
data-clipboard-action
="cut"
data-clipboard-target
="#wen"
>剪下
button
>
<更多使用請參照:6. 移動端彈性外掛程式flexible.jsbutton
class
="btn"
data-clipboard-text
="從屬性複製文字"
>複製
button
>
可伸縮彈性布局
在開發移動端的介面 首先需要設定meta的標籤如下:
<注: 想要更好的理解這個外掛程式的使用,請先了解rem單位meta
name
="viewport"
content
="width=device-width, initial-scale=1, maximum-scale=1"
>
更多使用請參照:
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...