jquery前端技術中發揮的作用

2021-03-03 21:22:31 字數 5278 閱讀 1347

1樓:匿名使用者

jq讓你的dom操作變得非常簡單 而且已經幫你做好了很多相容方面的問題 幾乎是所有前端人員的第一個前端框架 但是如果頁面有大量的dom操作 **邏輯肯定會比較亂 而且會對新手造成一定的依賴性 建議學習現在比較流行的mvvm框架 如vue.js angular.js react.

js之類的框架 會讓你換種思路去構建前端頁面 **邏輯會清晰很多

2樓:**ile往銘

使用jquery寫sj很方便的

jquery框架的優點是什麼?

3樓:魯家俊

jquery是繼prototype之後又一個優秀的javascrīpt框架。其宗旨是——write less,do more,寫更少的**,做更多的事情。

它是輕量級的js庫(壓縮後只有21k) ,這是其它的js庫所不及的,它相容css3,還相容各種瀏覽器 (ie 6.0+, ff 1.5+, safari 2.

0+, opera 9.0+)。

jquery是一個快速的,簡潔的javascript庫,使使用者能更方便地處理html documents、events、實現動畫效果,並且方便地為**提供ajax互動。

jquery還有一個比較大的優勢是,它的文件說明很全,而且各種應用也說得很詳細,同時還有許多成熟的外掛可供選擇。

jquery能夠使使用者的html頁保持**和html內容分離,也就是說,不用再在html裡面插入一堆js來呼叫命令了,只需定義id即可。

4樓:安徽新華電腦專修學院

解決瀏覽器相容性(最nb的地方),上手簡單,jquery api 提供完整的學習手冊,輕量級。

web前端需要哪些技術?

5樓:我愛阿嫻

所有知識框架,那肯定是一個結構型的展現,就是一棵樹。web前端的知識點非常多,也非常散,需要好幾層結構來組織這個體系,否則就會顯得很亂。那麼如何組織、把誰和誰放在一塊兒?

這是真正值得我們去思考的,你也可以自己來思考一下這個問題。

在我總結的這個知識框架中,首先第一層我劃分為:理論知識,類庫框架,編碼開發,執行環境。如下圖:

接下來給大家解釋一下:

這個圖要從下往上看,為何?——因為下面是上面的基礎;

首先,我們需要一定的理論知識,不管是你聽別人講授、自己看書還是網上淘資料,你都需要一定的理論知識,每一種程式開發,都避免不了。

第二,有了這些理論知識我們就可以編碼了——不錯——but,沒有人能抵擋住第三方框架和類庫的**,例如jquery;

第三,有了這些理論知識和協助我們的類庫框架,我們就可真正的編碼了。大家可能以為編碼開發不就是寫**嗎,還有啥?——這裡面道道多著呢;

最後,開發程式的目的,最終是為了能高效、穩定的執行在相應的環境中,這其中又有哪些事情需要我們去做?請期待;

理論知識 包括「軟知識」和「硬知識」

「軟知識」和「硬知識」大家可能覺得詞陌生,其實我一說大家就能明白。

所謂「軟」的就是能在各個程式開發中都用到的,算是基本功、內功,例如資料結構、演算法、設計模式、物件導向等等;

所謂「硬」的就是能直接用於本程式開發的。用c語言你就得學c語言語法,此時學java沒用。我們web前端開發所需要的硬知識其實都包含在三個標準裡面:

http標準、w3c標準和ecmascript標準;

聊一聊web前端開發中的「硬知識」

「軟知識」的內容非常多,也是我們大學時代學習的重點(沒學好是另回事兒,畢業再惡補)。我們本次主要討論的是web前端這一個方向,因此就點到為止,讓大家知道這些知識也在知識體系中扮演重要角色。

剛才說道,硬知識有三個標準:http標準、w3c標準和ecmascript標準,那咱們就挨個聊聊這三個標準。

1. http標準

為什麼做web前端要了解http標準?——因為瀏覽器要從服務端獲取網頁,網頁也可能將資訊再提交給伺服器,這其中都有http的連線。web系統既然和http連結有瓜葛,你就必須去了解它。

