1.json序列化回顧:json序列化預設數據結構 第一種:手動轉字元串 第二種:繼承json重寫它的default方法2.什麼是前端? 任何與用戶直接交互的界面都可以稱之為前端3.為什麼學習前端? 略 前端與用戶交互,寫程式不就是為了這個麽?雖然是後端工程師,但是若對前端一點都不瞭解,就太low了 ...
1.json序列化回顧:json序列化預設數據結構
第一種:手動轉字元串
第二種:繼承json重寫它的default方法
2.什麼是前端?
任何與用戶直接交互的界面都可以稱之為前端
3.為什麼學習前端?
略 前端與用戶交互,寫程式不就是為了這個麽?雖然是後端工程師,但是若對前端一點都不瞭解,就太low了,所以還是知道一點為好!
4.web本質
瀏覽器輸入網址後,向伺服器發送請求
伺服器接收請求
伺服器返迴響應請求
瀏覽器接收響應,並且解析渲染展示到用戶中端的屏幕上
5.http協議:
超文本傳輸協議:規定了信息基於網路傳輸的發送及接收格式
本質就是規範數據傳輸的一整套規範,按照這個規範,我們就可以傳輸任意想要傳輸的數據
6.http狀態碼: 訪問伺服器後的幾種狀態
10x 伺服器已經接收了你的請求,正在處理,你可以繼續提交數據,或者原地等待
20x 請求成功
30x 內部重定向(是指頁面跳轉到了其他的頁面,可以自己指定跳轉的頁面)
40x 請求錯誤(原因有很多,例如,找不到要訪問的頁面)
50x 伺服器錯誤(伺服器可能出現了bug,無法訪問)
7.html文件:
超文本標記語言:規定了前端頁面的書寫標準,就是html文件的書寫規範
8.html註釋
(1) 單行註釋: <!--此處寫單行註釋-->
(2) 多行註釋: <!--
此處可寫多行註釋
-->
9.html文檔結構:
<!DOCTYPE html> 預設就有,表示這是一個html文件
<html>
<head> </head>
<body> </body>
</html>
10.head內常用的標簽
title: 定義網頁標簽
link: 引入外部css文件
scrip: 在該標簽內直接寫js代碼,也可引入外部js文件
style: 內部寫scc樣式語句,例如可以把要展示的某一部分編程任意顏色
meta
name='keywords' content='.....................'
11.body內常用標簽
(1) 常用標簽:
h1 h2 h3 h4 h5 h6
(從1到6,從大標簽到小標簽)
p 段落標簽,可以寫任意長度的文本
img 單標簽
<img src:"圖片地址,尾碼名必須是圖片格式,例如png格式的圖片"
alt:圖片未載入完成顯示信息
title:滑鼠懸浮上去顯示顯示文本
width:"指定圖片大小"
height:"也是指定圖片大小,只需要調整一個,另一個自動按比例縮放">
例如:<img src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1554104935&di=63cf1481a4ee58d4a0ba4c55bcb05d46&src=http://bbswater-fd.zol-img.com.cn/t_s1200x5000/g5/M00/0E/08/ChMkJlrdXhCIHezjAAvWP5q8sbMAAn0iAA90kYAC9ZX715.jpg"
title="這是誰,我也不認識" width=600">
type disc,none,square,circle
(2) 列表標簽
無序標簽:其中 type可以指定為desc(實心黑色小圓圈),none(前面什麼都沒有),square(前面的標題是黑色小方框),circle(空心小圓圈)
最好實踐一下,一目瞭然
例如:<ul type="desc">
<li>謝佐是智障</li>
<li>達哥很穩重</li>
<li>Enosh最帥</li>
</ul>
有序標簽:type 也可指定羅馬數字,希臘數字,英文大小寫字母
例如:<ol type="1">
<li>你好</li>
<li>hello</li>
<li>薩瓦迪卡</li>
</ol>
標題標簽:<dl>這是標題標簽(dt是打標簽,dd會縮進表示)
<dt>標題一</dt>
<dd>內容1</dd>
<dd>內容2</dd>
<dd>內容3</dd>
<dt>標題二</dt>
<dd>內容1</dd>
<dd>內容2</dd>
</dl>
12:特殊符號
空格
> 表示大於號 >
< 表示小於號 <
® 表示註冊
&
© 版權
¥ 表示人民幣符號
