前言
校招 -1 年
這個階段還屬于成長期,更需要看重的是你的基礎和熱情。對于 JS 基礎,計算機基礎,網絡通信,算法等部分的要求會相對高一些。畢竟這個階段比較難考察你的業務項目中的沉淀,所以只能從基礎部分入手考察。
- 在學校學習,或是利用網絡上的各種資料鞏固自己的基礎,是這個階段的關鍵。
- 在簡歷里用各種方式展示出你對前端的熱情,讓面試官看到你的潛力。
- 多去了解社區前沿技術,關注國內外的各種技術趨勢。
- 嘗試自己寫一些小項目,或者是參與社區開源的項目。
- 開始記錄自己的技術博客。
元素特點:
塊狀元素:
- 在頁面中以矩形區域顯示。
- 自上而下排列,獨占一行
- 可以直接添加寬高
- 一般情況下,作為其他元素或內容的容器
行內元素:
- 在頁面中最小單位也是矩形。
- 在一行內逐個排列。
- 不可以直接添加寬高,大小是由內容撐開的。
- 內聯元素也符合盒模型的規則,但是個別屬性會出現問題(padding-top/bottom margin-top/bottom)
- 內聯元素在一行內排列的時候,之間有間距
行內快元素:
- 可以設置寬高。
- 默認情況下,在一行內逐個顯示,之間有間距。
- 當前元素的display值為inline-block時,能支持vertical-align屬性。
常用元素:
塊狀元素:
標簽 | 作用 |
---|---|
div | 最常用的塊級元素 |
dl | 和dt-dd 搭配使用的塊級元素 |
form | 交互表單 |
h1 -h6 | 標題 |
hr | 水平分隔線 |
ol | 有序列表 |
p | 段落 |
ul | 無序列表 |
li | 列表標簽 |
fieldset | 表單字段集 |
colgroup-co | 表單列分組元素 |
table-tr-td | 表格及行-單元格 |
行內元素:
標簽 | 作用 |
---|---|
a | 超鏈接(錨點) |
b | 粗體 |
br | 換行 |
i | 斜體 |
em | 強調 |
img | 圖片 |
input | 輸入框 |
label | 表單標簽 |
span | 常用內聯容器,定義文本內區塊 |
strong | 粗體強調 |
sub | 下標 |
sup | 上標 |
textarea | 多行文本輸入框 |
u | 下劃線 |
select | 項目選擇 |
行內塊元素:
標簽 | 作用 |
---|---|
input | 表單標簽 |
img | 圖片標簽 |
元素類型轉換:
display屬性:
作用:檢索或者設置元素生成的盒模型類型。
常用屬性值:
-
display:block;
作用:將元素轉成塊狀元素,擁有塊狀元素特點。
補充:大部分塊狀元素,默認的display的值都是block; -
display:inline;
作用:將元素轉成內聯元素,擁有內聯元素的特點。
補充:大部分內聯元素,默認的display的值inline; -
display:none;
作用:將當前隱藏,并不占據空間。
最后:
總結來說,面試成功=基礎知識+項目經驗+表達技巧+運氣。我們無法控制運氣,但是我們可以在別的地方花更多時間,每個環節都提前做好準備。
面試一方面是為了找到工作,升職加薪,另一方面也是對于自我能力的考察。能夠面試成功不僅僅是來自面試前的臨時抱佛腳,更重要的是在平時學習和工作中不斷積累和堅持,把每個知識點、每一次項目開發、每次遇到的難點知識,做好積累,實踐和總結。
點擊這里領取Web前端開發經典面試題
知識點、每一次項目開發、每次遇到的難點知識,做好積累,實踐和總結。
點擊這里領取Web前端開發經典面試題