1. 程式人生 > >編寫HTML和CSS的前端開發中不一定熟悉JavaScript

編寫HTML和CSS的前端開發中不一定熟悉JavaScript

作為前端開發人員,HTML、cssJavaScript是必備的知識技能,但是現實工作工作中並非所有的前端都知道JavaScript,根據外國一個網站的匿名調查發現,有17%的開發人員不知道JavaScript,只有51% 的開發人員熟悉JavaScript。其實前端開發最主要的動態開發就是JavaScript,所以不會使用JavaScript的前端開發人員還會勝任這個職位嗎

讓我們一起來學習與瞭解JavaScript在前端開發的作用。

作為示例,請看以下程式碼以初始化jQuery UI自動完成:

jQuery iu 例項

以上程式碼對於不懂任何JavaScript的人來說,這算容易嗎?在看到這個例子之後,非

程式設計師會遇到各種各樣的問題:“我在哪裡放這些程式碼?”“這些括號,冒號和括號是什麼?”“我需要它們嗎?”“如果我的元素沒有ID,我該怎麼辦?”等等。即使是這一小段程式碼,也需要人們理解物件文字,陣列,變數,字串,如何獲取對DOM元素的引用,事件,DOM準備好等等。對於沒有JavaScript知識的HTML開發者來說似乎微不足道的事情可能是一場艱苦的戰鬥。

我們在看HTML5中的等效以上程式碼示例:

html5

對於任何可以編寫HTML的人來說,這不僅更清晰,也更容易。我們看到所有內容都設定在一個地方,無需關心何時初始化,如何獲取元素的引用以及如何在其上設定內容。無需知道要呼叫哪個函式進行初始化或接受哪些引數。

對於更高階的用例,還有一個JavaScript API,允許動態建立所有這些屬性和元素。它遵循最基本的API設計原則之一:它使用簡單易用或減少使用複雜化。

所以在JavaScript中,API是重點學習物件:它們不僅有益於JavaScript技能有限的人,是使程式設計更加靈活性,方便後期維護。

平時我們除了學習原生的JavaScript,還有其框架,前端主要是jQuery,Zepto.js,Node.Js(後臺框架)等。如果還對JavaScript其他框架感興趣可以參考前面所寫的:總結:30個有用的JavaScript庫。

最後,如果有想一起學習web前端,HTML5及JavaScript的可以來一下我的前端群:733581373,好友都會在裡面交流,分享一些學習的方法和需要注意的小細節,每天也會準時的講一些前端的炫酷特效,及前端直播課程學習

如果想看到更加系統的文章和學習方法經驗可以關注的微訊號:‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