總結一年來的前端學習心得

  到今天,前端學習剛好滿一年。我也順利從非計算機專業轉到前端。對于前端學習,自己也是摸著石頭過河,中間也有過困惑和迷茫。本文主要講述自己一年來對于前端學習的心得體會,希望能對學習前端的人提供一些幫助。

?

  前端主要分為三部分:html,css,js。

?

  html:首先得了解標簽的含義,用在哪里,常用的用多了就知道了。另外H5也要去了解,對于H5的學習可以自己動手做一個H5的動畫場景。這里面涉及比較多的是css3樣式以及canvas。

?

  css: 關于css還是推薦看書系統的學下。單看網上的,你可能只知道怎么用,卻不知道他這樣用所隱藏的含義。還有就是容易產生混亂,所以還是建議看書系統學一學。有些概念還是要掌握的,不然面試很容易懵逼。

?

  js: 這個是最復雜的。首先建議先看書了解基本語法。但是只看不動手是不行的。很多人沒有項目也不知道從何練起。我個人是推薦百度前端技術學院題目,每一個題目后面都提供了解決這個問題所需要的知識點的鏈接。題目難度是逐漸增加的,越到后面越難。我自己也沒有做完,看個人情況。我把我自己做的放在了github上,可以下載查看當做參考。之后再繼續看書,繼續學習。

?

其他  

  框架:這個等你有了一定的JavaScript基礎后在開始學比較好。推薦入門jQuery, 這個比較簡單,容易建立信心。之后再學其他的框架,react, vue, angular. 學習框架建議先看框架文檔,一般配有簡單入門教程。現在用的比較多的都有中文版的教程的,所以不懂英文的可以看中文的。后期可以在github上找些項目練手。能夠加深你對這些框架的理解。

?

  項目:最好去實習,參與一些項目。如果沒有實習經驗的,也可以自己找項目做。比如簡單的游戲,網站模仿等等,另外也可以網上搜,自己跟著做一個出來。我個人是在實習后又花了10多天搞了一個簡單web論壇,采用PHP, jQuery和mysql源碼參見:https://github.com/huanshen/web-bbs。這個可以參看《PHP和MySQL Web開發》,這本書能夠讓你知道前端后臺是如何一起工作的。這個項目在面試中發揮了蠻大的作用。問我項目難點的時候都說它。因為前端部分的難點感覺叫不上難點(就個人實習做的項目而言,也可能自己的實習比較水,畢竟小公司)。個人面經參看:2017年秋招前端招聘面經,另外自己也總結了一些前端面試常問的問題,含答案。

前端面試筆試知識匯總1(含答案)

前端面試筆試知識匯總2(含答案)

前端面試筆試知識匯總3(含答案);

