HTML5續集
- 2022 年 5 月 30 日
- 筆記
H5 input新增屬性
1.color 拾色器
2.Email 電子郵件
3.tel 電話
4.datetime-local 本地日期和時間
5.range 範圍
6.url 路徑，地址
7.search 搜索
8.time 時間
9.week 周數
10.number 數字
outline:none;
input 光標清除
雙飛翼布局：移動端頂部布局設置
REM布局
1.什麼是REM
rem是根據根目錄html的font-size大小，可以設定頁面的相對值
2.REM原理
rem是相對值，根據根目錄html的font-size大小
瀏覽器默認字體大小16px,當不設置html根目錄的font-size值時，1rem=16px
REM布局原理
rem是根據根目錄html的font-size大小，可以設定頁面的相對值
rem設置
html{font-size:62.5%}
3.Rem,em,px區別
Rem參照html的font-size大小
em參照腹肌的font-size大小
Rem,em是相對值
px是固定值
移動端頁面
蘋果手機二倍圖 三倍 四倍
88*88縮小一半，像素較高
44*44
iPhone6/7/8 大小 尺寸 750*1334px 真實尺寸 375*667px
視口：布局視口，視覺視口，理想視口
理想視口是布局視口=視覺視口
rem是相對於根元素<html>的font-size
1rem=10px
雙飛翼布局怎麼實現？
依據怪異盒模型將父級和子級寬度設置相同寬度，自己通過padding-left和padding-right空出左右，通過定位將左右padding-left和padding-right地方
CSS hack瀏覽器兼容
Chrom safari firefox ie 360 搜狗
優先級：！important>id>class>tag important比內聯優先級高
瀏覽器兼容前綴
谷歌 -webkit-
Ie -ms-
火狐 -moz-
歐朋 -o-
如果某個css對瀏覽器不兼容，可以寫兼容前綴
兼容前綴作用有限
<!DOCTYPE html>
Html5
塊元素：header,footer,section,aside,nav,figure
語義化標籤：header,footer,section,aside,nav,figure,article,dialog
CSS3行元素：
link和import（引入）區別？
Link和import都是鏈接樣式表，link外部鏈接樣式表
import是引入樣式表
link不僅可以鏈接樣式表，還可以鏈接其他文件
行內塊：img button input
視頻video自動播放不管用，怎麼解決
Muted靜音
標準盒模型定位在順序中哪個位置
定位在外面
音頻audio自動播放不管用，怎麼解決
通過js
常用來設置透明度的方式有幾種？他們之間有何區別？
Opacity 0-1 內容跟着變半透明
Rgba 背景，僅限於背景
設置行內元素居中對齊用什麼屬性？ text-align:center;
哪些元素默認有外邊距？
Body,p,h1-h6,ul,ol
實現時針轉動效果需要用到CSS中哪些關鍵技術？
動畫
h5本地存儲
localstorage（樓口四到睿智）
sessionstorage
cookie（庫剋）
布局方式
雙飛翼布局
聖杯布局
pc端
彈性布局 flex布局
優勢：不用浮動，不需要解決浮動帶來的問題，也不需要清除浮動。自動調節間距
響應式布局
原理：@media多媒體查詢
優點：一個頁面適用於多個設備
缺點：重複的代碼比較多，代碼冗餘
src和href的區別?
答案:
(1) href:href是Hypertext Reference的縮寫,表示超文本引用。用來建立當前元素和文檔
之間的連接。並行下載該文檔,不會停止對當前文檔的處理.
(2)src:src是source的縮寫,src指向的內容會嵌入到文檔當前標籤所在位置.
如img、script、ifram當瀏覽器解析到該元素時,會暫停瀏覽器的渲染,直到
該資源加載完畢.
偽類
偽元素
:before
:after
content:」」;
定位
怎麼寫三角形，梯形
Width:0;
Height:0;
Border-left:10px solid transparent
寬高設置為0，通過四個方向的邊框設置不同顏色不需要顏色的其他三個邊框設置transparent，就可以實現梯形和三角形
為什麼離職
自己改變不了的
Ⅰ公司搬遷
Ⅱ倒閉
Ⅲ不交社保
人力資源和你說不給你交社保，轉正之後
特別不好不合適的情況，不要直接拒絕，我回去考慮一下
3-5規劃（積蓄，能力，愛好「讀書，自控，自律」）
你自己最大的優勢/劣勢
優：表達
簡歷：
1.手機號和郵箱同時
2.專業技能最新放第一點，技術名稱英文加上，技術要點概括全面
3.工作簡歷時間 寫準確
4.項目經驗（項目名稱，項目描述，項目職責）
項目名稱：記得寫時間，最新項目寫最上面
項目描述：是對這個項目簡單概括，介紹做什麼。
項目職責：你再項目當中做了什麼，用什麼技術實現什麼效果。
至少寫4點
自我評價：自學能力，團隊精神，責任心
加上自己作品鏈接或者博客鏈接更好
技術問題：當月及當月之前所有學過的知識
HR問題
為什麼離職
說客觀原因，你改變不了的（倒閉，搬遷）
最大的優勢、最大缺點
優勢：發揮自己優點，自我認知清楚的
劣勢：把缺點轉為有點。寫代碼有強迫症，必須整齊
加班願意
行業發展趨勢
是否與同事領導發生過爭執？怎麼處理
