更多flex布局參考
更多的相容參考鏈結當乙個元素的visibility屬性被設定成collapse值後，對於一般的元素，它的表現跟hidden是一樣的。
自動變成display:block，因此，可以直接設定浮動元素的寬高
通過**查詢可以為不同大小和尺寸的**定義不同的css，適應相應的裝置的顯示。
方法如下：
css選擇器的解析是從右向左解析的，先找到最右側節點，再向上尋找，若找到滿足條件的匹配規則，則該樣式有效。若尋找到了根節點，仍無法匹配，則該樣式無效。
而在css 解析完畢後，形成的css tree與dom tree一起進行分析建立一棵render tree，最終用來進行渲染頁面。
在建立 render tree 時，瀏覽器就要為每個 dom tree 中的元素根據 css 的解析結果（style使用偶數字型。偶數字型大小相對更容易和 web 設計的其他部分構成比例關係rules）來確定生成怎樣的 render tree。
當按百分比設定乙個元素的寬度時，它是相對於父容器的寬度計算的
當按百分比設定乙個元素的高度時，它是相對於父容器的高度計算的
但是，對於一些表示豎向距離的屬性，例如padding-top , padding-bottom , margin-top , margin-bottom等，當按百分比設定它們時，依據的是父容器的寬度，而不是高度。
假設有5個需要展示的全屏頁面，那麼高度是500%，只是展示100%，剩下的可以通過transform進行y軸定位，也可以通過margin-top實現
結合overflow：hidden；transition：all 1000ms ease來實現動畫滾動
單雙冒號的區別
我住在 duckburg。
元素主體內容之前/後的乙個偽元素。並不存在於dom之中，只存在在頁面之中。
針對谷歌瀏覽器核心，加webkit字首，用transform:scale()這個屬性進行縮放！以達到設定小於12px的字型的效果
p預設頻率是60hz，即1秒重新整理60次，
所以理論上最小間隔為1/60＊1000ms ＝ 16.7ms。
受**之間的空白或回車等的影響，因為空格也屬於字元，也會佔據一定的空間，所以會有間隔，解決方法如下：
有空格時候會有間隙 解決：移除空格
margin正值的時候 解決：margin使用負值
使用font-size時候 解決：font-size:0、letter-spacing、word-spacing
頁面載入解析是自上而下的。
如果style放在body後面，可能會導致頁面先行載入後，再去載入樣式時，導致頁面重新渲染，引起頁面的閃爍。
方法一、animation + @keyframestext-overflow,1、值為clip ------ 修剪文字；
2、值為ellipses ------ 顯示省略號來表示被修剪的文字；
3、值為string -------- 使用給定的字串來代表被修剪的文字
div
@keyframes mymove
to }@-webkit-keyframes mymove
to }
transition-property的值可以是all，表示設定所有css屬性變化的過渡動畫效果
以下示例是顯示opacity屬性的變化的過渡效果
div
div:hover
div
div:hover
Vue介紹（面試可能會問到）。
什麼是mvvm m model資料層 v viewdom層 vm view model處理資料介面的中間層，指vue vue是什麼？vue是js的mvvm庫，只關注檢視層，以資料為驅動，vue將自身和dom進行繫結，dom與資料同步變化。它有什麼特點 1 簡潔 html json資料 vue例項組成...
Mysql面試可能會問到的基礎知識
mysql如何保證和監控主從資料一致性的 5.6 gtid複製，5.7 無損半同步複製 rpl semi sync master wait point after sync pt table checksum監控主從資料一致性 mysql如何監控和減少主從延遲的 5.5的單執行緒複製 5.6的多庫複...
jsp中的盲區 面試可能會問到的東西
1 今天看到乙個有趣的jsp題目。this is my jsp page.int a 10 out.print a a int a 100 out.print a 輸出結果 10 11 11 有人可能會問最後乙個輸出為什麼不是100 個人解釋 int a 100 內的 相當於全域性變數。而 out....