當前位置:首頁 » 網頁前端 » 手把手如何設置前端
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

手把手如何設置前端

發布時間: 2023-07-30 19:12:12

① web前端開發中怎樣設

雖說不知道你問的什麼,

但是我還是把web前端開發如何入門發給你

web前端開發分為三個階段:

1. HTML + CSS前端的入門門檻極低,體現在HTML和CSS上。運行環境就是瀏覽器,推薦Chrome。你需要的只是一個文本編輯器,推薦Sublime Text 3,有不少好插件比如Emmet,谷歌搜一下很容易了解到的。當然你非要用記事本的話,也不是不行的。剛入門查閱資料可以用 w3school 或者 MDN 。

HTML和CSS不是編程語言,前者只是結構標簽,後者則是樣式配置,入門是非常簡單的。網上資料也有很多,推薦慕課網 HTML+CSS基礎課程。
我當時是看了一本書 Head First HTML and CSS,講得淺顯易懂,不過價格比較感人,也是只翻一遍的書,沒有必要買了。
迅速刷一遍慕課網,對HTML和CSS有個大致印象就好。想鞏固HTML標簽可以去看看16年的task1-1。
HTML5的API可以先放一放,回頭再看。

接下來就是深入學習CSS了:

  • 《CSS權威指南(第3版)》。很枯燥的一本書,但我確實不知道哪本書更適合了。花兩三天硬啃下來就好了。屬性細節不必記憶,以後用到肯定要再查的。著重點放在大局上,比如盒模型,浮動和定位這些,抓住重點快速過一遍。

  • 《CSS3 專業網頁開發指南》。CSS3也是需要掌握的內容。但這里還是以了解為主,知道CSS3有什麼內容就好,記憶屬性是枯燥且毫無意義的。


  • 以上內容用時5天左右,下面是實踐。
    學了幾天HTML和CSS了,應該也有點成果了。打開IFE2015 task1,寫個靜態頁面吧。

    我X,完全寫不出來。

    這是正常的。去看下別人的代碼吧,看一小部分就開竅了。忘掉的屬性就查書或者w3c,多嘗試,不斷踩坑才有進步。

    畫完第一張圖後,別著急往下寫。你的代碼肯定會有如下問題:

  • 胡亂的代碼縮進

  • 毫無章法的屬性順序

  • 滿頁的div

  • 不停地寫id和class

  • 重寫吧,是的。重寫之前先看一份代碼規范 GitHub - ecomfe/spec: This repository contains the specifications.。當然代碼規范不是唯一的,我最早看的是這一份,所以代碼風格也一直維持到現在。
    再去看一下別人提交的代碼,多看幾份。當然自己也要判斷,不能聽風就是雨啊,人家寫得不好你再去重寫一次,等於你也有責任對不對。
    開始重寫了,會發現功力大增,寫代碼速度也快了很多的。
    寫到第三張頁面的時候,應該比較熟練了。如果看到布局就大概知道應該怎麼寫了,那就可以進入JavaScript的學習了。
    以上內容用時10天左右。

    進階部分可以回頭再看:

  • 掌握預處理工具Sass,自動化工具Gulp。

  • 閱讀Bootstrap源碼。

  • 《CSS揭秘》,極其驚艷的一本書,涵蓋了CSS3的很多奇技淫巧,雖說有些地方不太實用,但讓人眼前一亮,很值得看。


  • 2. JavaScript

    這是至關重要的階段。

  • 強烈推薦《JavaScript高級程序設計(第3版)》,俗稱紅寶書。前七章是重中之重,必須反復閱讀,直至完全理解,期間可配合其他書一起讀。DOM,事件流,表單,JSON,Ajax與最後幾章也相當重要。其餘章節可以略讀或跳過(比如瀏覽器嗅探,XML以及那些列舉大量API的章節,完全可以用到再查)

  • 推薦《JavaScript語言精粹》,俗稱蝴蝶書。超薄的一本,半天就可以看完。JavaScript是一門有很多坑的語言,我個人是喜歡把這些坑點全部搞清楚的,但這本書卻避而不談了,剩下的也就是所謂的「精粹」了。但清晰地過一遍知識點總是好的。

  • 強烈推薦《你不知道的JS》。精彩至極的一本書,將JavaScript的坑一網打盡。之前搞不懂的問題,比如閉包,this之類的都可以在這里找到答案。

  • ES6也是必學的內容,推薦阮一峰老師的《ES6 標准入門》。但這本書以API居多,所以還是留個大概印象,以後寫到類似的地方,查一查有沒有ES6更簡潔的寫法就好,不必死記硬背。以及需要學會Webpack的使用,Babel和模塊化就靠Webpack了。

  • 不太推薦《JavaScript權威指南》,也就是犀牛書。那就是一本字典……


  • 進階:

  • 《JavaScript設計模式與開發實踐》,設計模式是必須了解的內容,這本是寫得不錯的。

  • 《高性能JavaScript》,紅寶書作者的另一力作,講了一些優化技巧與性能瓶頸問題,值得一讀。


  • 以上內容用時1個月左右,中途可穿插IFE2015 task2的題,比2016年的要簡單。
    這些書全部刷完的話,應該可以跟人談笑風生了。
    開始實踐,IFE2016階段二的題,想怎麼刷就怎麼刷吧。如果有編程經驗的話,應該沒什麼壓力了。

    3. JavaScript框架這部分就比較自由了,每個人點的技能樹都不一樣的。前端的發展是爆炸式的,換工具比翻書還快,所以還是以看文檔為主了。
    目前主流框架經常被提及的是React,Angular,Vue。知乎搜一搜就有相當多的優秀答案了。不過這個答案也有時效性,說不定過兩年這些框架全都被淘汰了呢【逃
    學習至少一種框架,把IFE2016刷通關吧。耗時1個半月左右。

    進階:看各種源代碼。這也是我最近打算做的事情,但是好像期末考要到了TAT

    最後補充一下,計算機基礎知識是很重要的。由於本人有OI的經驗所以稍微占點優勢。再推薦幾本書,抽空還是要看看的:

  • 《深入理解計算機系統》,CSAPP,也是我們專業這學期的課程(但是我的專業明明是EE啊)。

  • 《計算機網路 自頂向下方法》,看名字就知道必讀了吧。

  • 操作系統好書挺多的,推薦一本 Operating Systems: Three Easy Pieces ,英文不夠好就《現代操作系統》吧。

  • 演算法和數據結構,推薦兩本:《演算法導論》《數據結構與演算法分析》。似乎演算法和數據結構與前端關系不大,但作為一個碼農,不要求你寫紅黑樹,至少快速排序和二分查找這種要會寫的吧。

  • 請採納!

② 如何讓瀏覽器窗口顯示在最前端

1.
進入一個新的網頁,當點擊進去時,新的網頁已打開,但當前顯示頁並沒有跳轉,仍然顯示首頁;

2.
點擊右上角的工具圖標,在下拉菜單中選擇「選項」,進入設置頁面;

3.
在設置頁面,點擊左側工具欄中的「標簽設置」,在右側出現的設置框中,在「打開」的右側「點擊鏈接打開新標簽時,總是切換到新標簽頁」前面的打對勾,設置成功;

4.
再次來到主頁點擊新的頁面即可。

③ web前端開進入瀏覽器怎麼設置

web前端開進入瀏覽器設置第一步就是和伺服器建立連接send和rec之間。
等待瀏覽器發送請求,拿到數據解析,http報文,返回給客戶端知道了用戶請求後,伺服器在特定的目錄中找到文件,read出來(文件操作),拿到數據,把數據組織成http返回報文,返回前端即可。