我的意見是:你不必去非常瞭解http的詳細內容,但是你要了解web前端開發常用的一些http的知識——就是上圖中我列出來的那些。當然,我知識列了一個綱,詳細內容還得靠你自己去查閱(本文章講的是知識框架,不會涉及任何知識點的詳細內容)

關於這方面的知識,建議去查閱《**http》這本書,淺顯易懂的講述了這些內容,我曾經也看過。

2.w3c標準

如果說你只知道web前端的一個標準,估計肯定是w3c標準了(據我瞭解,貌似大部分人真的都只知道這一個標準)。它的內容非常多,看看****w3.***/tr/這個頁面。

寫到這裡讓我想起了一句話:2/8原則——20%的功能滿足80%的需求。我覺得這句話用到這裡非常合適,我們在平時開發過程中根本用不到這麼多東西。

反而,你要把平時用的多的東西搞懂了。

下圖的這些知識,我想不用再過多解釋了,這就是我文章開發說的「三大塊」(html、css、js)。現在你要知道,它們只不多是w3c標準的一部分,而w3c標準也只是web前端開發知識體系中的一部分而已。

關於css的基礎知識,毛遂自薦一下自己之前的一篇系列部落格:《css知多少》

3. ecmascript

簡稱es,寫全稱太麻煩了。

有些人可能只知道javascript,而不知道es——其實,js是在es的基礎上,為web瀏覽器做了一部分封裝(增加了dom操作、bom操作等)。

如上圖中的這些概念,大家可能平時都在javascript中看到,其實他們是es的內容。只不過javascript繼承了es的這些特性,並且javascript用的比較廣泛,因此才會在js中討論的多一些。

還是那個「2/8原則」。其實es中的內容也非常多,而且更新很快,現在都到es6了。但是我上圖中列出來的這些都是最重要的概念。

如果你不懂原型、閉包和作用域,那就說明你還不完全瞭解es,也就是不完全會用javascript。

5. 框架和類庫

前面已經描述完了web前端開發所需要的理論知識。如何實踐呢?——不能蠻幹——還得繞世界去看看,有哪些大牛已經為我們做出瞭如此多的貢獻。

用下面的這些類庫或者框架,能大大提高你的開發效率。

首先,jquery一定是大部分web前端開發者不可或缺的工具。而我利用jquery不僅僅停留在只使用它的api和外掛上,我還會自己去寫jquery外掛,我還會去讀jquery的原始碼、瞭解jquery的設計思路。如果你也能那樣做,請相信我,你會收穫到意想不到的效果。

如果有一個問題:怎樣才能最最透徹的理解javascript的事件系統?最佳答案之一:

讀幾遍(一遍可能讀不懂)jquery關於事件處理部分的原始碼!

bootstrap不用再過多解釋了吧,從github上的排名也能看出道道來。甚至連我們公司的ui設計師,都從bootstrap上截圖作為素材。

fontawesome是全世界最強大的圖示系統。相比於css製作圖示來說,這個要好很多倍,不管是開發、效率還是維護上。i***oon.io能讓我自定義選擇自己的圖示檔案。

requirejs和seajs這種模組定義系統,也一定是你係統中不可或缺的。我曾經看過一個教程,講師就說:requirejs帶來了既jquery之後的第二次前端技術變革。

其他的,backbone、angular、react這些也慢慢的開始發揮了他們的價值,此處精力有限就不再贅述了——但是,他們很重要——你至少要試著去了解它們。

6. 編碼開發

要問編碼ide哪家強,當然要屬微軟的visual studio!但是即便是微軟的vs最新版本,它也代替不了下面要說的這套開發環境。

如果你專門做web前端,就不要在用vs了,當然要選擇sublime。寫html語句還用手動一條一條寫嗎?你得需要zencoding的協助,否則效率太差了。

另外,針對html、css、js的壓縮、合併、語法檢查,檔案的清除、複製這些操作,你還要手動去做嗎?——你需要grunt或者gulp的幫助。

在此毛遂自薦自己的教程《用grunt搭建自動化web開發環境》,講的比較詳細,適合初學者學習。

如果你的系統中有比較多的js**或者檔案,請選擇一個合適的模組定義規範——cmd / amd

請用git來幫助你做檔案版本管理,最簡單的就是使用github。

除錯、測試,也都有專門的工具,都是需要學的……

