1、純css畫乙個三角形
2、不用css的border，用其他屬性模擬邊框
div(7)拖放api
(8)web worker
(9)web storage
(10)websocket
外邊距塌陷也稱為外邊距合併，是指兩個在正常流中相鄰（兄弟或父子關係）的塊級元素的外邊距，組合在一起變成單個外邊距，不過只有上下外邊距才會有塌陷，左右外邊距不會出現這種問題。
1.父子元素之間的外邊距margin合併問題(外邊距塌陷)
<
!-- 結構 --
>
="box"
>
="b1"
>
<
/div>
<
/div>
<
!-- 樣式 --
>
.box
.b1 我們想要的效果是這樣的
但實際是這樣的
解決方法：
//父元素新增**段：
border:
1px solid transparent;
/*方法1*/
float: left;
/*方法2*/
position: absolute;
/*方法3*/
padding:
1px;
/*方法4*/
display: inline-block;
/*方法5*/
overflow: hidden;
/*方法6*/
overflow: auto;
/*方法7*/
<
!--結構--
>
="box1"
>
="b2"
>
<
/div>
="b3"
>
<
/div>
<
/div>
<
!--樣式--
>
.b2,
.b3
.b2
/* b2 margin-bottom 20px; b3 margin-top 30px ;本應該b2 和 b3 間隔50px */
/* 實際 只有 30px 因為外邊距margin發生了合併 */
.b3 我們想要的效果：粉色 和 綠色間隔為50px』
但實際是這樣的：間隔只有 30px 因為margin發生了合併 合併後就只剩margin值較大的部分
解決方法：
<
!--增加左浮動 或 轉換為行內塊--
>
float: left;
// 1.設定左浮動 解決外邊距margin 合併問題呢
display: inline-block;
//2.轉換為行內塊 解決外邊距margin 合併問題
1.兩個都是正數，取較大的值
2.兩個都是負數，取絕對值較大的值
3.一正一負，取兩個值得和在這裡插入**片
首先符合容器滿足三個條件
p
.overfloat-ellipsis
前端面試筆試題（二）
1 css3新增偽類有哪些？2 html5有哪些新特性 移除了哪些元素？如何處理html5新標籤的瀏覽器相容問題？如何區分html和html5?3 使用jquery遇到過哪些問題？你是怎麼解決的？4 jquery中有哪些方法可以遍歷節點？5 在ajax中data主要有幾種方式？6 自定義指令 v c...
前端面試筆試題分享
2019年9月中旬，決定從之前的公司離職。恰逢家裡有些事情，我 上旬的末尾重新回到上海，並與中旬開始投遞簡歷。感覺不同於以前，不需要怎麼複習就能拿 offer，我開始去面試的時候，大多時候面壁。在這期間，想想還是寫點 blog,記錄下來這次特殊的求職經歷，並以此共勉。筆試題其實對面試者來說，並不友好...
前端面試筆試高頻考點
let,const,var的區別。const定義的物件是否可以修改 var 宣告變數 可以進行變數提公升 let 宣告變數 不能進行變數提公升 作用域比var更小 形成塊級作用域 const 宣告變數 宣告常量 定義的變數不能修改，但物件可以修改 js的基本資料型別 五中可包含值的型別 字串 str...