{eval=Array;=+count(Array);}
我現在是做前端開發,分享一下我的經驗,如有錯誤歡迎交流指正。
庫的話推薦JQuery,Bootstrap
這兩個那么火,那么經久不衰是有原因的,非常適合新手。也能滿足大多業務場景的需求。對學習CSS和操作DOM有很好的幫助。
框架是很熱門的三足鼎立的Angular2,React,Vue。
前兩者一個是Google出品,一個是Facebook出品,都是全球頂級的互聯網企業,開發和維護的團隊實力毋庸置疑。
相對來說,angular2采用typeScript編寫,有效強化了JS弱類型語言的不足,擁有很棒的CLI命令行,集成了方便快捷的構建工具庫,給開發帶來了極大的便利。(據說ts是以后的趨勢?手動滑稽)它適合業務需求復雜,數據處理繁多的場景。目前我所在的公司就在用它。但是它不適合新手,學習成本高。
React用的不多,就不過多評判。
Vue輕量小,適合比較小的業務場景。學習成本低,適合新手。但是它需要自己構建腳手架的設定可能讓你一臉懵逼。畢竟輕量級????,按照官方文檔還是很容易搭建開發環境的。
我一直覺得讀不懂官方API的是不是該考慮換行了?
自動構建工具推薦Webpack,Grunt,Gulp
構建工具,顧名思義就是自己幫你打包,壓縮,測試等,直接命令行執行。
壓縮混淆工具:Uglify,Yui,GCC
歡迎關注,分享程序員的趣事,干貨和心得。
推薦幾個不錯的插件吧!
JavaScript是一種強大而動態的語言,是ECMAScript語言規范中已經標準化的最強大的解釋型語言之一,它與HTML、CSS一道被稱為web開發的三大核心技術。即便JavaScript很火,也不是每個人都能熟練掌握JavaScript插件,本文介紹了2017年頂尖的幾大插件,看看有你常用的嗎?
Lory
Lory是觸控式照片滑塊的頂級插件之一。與其他可用插件不同,它不使用lightbox效果。相反,此插件可嵌入幻燈片,固定或可變寬度,并可固定到任何容器元素中。
使用此插件非常簡單,程序員可使用JavaScript自定義滑動選項。此外,該插件的GitHub頁面有巨大的源代碼示例和Demo演示,程序員可嘗試看看是否符合要求。
Tingle
Tingle是一個廣泛使用的插件,它使用基本的CSS轉換和一個完全干凈的JS選項API進行定制,將模型窗口提升到了一個新的水平。
程序員可以使用不同的功能(包括按鈕和嵌入式視頻)在其網站上查看演示。此外,可以應用自定義CSS類,附加內部內容甚至使用JavaScript選項開發回調函數。
Jump.js
許多程序員知道如何編寫超鏈接,這有助于用戶跳轉頁面。但是,有多少程序員想自己編寫平滑的滾動庫呢?答案是否定的。
Jump.js是一個有價值的插件,使用該插件,只需將函數添加調用到任何需要平滑滾動的鏈接,幾分鐘之內就可以搞定,基本上無需任何維護。
Plyr
通常,我不建議使用外部的視頻播放器。然而,Plyr是一個驚人的插件。這個播放器就像一個帶有隱藏字幕的高級界面,播放/暫停和全屏模式都有快捷鍵。
此外,程序員可以嵌入YouTube / Vimeo的原生HTML5視頻或外部視頻。它還帶有一個自定義音頻播放器,可以達到類似的效果而不需要視頻窗格。毫無疑問,它是一款運行在HTML5和vanilla JS上的視頻/音頻媒體播放器,它是完全免費和容易定制的。
Dropzone
DropZone是一個完全免費的拖放式JavaScript庫,可用于上傳網絡上的任何內容。一般來說,拖放是上傳表單的常見行為,而它是一個非常受歡迎的功能。
Dropzone在開源網站上有大量的文檔。它很受歡迎,并且開箱即用,需要很少的定制,程序員還可使用自己的JS代碼來擴展這個庫。
baguetteBox.js
baguetteBox.js是最先進的插件,可用于開發具有無限數量圖片的可重用lightbox效果。該插件支持移動用戶的所有觸摸/滑動手勢,它完全可響應。
它甚至支持一些額外的功能,包括CSS3過渡效果、圖像標題等。此外,這個插件無依賴關系并且開放源代碼,非常推薦程序員使用。
Headroom.js
使用Headroom插件,可以定位網站的導航欄,并自動隱藏過去的一些要點。當用戶滾動頁面時,該插件還會使導航欄重新出現。它輕巧,高性能的JS小部件受到了程序員們的一致歡迎,它使頁面能夠對用戶的滾動及時做出反應。
4
回答0
回答0
回答10
回答0
回答1
回答1
回答0
回答0
回答10
回答