<samp id="cs8kc"><wbr id="cs8kc"></wbr></samp><samp id="cs8kc"><wbr id="cs8kc"></wbr></samp>
<tr id="cs8kc"><xmp id="cs8kc"><samp id="cs8kc"><wbr id="cs8kc"></wbr></samp>
<samp id="cs8kc"><wbr id="cs8kc"></wbr></samp>
<rt id="cs8kc"></rt>
<tr id="cs8kc"><xmp id="cs8kc">
<tt id="cs8kc"></tt>
<samp id="cs8kc"><wbr id="cs8kc"></wbr></samp>
首頁 > 課程庫 > 前端進階指南
前端進階指南

前端進階指南

學了很久的前端但是只會從頁面找1個元素在上面綁1個事件?如果是這樣,那你還有很大的提升空間,本課程由淺入深講解網絡和瀏覽器的基本工作原理,更為你介紹常見的前 端開發工具、調試工具、性能診斷工具,教你如何解決定位常見的跨瀏覽器、跨平臺兼容問題,還會詳細介紹前端性能優化的典型手段。如果這些你都學會了,下次出去面試肯定獲得不錯的評價。

Web前端開發

17章節|22190次播放

5小時學習時長
更全面的職業課程大綱立即查看
  • 學習前端

    前端進階指南教程

    這是前端進階指南的第一節課,這節課主要分為四個部分。基本要求明確一下,看哪些同學適合學習本門課程。如圖,首先需要他有編程基礎,如果不知道變量、循環或者函數是什么,如果你沒有用過至少一門語言來寫代碼,那么你就不適合這門課程。然后還有前端基礎,你需要知道HTML是什么,怎么書寫網頁、如何用CSS來裝點頁... 查看原文

  • 學習前端

    Sublime Text文件切換

    如圖,我們進入實際操作,首先關于“sublime text”的安裝就不詳細說了,大家去官網下載對應的最新本。如圖,首先我們打開了一個目錄,首先我們要演示的第一個是文件的切換,傳統打開發送就是在左側選擇打開,雙擊你想要打開的文件如下圖:如圖,輸入我想打開文件的關鍵詞。如圖,比如說我打開passport... 查看原文

  • 學習前端

    Sublime Text命令面板

    命令面板的調出跟文件切換面板非常相似,只是命令面板需要安卓系統P,這里面會有很多的命令。如圖,比如settings,敲settings會出現跟settings有關的選項,其實這些命令的來源都是在它的菜單欄里面的內容。?如圖,我們輸入“set syntax”,我們想把這個文件的語法變一下,變成“set... 查看原文

  • 學習前端

    sublime text配置

    接下來我們來了解如何調整sublime text的配置,可能很多同學下載sublime text的時候就是把它當成記事本來使用,也就是沒有做任何自定義的配置,做一些自定義的配置可以讓sublime text更適合我們的開發習慣。那么在利用剛才的命令面板我們怎么打開配置呢?如圖,我們先輸入prefs然... 查看原文

  • 學習前端

    sublime text插件入門

    sublime text就是我在本節課的開頭提到的,如果你掌握到命令面板、文件切換的面板以及自定義的配置,也就是說這些都還不夠,還需要很多第三方的插件,比如說代碼的自動檢查。要安裝插件需要先安裝一個叫做“package control”的東西,“package control”在國內訪問不是很方便,... 查看原文

  • 學習前端

    Sublime Text必備插件

    第一個是sublime Codelntel,是一個代碼自動完成的插件,大家都知道sublime本身是有自動完成的,但是它只限于單個文件之內,而sublime Codelntel是打開一個目錄之后,它會掃描整個目錄簽訂索引,然后在這個文件里面插入代碼會使用其他文件的關鍵詞來做自動完成。第二個是Emme... 查看原文

  • 學習前端

    sublime Codelntel插件

    sublime Codelntel的介紹實際操作接下來進入實際操作,首先打開如下圖的目錄:如圖,打開目錄nodeblog前端開發博客系統中所有的源代碼,然后安裝插件的第一步是需要在package control中把它官方的去掉。如圖,打開這個目錄。如圖,只保留添加的語言,把它官方的語言去掉。如圖,接... 查看原文

  • 學習前端

    Git+Gutter插件

    Git+Gutter的介紹如圖,我們可以看到在狀態欄下端的字符,這個里面就是git的一些狀態。如圖,這些帶點的也是“Git+Gutter”顯示的,是我的Sublime在保存的時候自動把空行里面的空白字符去掉。也就是說“Git+Gutter”它實際的效果也就是在行號的左邊的位置適時的顯示你當前的文件相... 查看原文

  • 學習前端

    Emmet插件

    “Emmet”從官方來說它是一個加速,也就是外部開發者一個基本的工具,它能非常大的節省寫HTML和CSS的速度。下面我來給大家實際演示,為了確認我安裝的插件一定有“Emmet”那么我寫一個新的文件把它改成HTML,如下圖:如圖,這就“Emmet”的功能。如圖,把第五行輸入“Emmet is awes... 查看原文

  • 學習前端

    sublimeLinter插件

    sublimeLinter的安裝和配置如圖,“sublimeLinter”有一個官方網站,叫做“www.sublimeLinter.com”,因為這里面有一些配置比較繁瑣,所以我在這里面簡單給大家介紹一些“sublimeLinter”的安裝配置方法,首先我們是通過Package Control來安裝... 查看原文

  • 學習前端

    Vim安裝和配置的介紹

    vim的安裝如圖,首先vim的安裝可以在百度或者谷歌上面搜索,進入它的官網,然后直接有下載區,一般來說大家如果用的是mac或者unix系統,那么其實就不需要安裝vim因為系統已經自帶了,除了Windows用戶需要下載一個安裝包,把它安裝到你的系統目錄下面,其實啟動vim也比較簡單,就是在Window... 查看原文

  • 學習前端

    Vim的模式與光標

    Vim的四種模式首先我啟動vim并且打開文件如下圖:然后我們可以看到左下角馬上變成INSERT模式,這個模式下你可以敲任何代碼,然后我按“Esc”就換成NORMAL模式,這個模式下可以執行一些命令,按“u”就是撤銷,從“NORMAL”進入到“INSERT”可以按“o”“i”“a”也可以按“A”到行尾... 查看原文

  • 學習前端

    Vim的文本變更

    如圖,比如說剛才做了修改之后,我在這里面想刪除9、10行的兩個var,我先按了“dw”它的意思是刪除一個單詞,接下來我進入行選中模式把它往右縮進。如圖,這是我做了修改之后,點擊“;w”保存。這是一個基本的文本變更的操作,那么實際上,我們對于文本的變更跟一般的業務里面數據的變更是很像。如圖,我要進行文... 查看原文

  • 學習前端

    Vim-pathogen與Airline

    Vim-pathogen插件如圖,首先管理插件的插件,大家安裝的時候可以搜索圖上的地址,然后它的安裝方式也非常簡單,在圖上vim的linstallation下面,有個.vim的隱藏目錄,然后在里面創建“vim/autoload和vim/bundle”然后就把你的這個插件管理的這個文件克隆到.vim/... 查看原文

  • 學習前端

    EditorConfig與Vim內置

    EditorConfig插件第二個就是編碼風格這一塊,配置你怎么縮進,然后是否保留行末的空白,這個使用到“EditorConfig”,它的安裝方式跟“Vim-Airline”其實是很類似的。如圖,這個安裝的方式也很簡單,首先需要把倉庫克隆到.vim下面,然后要看它支持哪些命令,然后安裝完成插件過后,... 查看原文

  • 學習前端

    Emmet與Fugitive插件

    Emmet插件這是我們需要介紹的第四個插件“Emmet”,這個在sublime里面也有介紹。如圖,它叫做emmet-vim,大家可以去搜索圖上這個網址,它的安裝方式也是非常簡單的。如圖,就是到“.vim”下面的bundle目錄,然后克隆一下這個倉庫,然后就完成了。如圖,我已經安裝完成了,大家可以看到... 查看原文

  • 學習前端

    Syntastic插件

    這節課介紹到最后的一個插件叫做“Syntastic”,在vim里面這個插件目前是一個集中倉庫。如圖,這個跟之前sublime來介紹的Syntastic本身又是一種插件式的架構,可以安裝各種插件也可以自己寫插件,那么Syntastic是內置了一些從架構上略遜于sublimetext。如圖,它的安裝跟其... 查看原文

  • 學習前端

    HTTP協議入門

    這節課講解http協議的入門,實際上前端功能會在實際開發中經常的接觸瀏覽器網絡相關的,一共四個部分。1、原因如圖,那么為什么我在前端進階課程里面會給大家介紹http協議,因為絕大多少的web應用,都是構建在http協議之上的。2、是什么簡單來說http協議是一種無狀態、B/S(瀏覽器和服務器)模式應... 查看原文

  • 學習前端

    瀏覽器基本工作原理

    瀏覽器打開網頁時發生了什么?前端工程師在面試或者是自己工作過程中可能會經常被問到這個問題,除了我們上節課介紹的http請求的全過程之外,還有一些瀏覽器的基本原理,后者就是我們這節課要介紹的內容。如圖,就是用戶在瀏覽器的地址欄里面輸入UIL,比如說是www.www.xs667.com,然后敲回車鍵,瀏覽... 查看原文

  • 學習前端

    Chrome開發者工具

    這節課開始介紹谷歌瀏覽器開發者的工具,這節課介紹三部分的內容。第一部分是基本用法,包括打開關閉、常用的配置。第二部分會介紹元素面板,包括審查修改元素,然后查看、修改元素樣式,然后查看、管理元素的事件。第三部分就是介紹終端面板,這里面會教大家如何審查變量,還有教大家怎么在里面運行代碼,就是做非常簡單的... 查看原文

  • 3_課件所屬章節:3_課件
    下載
Web前端開發王仕軍

王仕軍

TA的課程

愛編程,喜歡折騰各種工具、框架,5年以上前端工程經驗,對前端項目架構、性能、測試、質量、自動化等方面有深入理解和大量實踐。熟悉 Node 后端服務開發,并有海量數據處理系統架構和集群運維經驗。

更專業的職業課程

Web前端開發23671位同學正在學習

Web前端開發

免費領取價值1888元求職寶典!

客服熱線 400-862-8862

回到頂部

天天撸一撸