前端學習的第一天
前端基礎學習的第一天
2018.11.20
前端:面向使用者的介面及邏輯相關開發,程式碼一般在瀏覽器中執行(雲到端)
後端:針對伺服器的開發,程式碼一般在伺服器執行
前端可做傳統網站、webapp(手機網站)、遊戲、PC軟體、原生APP等
全站工程師可以實現前端後端的核心技術
①React Native搭建開發環境
②Electron文件,可把寫好的原始碼打包成PC軟體
用網頁寫的很容易除錯成想要的樣子,逼格高,維護容易
同步-排隊
非同步-註冊時可以插隊
摩爾定律
初級
①HTML
②CSS
③JaveScript
軟體:Notepad++、Visual Studio Code
Html寫網頁內容的語言
Css美化網頁的語言
Javascript響應使用者操作的語言
Html常用標籤:(為所有網頁的根標籤)
Dl定義列表
Ul無序列表
Ol有序列表
Tr行
Td列
Src檔案地址<./檔名>
Head給瀏覽器,使用者看不到
Body給使用者看
快速除錯網頁:F12(開啟審查元素)
Elements執行時程式碼,可以刪除delete element,也可以編輯edit as html(但是重新整理後會恢復原始碼)
Su優化
Meta name網頁描述(被分享時的標籤)
H1標題
a超連結標籤
多媒體標籤:audio、video
標籤的組成:標籤名、屬性名、屬性值和內容
全域性屬性屬性:
Title元素額外資訊
Lang語言設定 中文是zh-cn
Dir改變文字的方向:itr從左往右顯示(預設),rtl從右往左
Hidden隱藏元素
內容可否被編輯contenteditable
標籤元素遵循從左往右、從上到下的排列次序
標籤的巢狀: 一個便籤內巢狀另一個標籤,但是p不能巢狀p,p不能巢狀div
It學習網站
① W3c&MSDN
W3c:
菜鳥教程:http://www.runoob.com/
MSDN:https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx
② 慕課網,實驗樓等
慕課網:https://www.imooc.com/
實驗樓:https://www.shiyanlou.com/
MOOC中國大學:https://www.icourse163.org/
MOOC:http://www.mooc.cn/
③ 技術部落格
CSDN部落格:www.csdn.net
Word press(搭建自己的部落格網站)
④ 開源社群:github&碼雲
例:
https://gitee.com/signup