多欄布局解決方案
document
center
left
right
``` 優化
品質
使用精靈圖
測試檢查
1、做完的頁面要與設計稿進行比對,保證對設計稿 95% 以上的還原度。
(1)頁面模組的完整性,保證頁面不出現模組丟失 ( 尤其是懸浮的側邊欄、彈窗、下拉列表等);
(2)字型、字型大小、文字顏色的一致性;
(3)背景與是否有丟失;
(4)模組間距的還原度(通常根據頁面設計排版的複雜程度,最多允許 5-10px 以內的偏差)。
2、跨瀏覽器的相容測試。
做完的頁面,要根據需求進行跨瀏覽器的相容測試,保證不同瀏覽器顯示結果基本一致。pc 端通常需要測試
的瀏覽器有 chrome、firefox、opera、ie(ie 低版本是否相容與需求溝通確定)。
高頻面試題(筆試題)
1、簡述 的作用?
2、常見的瀏覽器及其核心?
3、b 和 strong(i 和 em)標籤的區別?
4、談談對語義化的理解?
5、css 引入方式有哪些?
6、css 基本選擇器有哪些?
7、如何合併**單元格?
8、thead、tbody、tfoot 有什麼用?
9、常見表單元素有哪些?
10、請簡述一下盒模型的組成?
11、css 復合選擇器有哪些?
12、塊級標籤和行內標籤的區別?
13、浮動產生的問題?清除浮動的方案?
14、偽元素如何建立 ?
15、如何實現盒子水平垂直居中?
16、下方空白間隙如何解決?
17、請簡述 等高布局、聖杯布局、雙飛翼布局的實現原理。
18、簡述 css 精靈圖原理,及優缺點?
19、簡述 bfc 規則及解決的問題?
20、文字溢位顯示省略號如何實現?
21、為什麼要初始化 css 樣式?哪些樣式需要初始化?
保證瀏覽器的統一性,去掉標籤自帶的樣式
22、display:none 和 visibility:hidden 的區別?
23、你能想出幾種方法讓元素在頁面中消失?
24、標籤應該如何合理巢狀?
25、簡述網頁中常見格式及特點?
26、說說你了解的瀏覽器相容問題有哪些?
27、什麼是 csshack 技術?
28、在專案中你是如何做優化的?
前端第十天
function 1000,swing fn 小公尺輪播圖 設定5個div 通過給乙個類名定義屬性達到動畫效果,有左右點選事件及索引決定將類名新增給誰,且在索引達到極限時,重新將索引賦值,且同時將其他兄弟div移除類名,通過設定z index達到最上面為顯示的div 小公尺 定義建立列表函式 引數為...
前端基礎第十天
基礎已經學習一半多了,簡單的靜態頁面也可以做了 雖然乙個頁面需要寫好幾個小時,但是熟練了就會好一點,一起加油 今天主要學習了定位,但是其他的知識也要了解,便於以後yunyong 1.靜態定位static 標準流中預設都是靜態定位 2.相對定位relative 特點 1.配合方位屬性使用 2.相對於自...
學習第十天
一 介面 jdk1.8及之後新增了2中可以定義存在方法體的方法 預設方法 default關鍵字修飾的方法 使用 通過實現類物件使用 靜態方法 使用 通過介面名去呼叫 二 單例模式 保證類只能存在乙個例項 餓漢式 先建立物件,然後需要的人要這個物件,保證永遠使用的都是這個建立好的物件 執行緒安全的,效...