談談學習前端的一些感悟

經過這麼長時間接觸前端,逐漸對前端,後端交互,相關的各個方面都有了瞭解,基本可以把這些聯繫起來。其實,爲什麼有時候會感覺學起來很困難呢,就是因爲某些地方知識點出現了斷層,沒有理解到前因後果,對這些知識點理解模糊,而且對某些地方抱有恐懼心理,害怕去了解它,日積月累,模糊的知識點越來越多,學起來越來越麻煩。接下來我說說一些關於前端的一些東西,這些東西都不難,但是我們又必須理解的,謝謝東西瞭解之後對學習後續的知識是很有幫助的,當我們對整體有個大局觀的時候,學習後面的知識就不怕了,因爲我們知道這個東西學習是用來幹嘛的,用來解決什麼問題。就當看故事一樣,看看能不能打通你的任督二脈。

  • 你知道嗎,以前是前端開發這門技術是沒有的,說到這,那就有人說了,那瀏覽器顯示的這些內容是誰做的。其實在以前這些所有的內容都是現在後端人員寫的,而根本沒有前端這個概念,那個時候的網站內容並不豐富,基本是靜態頁面,最多js代碼也就幾十幾百行,用來處理一些簡單的點擊事件,表單驗證之類的事情。後端開發人員在學點js基本可以搞定,也就不分什麼前端後端。後來隨着時間的推移,大家都注意到了用戶的體驗效果很重要,而這些效果都是用戶在瀏覽器這邊進行交互的,因此,這些都需要js來操作頁面。於是一個頁面裏需要寫的js文件越來越多。而隨着js代碼越來越多,功能越來越多,而且由於在瀏覽器運行的js又天生沒有模塊化的概念(關於模塊化我後面會講解,現在可以這樣理解,模塊化就是把每一個js文件看作一個單獨的模塊,裏面寫的變量在全局訪問不到,需要用到別的模塊的東西就利用某種方式導入,需要把你這個模塊的某個功能函數啥的導出就用某種方法導出。這個時候代碼這起來就非常的方便),那麼代碼這麼多,如果寫在一個文件裏很難維護,非常雜亂,如果把它分成多個文件呢又很擔心寫的變量會不會影響到全局。總之呢管理起來非常麻煩。,於是呢就出現了很多處理這些問題的技術出現了。這個時候後端人員搞後端的那些代碼就已經很頭疼了,現在還要學習這些關於頁面的這邊的這麼多技術,這麼多技術已經足夠形成一個專門的職位了,實在是不堪重負,那麼就需要專門一些人來處理這些事情於是就出現了前端開發這門職位。
  • 你在瀏覽器訪問一個網址,到頁面出現關於你想要的內容這個過程很多人模糊,我來大體說說這個過程。我們應該清楚,我們在瀏覽網頁的時候,網頁的內容肯定不是一開始就存在我們電腦裏的,都是由瀏覽器向服務器發送請求,服務器收到請求的消息後,根據你想要的東西相應的把一些資源打包發給你(從服務器那邊的電腦上讀取相應的文件,取出來的是一串字符串,然後作爲響應的內容響應給瀏覽器)。然後數據到了瀏覽器這邊,瀏覽器根據服務器給的資源根據相應的規則,把頁面渲染出來。當接受到一個html頁面的時候,瀏覽器開始解析這個字符串,記住服務器發過來的就是一個html格式的字符串。在解析這個字符串的過程中,遇到了一些link,script標籤,它們又都引入了一些其他的資源,如css,js,png,jpg這些資源,於是瀏覽器又會自動向服務器去請求相關的資源。拿到後是圖片就渲染出來,是css就相應的應用到html元素上,是js就交給js執行引擎執行。其實服務器沒什麼好神祕的,他就是一個電腦上的應用程序,服務器開啓的時候就一直在等着看有沒有人過來請求我,請求了我就把相應的資源打包發給你。
  • 以後會聊聊關於前端一些其他技術的見解,未完待續……
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章