?

  nodejs: 這個很有必要去學習,具體可以看網上的教程《包教不包會》(https://github.com/huanshen/node-lessons),但是不是很系統,最好是找本書籍看看。第一遍比較難理解,你就照著寫就好,不理解也沒關系。可以看看nodejs相關文章或者書籍,以后有空再來一遍,慢慢你就會理解了。

?

  ES6: 現在很多人都用ES6,所以還是推薦各位去了解一下。推薦阮一峰老師寫的書籍:http://es6.ruanyifeng.com/ 。我自己也根據上面的教程做了一些總結。參看:http://www.cnblogs.com/huansky/tag/ES6/??。

?

  自動化構建工具:屬于加分項,你不懂也可以,懂更好。沒必要都了解,選一種去學習,有時間再去了解其他的,之前自己也 寫過gulp學習筆記。對于webpack,暫時還沒有去接觸。

建議:

  基礎:面試最看重的還是基礎,所以一定要把基礎打好。書還是要多看的。《JavaScript高級程序設計》《JavaScript啟示錄》《JavaScript語言精粹》《JavaScript設計模式》等。總之要多看書。還有記得,書是一定要看多遍的 !看完記得總結。

?

  讀源碼:建議先讀underscore.js。代碼總共1600多行(包含注釋說明),相比其他比較簡單,就是一個函數庫。讀源碼可以先看看網上的源碼的文章,后面自己在對著說明文檔讀源碼。盡可能讀懂每個函數的含義(讀不懂也不必太糾結)。后面再從大方向分析作者為什么要這么寫,包含其中一些細節的處理啊。然后思考如果是你,你會怎么寫等等。后面也可以閱讀jQuery或者其他的。

?

  后臺:很多人說如今前后端分離,沒有必要再去學習后臺或者。個人認為這是錯誤的。首先,你把前后端一刀切斷,這個本身就不對了,這只會讓你的路越走越窄;其次你懂后臺,遇到問題方便和后臺交流;再者,編程語言是相通的,你多學了一門語言,肯定會在無形之間提升了你自己的能力。最后,哪一個牛逼的程序猿只懂一門語言啊

?

  學習方法:每個人學習方法不一樣,但是最重要的一點是要總結,然后慢慢摸索出適合自己的學習方法。個人覺得,你可以注冊一個博客,將自己平時學到的,看到的,記錄下來,沒事也可以瀏覽下自己寫的。無聊的時候看看別人寫的博客,你會從中學到很多的。

?

  遇到困難:如果學習中遇到不理解的,建議先百度谷歌,一般都能夠得到解答的。還是不懂再去問別人,沒人可問也可以先跳過,繼續學習后面的。過段時間再來看一遍,你會發現有些問題已經不是問題了。還有一點最重要的就是要學會堅持。不要三天打魚,兩天曬網。既然選擇了前端,就風雨兼程。

?

  最后預祝大家在前端道路上越走越遠。

轉載于:https://www.cnblogs.com/huansky/p/5990991.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/270480.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/270480.shtml
英文地址,請注明出處:http://en.pswp.cn/news/270480.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

辦公技巧:10個WORD神操作,值得收藏

目錄 1、F4鍵 2、Ctrl字母快捷鍵 3、巧用“文檔比較” 4、巧用替換功能 5、特殊字體保存 6、Word表格隨心粘 7、去除超鏈接 8、Word圖片輕松移 9、截圖 10、格式刷不停 在日常辦公當中, Word文檔就是我們最常用的軟件之一。用它我們寫論文、寫方案、寫小說等等。 但…

MYSQL學習:GROUP BY分組取最新的一條記錄

日常開發當中,經常會遇到查詢分組數據中最新的一條記錄,比如統計當前系統每個人的最新登錄記錄、外賣系統統計所有買家最新的一次訂單記錄、圖書管理系統借閱者最新借閱書籍的記錄等等。今天給大家介紹一下如何實現以上場景的SQL寫法,希望對大…

@SentinelResource注解實現熱點限流

下圖中請求url中param參數為axb,如果QPS超過5,就會限流 一:如下代碼 RestController public class ParamController {GetMapping("/param")SentinelResource(value "param", blockHandler "exHandler")p…

[LeetCode] 4Sum II 四數之和之二

Given four lists A, B, C, D of integer values, compute how many tuples (i, j, k, l) there are such that A[i] B[j] C[k] D[l] is zero. To make problem a bit easier, all A, B, C, D have same length of N where 0 ≤ N ≤ 500. All integers are in the range of…

php的正則表達式函數,php中常用的正則表達式函數

php中常用的正則表達式函數* preg_match()* preg_match_all()* preg_replace()* preg_filter()* preg_grep()* preg_split()* preg_quote()接下來對比講解:講解中 $pattern 通常表示正則表達式$subject 通常表示目標處理數據定義一個方法 方便查看數據類型&#xff…

硬件知識:固態硬盤4K對齊知識介紹

目錄 1、什么是4K對齊呢? 2、怎么查看硬盤是否4K對齊呢? 3、怎么4K對齊呢? 現在大家基本都有一個固態硬盤,而在固態硬盤分區中4K對齊是非常重要的。 1、什么是4K對齊呢? “4K對齊”就是符合“4K扇區”定義格式化過的硬…

【spring cloud】注解@SpringCloudApplication和@SpringBootApplication的區別

SpringCloudApplication注解 注解SpringCloudApplication包括:SpringBootApplication、EnableDiscoveryClient、EnableCircuitBreaker,分別是SpringBoot注解、注冊服務中心Eureka注解、斷路器注解。對于SpringCloud來說,這是每一微服務必須應…

網絡知識:路由器常見故障分析及處理方法

目錄 1.路由器的部分功能無法實現 2.網絡頻繁掉線 3.無法瀏覽網頁 4.某些應用無法使用 5.網絡帶寬達不到合同帶寬或相差甚遠 6.局域網內存在多個路由器,因人為原因出現二級路由 對當前的大多數網絡來說,無論是實現網絡互連還是訪問Internet&a…

matlab找不到函數系統函數,求助,Matlab找不到ztrans函數

只把這個函數給你吧,你自己保存下:function F ztrans(varargin)%ZTRANS Z-transform.% F ZTRANS(f) is the Z-transform of the scalar sym f with default% independent variable n. The default return is a function of z:% f f(n) > F F(z). The Z-transfor…

硬件技巧:如何隱設置的你的電腦U盤不可見

有時候電腦里面有重要內容,在不聯網的情況下,還需要禁用U盤,下面介紹禁用U盤的方法,原創文章,轉載注明出處即可。 第一步,首先在電腦上點擊開始按鈕,或者直接按下快捷鍵組合"WinR"&am…

XidianOJ 1035 數獨 1053 正數負數 1042 另一個簡單的游戲

三道水題。。 #include <iostream> #include <cstdio> #include <cstring> #include <algorithm> using namespace std; int n; int main(){while (scanf("%d",&n) ! EOF){if (n > 0){printf("yes\n");}else if (n < 0)…

Django 基本命令

1. 新建一個 django projectdjango-admin.py startproject project-name一個 project 為一個項目&#xff0c;project-name 項目名稱&#xff0c;改成你自己的&#xff0c;要符合Python 的變量命名規則&#xff08;以下劃線或字母開頭&#xff09;2. 新建 apppython manage.py …

前端知識:如何創建自己的Iconfont圖標庫

在日常的開發過程中&#xff0c;前端頁面經常會引用一些圖標&#xff0c;iconfont圖標庫是前端開發者非常友好的在線字體圖標庫。大家可以根據平常所涉及的項目&#xff0c;收藏自己需要的圖標庫&#xff0c;方便在后續的項目中使用&#xff0c;今天小編給大家介紹如何通過icon…

mysql 二次 聚合,MySql-聚合查詢

聚合查詢Chloe 可以像寫 sql 一樣實現聚合查詢。IQuery q context.Query();q.Select(a > Sql.Count()).First();/** SELECT COUNT(1) AS C FROM Users AS Users LIMIT 0,1*//* 支持多個聚合函數 */q.Select(a > new{Count Sql.Count(),LongCount Sql.LongCount(),Sum …

硬件:固態硬盤SSD的基礎知識及安裝注意事項

固態硬盤就是用固態電子存儲芯片陣列而制成的硬盤&#xff0c;相對于機械硬盤&#xff0c;固態硬盤的讀寫速度更快&#xff0c;但是固態硬盤的缺點是壽命不如機械硬盤。 固態硬盤有寫入壽命&#xff0c;平均起來約為3000次P/E&#xff0c;1P/E為硬盤存儲上限&#xff0c;相當于…

C# Redis實戰(二)

二、Redis服務 在C# Redis實戰(一)中我將所有文件拷貝到了D盤redis文件夾下&#xff0c;其中redis-server.exe即為其服務端程序&#xff0c;雙擊即開始運行&#xff0c;如圖可以將此服務設置為windows系統服務&#xff0c;下載Redis服務安裝軟件&#xff0c;安裝即可。安裝完成…

matlab仿真超聲波測距,超聲波測距儀制作-Arduino中文社區 - Powered by Discuz!

本帖最后由 xiebb5688 于 2017-12-4 09:06 編輯雖然學的是機械&#xff0c;可也接觸過C語言&#xff0c;MATLAB等程序&#xff0c;每次編程的時候&#xff0c;能夠把BUG一個個解決掉&#xff0c;會帶來不小的成就感。于是感覺到自己骨子還是挺喜歡代碼的。于是也不知何時了解了…

Mac版本Navicat下載

提供navicat安裝包 鏈接&#xff1a;https://pan.baidu.com/s/1mQddUOuaxovVkhNOT9vUJw 密碼&#xff1a;tted