——我的天哪……這些字寫到現在寫的我的手都酸了,別說要學習這些知識了——再也別說我們web前端是「三大塊」了!

7. 執行環境

當系統真正到了執行環境中,當你覺得終於完事兒的時候,其實還有好幾個知識點需要你掌握。看下圖:

首先,你要知道web系統雖然大部分是在瀏覽器下執行,但是js可能會被執行在node環境。

8. 其他

以上這些是全部的知識體系。如果你想成為一名合格的、讓leader喜歡的程式猿,你除了知道這些知識之外,我覺得還需要以下幾點:

要了解敏捷軟體開發流程(如scrum)和專案管理知識(如考取pmp),這也屬於一種「軟」知識吧;

要學會在網上和別人交流(部落格、**群、開源專案),交流能讓自己看到自己的不足;

要學會自我反省和自我學習。就像我現在一樣,試著自己總結一下屬於自己的東西,隨時反省隨時進步

6樓:愛創課堂專業前端培訓

1、html+css。這部分非常簡單,同時也是前端開發的基礎,是所有進入前端開發領域的基礎內容。因此建議邊學邊練,之後可以模仿一些**做些頁面,重在理解css每個元素的屬性,樣式的實現不一定只有一種寫法,多思考還有沒有什麼需要改進的地方。

2、 javascript。不是所有的網頁都必須有js,但是要想實現一些超酷的功能和介面的時候,就需要涉及到js,如果沒有其他程式語言的基礎的話,學起來可能要費些力,建議可以先看一看《javascript語言精粹》

3、 photoshop、flash.。熟悉大概就可以,不需要全部都學得十分精通,當然如果你在學習的過程中,發現你ps或者flash比較感興趣的話,也可以嘗試做美工這一行。

4、一些框架的應用。例如,angular.js,node.js,bootsttap、vue.js等框架的應用。

5、html5和css3。移動端的網頁製作,在移動裝置開發html5應用只有兩種方法,要不就是全使用html5的語法,要不就是僅使用java引擎,現在也是前端的一個趨勢。

6、瀏覽器相容。懂web標準,熟練手寫 xhtmlcss3並符合符合w3c標準。**能相容主流瀏覽器firefox, chrome、 safari、ie、 opera。

雖然ie6很多都不相容,但現在還使用的人還是有的。

7、seo優化。還需要學習一些seo優化技術,因為前端是經常會和**接觸的。

8、unix和linux。這兩個基本知識雖然很基礎,但是開發人員瞭解unix和linux的基本知識是有益無害的。

9、學習一門開發語言。掌握前端開發技術的同時,適當的學習一些後臺開發語言(java,php,asp等)也是一個不錯的選擇。

口腔在食物消化中發揮了什麼作用,口腔消化的意義

口腔牙齒的咀嚼食物,可產生大量的唾液酶,幫助胃腸吸收.消化過程是從口腔開始的.食物在 把大塊的食物,切割,磨碎 口腔消化的意義 首先,口腔的咀嚼作用可充分的研磨食物成為食物小顆粒,增加是食物顆粒的表面積,有利於和消化液的充分混合,提高消化效率。其次,口腔中可分泌一些消化酶類,可以預先消化一部分食物,...

論述化妝品在現代文明中發揮的作用

經過1400多年的傳播,現在伊斯蘭教已從一個單一民族信仰的宗教發展成為多民族信仰,由阿拉伯半島傳播到了亞洲 非洲 歐洲 美洲和大洋洲。亞洲國家除了50多個伊斯蘭教國家外,其他非伊斯蘭國家除少數國家外,幾乎都有穆斯林。歐洲國家如法國 英國 瑞士 西班牙 葡萄牙 瑞典 芬蘭 挪威 丹麥 比利時 荷蘭 義...

化妝品在現代文明生活中發揮的作用

我覺得更多的是滿足我們對美的一種想象,用化妝品可以讓我們更自信,但我們也不必對自己的缺陷太在意,畢竟沒有十全十美的人。清潔和保護 給人帶來自信 論述化妝品在現代文明中發揮的作用 經過1400多年的傳播,現在伊斯蘭教已從一個單一民族信仰的宗教發展成為多民族信仰,由阿拉伯半島傳播到了亞洲 非洲 歐洲 美...