『壹』 js插件有哪些
不是插件,應該說是JS框架。
Dojo
Dojo 是目前最為強大的JS框架,它在自己的 Wiki 上給自己下了一個定義,Dojo 是一個用 javaScript 編寫的開源的DHTML工具箱。Dojo 很想做一個「大一統」的工具箱,不僅僅是瀏覽器層面的,野心還是很大的。Dojo 包括 Ajax、Browser、Event、Widget 等跨瀏覽器 API,包括了 JS 本身的語言擴展,以及各個方面的工具類庫,和比較完善的 UI 組件庫,也被廣泛應用在很多項目中,他的 UI 組件的特點是通過給 HTML 標簽增加 TAG 的方式進行擴展,而不是通過寫 JS 來生成,Dojo 的 API 模仿 Java 類庫的組織方式。用 Dojo 寫 Web OS 可謂非常方便。Dojo 現在已經 4.0 了,Dojo 強大的地方在於界面和特效的封裝,可以讓開發者快速構建一些兼容標準的界面。
優點:庫相當完善,發展時間也比較長,功能強大,據說利用 Dojo 的 io.bind() 可以實現 comet 看見其功能強大非一般,得到 IBM 和 SUN 的支持。
缺點:文件體積比較大,200多KB,初次下載相當慢,此外,Dojo 的類庫使用顯得不是那麼易用,JS語法增強方面不如 Prototype
Prototype
它是一個非常優雅的 JS 庫,定義了 JS 的面向對象擴展,DOM 操作API,事件等等,以 Prototype 為核心,形成了一個外圍的各種各樣的 JS 擴展庫,是相當有前途的 JS 底層框架,值得推薦,感覺也是現實中應用最廣的庫類(RoR 集成的 AJAX JS 庫),之上還有 Scriptaculous 實現一些JS組件功能和效果。
優點:基本底層,易學易用,甚至是其他一些js特效開發包的底層,體積算是最小的了。
缺點:如果說缺點,可能就是功能是他的弱項
dScriptaculous
Scriptaculous 是基於prototype.js 框架的 JS 效果。包含了 6 個 js 文件,不同的文件對應不同的 js 效果,所以說,如果底層用 prototype 的話,做js效果用 Scriptaculous 那是再合適不過的了,連大名鼎鼎的 digg 都在用他,可見不一般
優點:基於prototype 是最大的優點,由於使用 prototype 的廣泛性,無疑對用戶書錦上添花。
缺點:剛剛興起,需要時間的磨練
Yui-ext
基於 Yahoo UI 的擴展包 yui-ext 是具有 CS 風格的 Web 用戶界面組件,能實現復雜的 Layout 布局,界面效果可以和 backbase 媲美,而且使用純 javascript 代碼開發。真正的可編輯的表格 Edit Grid,支持 XML 和 Json 數據類型,直接可以遷入 Grid。許多組件實現了對數據源的支持,例如動態的布局,可編輯的表格控制項,動態載入的 Tree 控制項、動態拖拽效果等等。從 1.0 beta 版開始同 Jquery 合作,推出基於 jQuery 的 Ext 1.0,提供了更多有趣的功能。
優點:結構化,類似於 java 的結構,清晰明了,底層用到了 Jquery 的一些函數,使整合使用有了選擇,最重要的一點是界面太讓讓人震撼了。
缺點:太過復雜,整個界面的構造過於復雜。
Jquery
JQuery 是一款同 prototype 一樣優秀 js 開發庫類,特別是對 css 和 XPath 的支持,使我們寫 js 變得更加方便!如果你不是個 js 高手又想寫出優秀的 js 效果,那麼 JQuery 可以幫你達到目的!並且簡介的語法和高的效率一直是jQuery追求的目標。
優點:注重簡介和高效,js 效果有 yui-ext 的選擇,因為 yui-ext 重用了很多 jQuery 的函數
缺點:據說太嫩,歷史不悠久。
Mochikit
MochiKit 自稱為一個輕量級的 js 框架。MochiKit 主要受到 Python 和 Python 標准庫提供的很多便利之處的啟發,另外還緩解了瀏覽器版本之間的不一致性。其中的 MochiKit.DOM 尤其方便,能夠以比原始 JavaScript 更友好的方式處理 DOM 對象。MochiKit.DOM 大部分都是針對 XHTML 文檔定製的,如果與 MochiKit 和 Ajax 結合在一起,使用 XHTML 包裝的微格式尤其方便。Mochikit 可以直接對字元串或者數字格式化輸出,比較實用和方便。它還有自己的 js 代碼解釋器
優點:MochiKit.DOM 這部分很實用,簡介也是很突出的
缺點:輕量級的缺點
Mootools
MooTools 是一個簡潔,模塊化,面向對象的 JavaScript 框架。它能夠幫助你更快,更簡單地編寫可擴展和兼容性強的 JavaScript 代碼。Mootools 跟 prototypejs 相類似,語法幾乎一樣。但它提供的功能要比 prototypejs 多,而且更強大。比如增加了動畫特效、拖放操作等等。
優點:可以定製自己所需要的功能,可以說是 prototypejs 的增強版。
缺點:不大不小,具體應用具體分析。
Moo.fx
Moo.fx是 一個超級輕量級的 javascript 特效庫(7k),能夠與 prototype.js 或mootools 框架一起使用。它非常快、易於使用、跨瀏覽器、符合標准,提供控制和修改任何 HTML 元素的 CSS 屬性,包括顏色。它內置檢查器能夠防止用戶通過多次或瘋狂點擊來破壞效果。moo.fx整體採用模塊化設計,所以可以在它的基礎上開發你需要的任何特效。
優點:小塊頭有大能耐
缺點:這么小了,已經不錯了
『貳』 前端js插件
前端js插件,具有簡單使用,交互效果好,具有吸引力外觀的特點,下面總結一下最常用並且最好用的js插件:
1.zDialog.js插件。是一個包含各種彈窗的前端插件。
2.ace.min.js插件,ace-element.min.js插件,是基於Bootstrap Ace模板的菜單和包含Tab頁效果。
3.jquery.flot.js插件,Jquery的圖表插件float。Flot是一個Jquery下圖表插件,具有簡單使用,交互效果,具有吸引力外觀特點。目前支持 Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ 等瀏覽器,是一個基於Javascript和Jquery純客端戶的腳本庫。
4.jquery.easypiechart.js插件,主要是用來統計新的訪問、跳出率、伺服器負載、使用的RAM等,功能很強大,帶有HTML5的動畫效果,效果非常炫。
query.sparkline.js插件,是一款jquery的畫小圖插件。
5.jquery.slimscroll.js插件 ,是jQuery內的內容滾動插件,可以定義高度、寬度,還可以定義位置、滾動條大小、尺寸、顏色以及眾多參數自定義。
6.jquery.ui.touch.js 插件,包含jQuery觸摸效果。
『叄』 尋js插件,不規則區域的hover事件。例如 地圖,當移入一個省份時,鏈接變為特定地址。
您好:這個如果用js來實現的話估計會很難。並且表示自己之前找過同功能插回件,但是沒找答到。網上那些效果都是基本上用flash來做的效果,指向後高亮或者立體感顯示。不過js可以在一張圖片上加區域即可。主要是<area>
和<map>標簽即可。然後設定范圍坐標即可。不過這個是規則的圖形,長方形或者正方形。不懂的可以網路"js圖片區域點擊".不規則的點擊區域尚未找到插件。
『肆』 JS移動端獲取觸控位置
1、如抄圖位置是一個html中的可編輯內容的div標簽,在里邊輸入文字,會有一個游標。
『伍』 移動端Iscroll插件用法總結
一、滾動插件,常用於移動端
二、初始化
(1)html結構:
<div class="wrapper">
只能讓第一個子元素滾動
<div>
可放入多個子元素
</div>
</div>
(2)css: 外層盒子是定高的
<1>直接給定一個高度
<2> 在移動端,如果需要滾動,且需要高度全屏
position: absolute (定位父元素是body)
top:0
bottom:0
(3) 引入iscroll.js
var myscroll = new IScroll(".wrapper");
三、自定義配置
var myscroll = new IScroll(".wrapper",{
scrollX: true, //能夠水平滾動
scrollY: false , //在水平滾動時,禁止垂直滾動
snap: "li" // snap: true
click: true,
//如果希望監聽滾動事件,則不能引入iscroll.js,
而需要引入iscroll-probe.js, 同時結合 probeType屬性
probeType: 3 // 也可以是1,2
});
四、iscroll實例支持的事件
myscroll.on("scroll",function(){})
myscroll.on("scrollStart",function(){})
myscroll.on("scrollEnd",function(){})
myscroll.on("refresh",function(){})
五、iscoll實例的常用屬性
1. this.currentPage.pageX
2. this.currentPage.pageY
3. this.currentPage.x
4. this.currentPage.y
5. this.x
6. this.y
六、實例的方法
1.myscroll.refresh(); //非常重要的方法,在數據更新後,一定要調用一次該方法
2. myscroll.scrollTo()
3. myscroll.scrollBy()
3. myscroll.goToPage()
『陸』 求推薦vue.js地址選擇插件和地圖插件
地址選擇復
vue-city - 城市選擇制器
vue-region-picker - 選擇中國的省份市和地區
地圖
vue-amap - 基於Vue 2和高德地圖的地圖組件
vue-google-maps - 帶有雙向數據綁定Google地圖組件
vue--map- 基於 Vue 2的網路地圖組件庫
vue-cmap - Vue China map可視化組件
『柒』 怎麼使用js插件
一般是直接引入即可:
比如:src為該js插件存放的位置,這個路徑是相對於你使用js插件的文件來說的。
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
『捌』 純原生js移動端城市選擇插件為什麼在游覽器上不可以
put id="demo1" type="text" readonly="" name="input_area" placeholder="城市選擇特效"/>余歲
將樣式文件引入到頁面中:
<豎告睜link rel="stylesheet" href="css/common/友漏lArea.css">
同時引入js文件到頁面中:
<script src="lArea.js"></script>
初始化插件:
var area = new lArea();
area.init({
'trigger': '#demo1',//控制項I