資訊專欄INFORMATION COLUMN
摘要：作為自學(xué)兩年的初級前端，希望對那些想入門前端開發(fā)的人分享一些觀點(diǎn)。尤其是這幾年前端領(lǐng)域飛速的發(fā)展，新東西層出不窮?；蛘哧P(guān)注下我的微信公眾號前端獲取每天分享前端入門知識。
做一件事之前最好問問自己為什么要做，然后再去思考該怎么做。如果只是看到別人做了，并且有很不錯(cuò)的收入，然后自己就決定做了，很可能中途放棄浪費(fèi)掉很多時(shí)間。起碼問自己一個(gè)問題：我是否真的熱愛這個(gè)領(lǐng)域，并且很樂意在這個(gè)領(lǐng)域持續(xù)不斷的一直學(xué)習(xí)付出？當(dāng)你模糊不定我想你可以再想想自己適合什么，如果你接觸后發(fā)現(xiàn)這就是我喜歡的東西，那么我想你可以開始了。
作為自學(xué)兩年的初級前端，希望對那些想入門前端開發(fā)的人分享一些觀點(diǎn)。先談?wù)勎夷菚?huì)為什么選擇入門前端，這個(gè)可能大多數(shù)人都一樣：
不喜歡黑乎乎的命令框程序，喜歡漂亮的用戶界面
不喜歡整天與數(shù)據(jù)庫交流，喜歡向用戶展示內(nèi)容和處理用戶的操作
代碼寫一點(diǎn)就能看見視圖效果出來一點(diǎn)，這是很有成就感的
要是你有很強(qiáng)的算法邏輯，喜歡處理海量的用戶請求和數(shù)據(jù)，你可以考慮一下后端開發(fā)，當(dāng)然做一名全棧開發(fā)是最好的。
這里有一個(gè)很大的誤區(qū)：大多數(shù)人覺得前端簡單，填填Html,稍微加點(diǎn)CSS,然后用JavaScript處理一下點(diǎn)擊事件以及其他的邏輯，一個(gè)網(wǎng)頁就成了。然后就會(huì)給人一個(gè)錯(cuò)覺：我簡單地看看文檔大概用一周的時(shí)間就能動(dòng)手寫網(wǎng)頁了，給人一種前端門檻很低的感覺，還不用去考慮后端那些復(fù)雜的算法邏輯。
確實(shí)，對于一個(gè)新手寫一些網(wǎng)頁確實(shí)不太需要算法邏輯，但是這些想法很容易給人誤導(dǎo)，懂得這些你只是一個(gè)切圖工，并不是一個(gè)很好的開發(fā)者。尤其是這幾年前端領(lǐng)域飛速的發(fā)展，新東西層出不窮。僅僅會(huì)這些早已不能滿足需求了。
這幾年這一領(lǐng)域的發(fā)展還算蠻大的，出現(xiàn)了很多新的工具，前端開發(fā)的地位越來越被重視，隨著技術(shù)的更新前端的產(chǎn)品體驗(yàn)越來越好。
但是作為前端的三大基石：Html、CSS和JavaScript基礎(chǔ)的內(nèi)容沒怎么變過，不過是在其基礎(chǔ)上增加很多新的特性和方法。后來隨著Webpack等一些工具的出現(xiàn)，前端的工作方式發(fā)生了變化，以及一些新的框架比如Vue.js、React的出現(xiàn)，使得前端體系越發(fā)的龐大。不過只要分清楚哪些是重點(diǎn)就可以。
縱觀計(jì)算機(jī)發(fā)展史，二三十年間技術(shù)更替了一波又一波，不斷有新的技術(shù)產(chǎn)生，老的淘汰。前端領(lǐng)域也更替了好幾代，所以希望明白一個(gè)事實(shí)，不要去爭論什么語言、什么框架好，萬一哪天出來一個(gè)更好的把它替代了呢？所以不要局限住自己的視野，要看到那些基礎(chǔ)的東西是不會(huì)變的，那些 js 基礎(chǔ)、網(wǎng)絡(luò)協(xié)議以及一些編程思想，也就是數(shù)據(jù)結(jié)構(gòu)與算法，吃透這些底層的東西無論上層工具怎樣交替更換，自己總能得心應(yīng)手。
打個(gè)比方，《蜘蛛俠：英雄歸來》里面托尼對他說的：
這些都是我覺得比較好的東西，推薦一下：在搜索引擎一查就能找到?；蛘哧P(guān)注下我的微信公眾號： 前端123 獲取（每天分享前端入門知識）。
首先就是HTML與CSS:HTML負(fù)責(zé)網(wǎng)頁的骨架，而CSS則主要負(fù)責(zé)你美化你的的網(wǎng)頁的樣式。這些基礎(chǔ)的話入門的時(shí)候過一下文檔就可以了，這里推薦MDN Web docs。還有一個(gè)很有趣的教程，如果你不喜歡單看文字教程的話，可以試試Freecodecamp，一個(gè)學(xué)習(xí)編程的網(wǎng)站，闖關(guān)游戲感覺的學(xué)習(xí)過程，由最簡單漸進(jìn)深入的內(nèi)容，試一下你會(huì)喜歡的。
接著就是JavaScript的部分，這也是前端開發(fā)水平的分水嶺，切圖仔與工程師差距就在這。很多人往往忽略這一部分，往往拿著一些開發(fā)框架的特性和功能就開始直接使用了，覺得可以應(yīng)付一般的需求，但是那些框架的原理實(shí)現(xiàn)對他完全就是黑盒，很容易造成錯(cuò)誤和創(chuàng)造低效的代碼。學(xué)習(xí)這部分的話首先推薦廖雪峰的 JavaScript 教程，內(nèi)容很完整，每個(gè)部分還有多帶帶的測試，以及后面的 js 一條龍教程。還有一個(gè)就是廣受業(yè)內(nèi)贊譽(yù)，被稱為紅寶書的JavaScript 高級程序設(shè)計(jì)。書很厚，但是完全值得啃下去。
當(dāng)你覺得完全掌握了上面的內(nèi)容了，對JavaScript的基礎(chǔ)了如指掌，是時(shí)候上手一門框架來增加你的開發(fā)效率了。無論Vue還是React，你都需要仔細(xì)閱讀官方給的文檔，這是最有效率的方式，選擇你喜歡的框架風(fēng)格深入看完文檔就行了。
好的學(xué)習(xí)方法是可以讓你利用有限的時(shí)間掌握更多的內(nèi)容。首先不得不提的是解決問題的能力是一個(gè)人很可貴的品質(zhì)。
編程的路上肯定會(huì)遇到不可控的各種問題，冷靜分析，查閱錯(cuò)誤信息，找出解決方法?；蚴菄L試了各種方法，但是依舊無法解決，阻擋了你前進(jìn)的步伐。這個(gè)時(shí)候你就要找一個(gè)你信任的水平高于你的人，解釋你遇到了什么問題，你理解的這個(gè)問題可能會(huì)是哪里出問題了，你嘗試過什么解決方法。
切忌截一個(gè)報(bào)錯(cuò)信息就問解決方法。首先大家的時(shí)間都很寶貴，這是一種不尊重別人時(shí)間的表現(xiàn)；其次大家都愿意幫助樂于思考的人。搜索引擎是你解決問題的利器，大多數(shù)解決不了的問題都是你沒有選對搜索引擎，或是你沒有準(zhǔn)確的描述出問題的信息。
還有個(gè)學(xué)習(xí)的能力：學(xué)習(xí)是一個(gè)終身的事業(yè)，尤其是對于計(jì)算機(jī)行業(yè)，學(xué)會(huì)堅(jiān)持主動(dòng)學(xué)習(xí)、高效學(xué)習(xí)是很重要的。對待學(xué)習(xí)這件事，每個(gè)人的效率不一樣，這就導(dǎo)致了人跟人之間的差距。這里有兩個(gè)需要注意的：
在明確目標(biāo)，開始學(xué)習(xí)前，不要那么急于上手干，還要學(xué)會(huì)構(gòu)建出自己的知識體系。
就拿讀書來說，大部分人讀書習(xí)慣于翻開第一頁開始看，其實(shí)這是很低效的，拿到一本書以后，一定要先看目錄，因?yàn)閷τ谝槐緯鴣碚f，目錄就是他的知識體系。明白整個(gè)體系后整本書大概就了然于胸，之后會(huì)選一些對我當(dāng)前工作學(xué)習(xí)有幫助的內(nèi)容去看，很少會(huì)從第一頁開始。
同樣的編程也一樣，比如你想成為一名前端工程師。你要做的并不是先買書、看視頻、搭建開發(fā)環(huán)境。而是要先了解到成為一名前端開發(fā)工程師需要哪些知識體系，你可以自己搜索或者請教有經(jīng)驗(yàn)的人了解到。也就是你在學(xué)習(xí)之前把你要學(xué)的東西大概框架先搞懂，然后再去對應(yīng)每一個(gè)深入的學(xué)習(xí)。你的學(xué)習(xí)計(jì)劃也就出來了。每學(xué)完一個(gè)地方你的潛意識就會(huì)給你反饋，又離目標(biāo)進(jìn)了一步，你的學(xué)習(xí)效率自然會(huì)提高，也會(huì)更有動(dòng)力。隨著水平的提高，定期更新你的知識體系就好了。
對于編程學(xué)習(xí)來說，應(yīng)用是非常重要的。知識的學(xué)習(xí)本質(zhì)是要解決問題的。如果在學(xué)習(xí)的過程中你能注重應(yīng)用，那么會(huì)讓你產(chǎn)生樂趣與滿足感。
在你學(xué)習(xí)一個(gè)階段之后，可以去找一些小的案例，涵蓋住學(xué)過的知識，然后自己動(dòng)手仿造做出一個(gè)。不僅復(fù)習(xí)了前一段的知識，有了作品還很大程度上增加了滿足感，讓你更有學(xué)習(xí)的勁頭。
最后想談一下學(xué)習(xí)的態(tài)度：
每個(gè)人都是急于求成的，一些教程也很能抓住這個(gè)心理。你肯定看過很多諸如幾個(gè)小時(shí)學(xué)會(huì)什么、幾天什么從入門到精通等等。但是很不幸告訴你，任何領(lǐng)域的高手都是需要一個(gè)長期投入的過程。而當(dāng)你看到這里的時(shí)候，我相信你是有信心堅(jiān)持下去的，而當(dāng)你已經(jīng)堅(jiān)持了幾個(gè)月了，好吧，你該上路了。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/6761.html
摘要：簡要說明長處在于使用模塊規(guī)范，而不是使用的模塊規(guī)范，以及使用的模塊規(guī)范。簡單使用關(guān)于命令行工具使用，請參照官方文檔。相同模塊重復(fù)依賴模塊重復(fù)依賴很容易理解，模塊實(shí)現(xiàn)時(shí)可能分割為多個(gè)子文件實(shí)現(xiàn)，每個(gè)子文件內(nèi)部可能會(huì)引用同一個(gè)模塊，如。 簡介 browerify: http://browserify.org/index.html browserify可以看做瀏覽器端的又一個(gè)模塊...
摘要：系列文章酷家樂客戶端開發(fā)實(shí)踐分享入坑篇酷家樂客戶端開發(fā)實(shí)踐分享軟件自動(dòng)更新酷家樂客戶端開發(fā)實(shí)踐分享瀏覽器啟動(dòng)客戶端酷家樂客戶端開發(fā)實(shí)踐分享進(jìn)程通信酷家樂客戶端開發(fā)實(shí)踐分享下載管理器不定期更新本文的初衷所使用的技術(shù)棧和前端工程師完美契合。 作者：鐘離，酷家樂PC客戶端負(fù)責(zé)人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...
摘要：系列文章酷家樂客戶端開發(fā)實(shí)踐分享入坑篇酷家樂客戶端開發(fā)實(shí)踐分享軟件自動(dòng)更新酷家樂客戶端開發(fā)實(shí)踐分享瀏覽器啟動(dòng)客戶端酷家樂客戶端開發(fā)實(shí)踐分享進(jìn)程通信酷家樂客戶端開發(fā)實(shí)踐分享下載管理器不定期更新本文的初衷所使用的技術(shù)棧和前端工程師完美契合。 作者：鐘離，酷家樂PC客戶端負(fù)責(zé)人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...
一、請求方式 1. 請求方式有g(shù)et/post/put/delete/options 2. get和post的區(qū)別: get通常用作獲取數(shù)據(jù)，post通常用作提交數(shù)據(jù) get參數(shù)有長度限制，受限于URL長度（http協(xié)議對url長度不限制，而是服務(wù)器和瀏覽器的配置參數(shù)限制），post無限制 get冪等，post不冪等（冪等：多次請求，結(jié)果一樣） header里有個(gè)參數(shù)content-length...
閱讀 2258·2023-04-26 01:50
閱讀 714·2021-09-22 15:20
閱讀 2595·2019-08-30 15:53
閱讀 1596·2019-08-30 12:49
閱讀 1713·2019-08-26 14:05
閱讀 2713·2019-08-26 11:42
閱讀 2309·2019-08-26 10:40
閱讀 2602·2019-08-26 10:38
