① js除了有JQuery框架以外,還有哪些強大點的框架,或者比較實用的也可以。。誰能給我介紹一下
Dojo是目前最為強大的j s框架,它在自己的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的類庫使用顯得不是那麼易用,j s語法增強方面不如prototype。 Prototype (JS OO library): 是一個非常優雅的JS庫,定義了JS的面向對象擴展,DOM操作API,事件等等,以prototype為核心,形成了一個外圍的各種各樣 的JS擴展庫,是相當有前途的JS底層框架,值得推薦,感覺也是現實中應用最廣的庫類(RoR集成的AJAX JS庫),之上還有 Scriptaculous 實現一些JS組件功能和效果。 優點:基本底層,易學易用,甚至是其他一些js特效開發包的底層,體積算是最小的了。 缺點:如果說缺點,可能就是功能是他的弱項 Scriptaculous (JS UI component based on prototype): Scriptaculous是基於prototype.js框架的JS效果。包含了6個js文件,不同的文件對應不同的js效果,所以說,如果底層用 prototype的話,做js效果用Scriptaculous那是再合適不過的了,連大名鼎鼎的digg都在用他,可見不一般 優點:基於prototype是最大的優點,由於使用prototype的廣泛性,無疑對用戶書錦上添花,並且在《ajax in action》中就拿Scriptaculous來講述js效果 缺點:剛剛興起,需要時間的磨練 yui-ext (JS UI component): 基於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整體採用模塊化設計,所以可以在它的基礎上開發你需要的任何特效。 優點:小塊頭有大能耐缺點:這么小了,已經不錯了
② 值得網頁開發人員收藏的16款HTML5工具
HTML5 正在迅速改變創建和管理網站的方式。HTML5 在不同的領域讓網頁設計更強大的。快、安全、響應式、互動和美麗,這些優點吸引更多的 Web 開發人員使用 HTML5 開發各種網站和應用程序。
本文收集的20款優秀的 HTML5 Web 應用程序,值得添加到您的 HTML5 的工具箱中,他們能夠幫助你開發前端項目更快、更容易。
Initializr
Initializr 是一個可以讓你創建 HTML5 模板的網站,可以創建樣板 HTML5 模板,響應式的 HTML5 模板或 Twitter Bootstrap HTML5 模板。
HTML5 Demos
這里集合了一些基於 HTML5 的優秀的實驗演示,最初只有5個演示,後來逐漸擴充。
HTML5 Test
想知道桌面或移動 Web 瀏覽器符合最新的 HTML5 標准嗎?這個網站可以幫助測試出分數和評級。
HTML5 Canvas Cheat Sheet
如果你不能記住所有 Canvas 的命令和選項,那麼這個小抄是絕對適合你。可作為一個圖形或 PDF 免費下載。
Lime JS
LimeJS 是一個 HTML5 游戲開發框架,用於快速構建運行於觸屏設備和桌面瀏覽器的游戲。
HTML5 Reset
HTML5 Reset 是一組文件,包括 HTML、CSS 等,用於在開始新項目的時候幫助你節省時間,提供 HTML5 的空白WordPress模板。
SpriteBox
Spritebox 是一個所見即所得的工具,幫助 Web 設計者迅速而輕松地從一張精靈圖片(CSS Sprit Image)創建CSS類和ID選擇符樣式。
LimeWeave
LimeWeave是一個 HTML5 編輯器,它可以告訴你什麼的 HTML5,CSS 和 JavaScript 特效的樣子。
99 Lime
如果你想節省時間,使用 HTML5,CSS 和 jQuery 創建一些新的元素,布局和代碼,那麼99 Lime 真的可以幫助你。
On/Off FlipSwitch
如果你曾經想創建一個漂亮的on/off開關,那麼這個網站可以幫助你。您可以自定義圖形開關,不同的著色,大小和風格。
CanvasLoader Creator
這個免費的在線工具可以幫助設計師和程序員為他們的 HTML5 項目生成基於 Canvas 的 Loading 效果。
Create – Make Anything Editable
Create 是一款可以在 CMS 中使用的編輯器。藉助 HTML5 特性,可以把頁面上的內容變成可編輯區域。
Online 3D Sketch Toy
這個繪圖工具對於孩子而很好玩,而不只是給網站設計師用!還可以把您的小創作分享到 Facebook 上。
③ 前端開發工具
為了讓入行新人能夠更快的掌握Web前端開發,推薦五個優秀的前端開發工具,供小夥伴們參考。
框架類:Bootstrap
全世界最流行的響應式前端框架。基於迅氏HTML、CSS、JAVASCRIPT的,它在jQuery的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網站風格。並兼容大部分jQuery插件。簡潔靈活,使得Web開發更加快捷。國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap源碼進行性能優化而來。
代碼編輯器:Codepen、VScode
CodePen是一個在線的HTML、CSS和JavaScript代碼編輯器,能夠編寫代碼並即時預覽效果。可以用於在線展示的作品,也可以看到其他人在網頁中實現的各種令人驚奇的效果。
VScode免費開源的現代化輕量級代碼編輯器,支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括弧匹配、代碼片段、代碼對比Diff、GIT等特性,支持插件擴展,並針對網頁開發和雲端應用開發做了優化。軟體跨平台支持Win、Mac以及Linux。
性能測試:GooglePageSpeedInsights
PageSpeed是谷歌的網頁測試工具,通相信有接觸前端開發的大神們都聽說過Google官方的PageSpeedTools,這個網頁載入速度檢測工具有在線版本也有一個Chrome擴展,叫PageSpeedInsights。PageSpeedInsights的Chrome擴展是由谷歌官方開發的一款可以分析頁面載入的各個方面,包括資源、網路、DOM以及時間線等等信息的插件,過檢測評分給你優化建議。
調試類:AtomAptanaStudio
它是非常強悍的JavaScript編輯器和調試器,可以支持多種AJAX和JavaScript工具箱,包括源衡JavaScript編輯和調試。具有智能代碼完成、瀏覽器兼容性提示、代碼錯誤提示、文檔結構樹等功能。
HTML5:HTML5測試得分能夠提示您正常使用的瀏覽器對於HTML5標准和相關規范的支持情況的指標。
前端開發工具數量很多,這里只是推薦了千鋒武漢HTML5前端小編覺得比較好的5個前端開發工具。如果你有更好的意見,歡迎給我們留言分畝裂散享。