定位
主要實現功能：
①實現某個元素可以自由的在乙個盒子內移動位置，並且壓住其他盒子。
②滾動視窗時，某些元素盒子固定不動。
定位=定位模式+邊偏移
定位模式：決定定位的方式，通過css的position屬性設定，取值有四個：
-static 靜態定位
-relative 相對定位
-absolute 絕對定位
-fixed 固定定位
邊偏移：該元素的最終位置，有四個屬性 。
-top: 80px 頂端偏移量，距離上邊線80px.
-bottom: 80px 底部偏移量，距離上邊線80px.
-left: 80px 左側偏移量，距離上邊線80px.
-right: 80px 右側偏移量，距離上邊線80px.
①static 靜態定位
預設定位形態，靜態定位按照標準流位置擺放，無偏移量，少用
選擇器選擇器
12
③absolute 絕對定位
如果沒有祖先元素或者祖先元素沒有定位，則以瀏覽器為參照；有（定位的！）祖先元素，則以最近一級帶有定位的元素為參照，爸爸沒有定位找爺爺，爺爺沒有找祖公。。。直到找到有定位的祖先元素。
*加了絕對定位的元素會浮起來，不占有原來的位置，會脫標！
選擇器
12
④定位常用方法：子絕父相
子絕父相指的是子級用絕對定位，父級用相對定位。因為子級使用絕對定位時可以放在父級的任何位置，且它的脫標特性使得它不會影響到其他盒子的布局；父級需要新增定位才能掛載擁有絕對定位的子級，且不能脫標，所需要求符合相對定位特性。
例子：
⑤固定定位
將元素固定在瀏覽器的某個固定的位置,滾動頁面時，元素不滾動。
以瀏覽器的可視視窗作為參照；且不占有原來的位置，即脫標。
選擇器
例子：
⑥粘性定位
以瀏覽器的可視視窗為參照；但是會占有原先的位置，即不脫標，必須新增top、left、right、bottom至少其中乙個才有效。
相容性較差，某些瀏覽器不支援，如ie。
選擇器例子：
1原來的位置距離瀏覽器頂部100px，且不脫標
2滾動後黏住瀏覽頂部，距離0px，且浮起來，即脫標
從前端小白到大佬 偽類選擇器
寫法格式 選擇器 常用 e first child 第乙個孩子 e last child 最後乙個孩子 e nth child n 第n個孩子 n可以是數字，可以是關鍵字如even偶數 odd奇數等，也可以是表示式，如2n，2n 1,n 5 前五個 等 e last of type 最後乙個孩子 e...
從前端小白到大佬 js資料型別與強制型別轉換
1.js資料型別 js的資料型別一共有六種，基本資料型別有五種 中前五種 分別是 string 字串number 數值boolean 布林值null 空值undefined 未定義object 物件 string，加雙引號或者單引號表示，注意特殊符號需要使用轉義字元 var a hello！numb...
redis從小白到大佬
簡單的說redis是一種在記憶體中儲存資料的資料庫，其內部採用 key value的形式進行儲存。redis的讀取速度非常快。因為它與mysql等常規資料庫不同，不用與硬碟互動來讀取資料。另外，redis 也經常用來做分布式鎖。redis 提供了多種資料型別來支援不同的業務場景。除此之外，redis...