1.水平垂直居中
1.子絕父相,子盒子設定絕對定位,設定top:50%;left:50%,margin-top:-50%;margin-left:-50%;
2.子絕父相,子盒子設定絕對定位,設定 left & top & right & bottom為0;margin: auto;
3.伸縮盒子,父元素設定flex;justify-content: center;align-items: center;
4.利用transform屬性,需要設定子絕父相,設定top:50%;left:50%;transform:translate(-50%, -50%);
2.聖杯布局
1.中間盒子設定寬度100%,左右margin,留出左右盒子的位置
2.左右盒子在通過定位至左右
3.相容性問題
1.標籤樣式在不同的瀏覽器各自的margin 和padding差異較大, 解決方案：css裡 *
2.當在a標籤中巢狀img標籤時，在某些瀏覽器中img會有藍色邊框；解決方案：給img新增border：0；或者是border：none；
3.預設有間;隙解決方案：1）給img標籤新增左浮動float：left；2）給img標籤新增display：block。
4.清除浮動的方法？（重點）
1.父級div定義height
2.結尾處家空div標籤clear:both
3.父級div定義 偽類:after和zoom
4.父級div定義 overflow:hidden
5.前端優化技巧
1.壓縮css，js，
2.減少http請求次數，合併css，js 合併（雪碧圖）
3.使用cdn
4.減少dom元素數量
5.懶載入
6.靜態資源另外用無cookie得網域名稱
7.減少dom的訪問（快取dom）
8.巧用事件委託
9.樣式表置頂，指令碼置低
6.this指向問題
一般來說,誰呼叫,this就指向誰,特殊情況除外,普通函式呼叫，此時 this 指向 window,定時器函式， 此時 this 指向 window
更改this指向的三個方法
1.call( )方法呼叫乙個函式,其具有乙個指定的this值
fn.call(改變其this指向, [指定的引數] ) 如果指定了null或者undefired,則內部this指向window
應用場景:①借用建構函式
②借用其他物件的方法
應用場景:把陣列展開,傳遞給呼叫的方法
3.bind 不會呼叫函式,會返回乙個新的函式
應用場景:①改變定時器內部的this,②改變事件處理函式的this
7、json字串轉化方法
json.parse(str); //由json字串轉換為json物件
json.stringify(obj); //將json物件轉化為json字元
1、設定千分符
function farmat(mun) /g).join(",")
} else /g).join(",")}}
var a =farmat(1000000)
console.log(a);
function clearnonum(obj)/g,"."); //只保留第乙個. 清除多餘的
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能輸入兩個小數
if(obj.value.indexof(".")< 0 && obj.value !="")
}
字串
//字串
var strs = "asdasdadd";
function getmaxstr(str)
var newarr = ;
for(var i = 0 ; ss= str.length, imaxvalue)
}console.log(maxkey);
return maxkey;
}getmaxstr(strs);
//陣列
var arr =["a","b","c","c","c","d"];
array.prototype.diaohuan=function(arr)
}return maxkey;
console.log(maxvalue);
}alert(arr.diaohuan());
遵循規範：
require 是 amd規範引入方式
import是es6的乙個語法標準，如果要相容瀏覽器的話必須轉化成es5的語法
本質：require是賦值過程，其實require的結果就是物件、數字、字串、函式等，再把require的
結果賦值給某個變數
import是解構過程，但是目前所有的引擎都還沒有實現import，我們在node中使用babel支援
es6，也僅僅是將es6轉碼為es5再執行，import語法會被轉碼為require
在那呼叫第三方支付介面？為什麼？
前端調介面和後端調介面各有什麼區別，優勢與特點
一般支付介面都是由後端和支付單位聯絡調取的,前端調介面容易被劫持,不安全.
2019前端面試總結
作為乙個程式猿，跳槽，那是比較正常滴，最近在準備裸辭，把面試過程中問到的面試題記錄下來，希望能夠幫助大家找到乙個理想中的工作。一定要記得和 hr 約好具體的時間 一定要記得和 hr 約好具體的時間 一定要記得和 hr 約好具體的時間 重要的事請說三遍，否則，可能和我一樣在大晚上刷劇的時候來場面試 嗯...
web前端面試總結
因為最近在找工作，所以避免不了的就是面試，關於面試的話，其實不僅僅只是知道做面試題這麼簡單，因為我們要從公司的角度考慮問題。其實初級的程式設計師是最好塑造的，我的建議是不管你的薪水有多低，一定要以學習新知識為己任，多去嘗試不同方法，去適應不同的環境，做人做事都應該有乙個全新的認識。因為畢竟是工作，所...
web前端面試總結
1 meta中的reffer 2 img中的src無法載入 1 盒模型 負邊距布局 四個子元素的寬度加上三列間隔的寬度 聖杯布局 雙飛翼布局，元素雖然在後面，但是可以通過負邊距顯示在前面 負邊距絕對定位居中 2 webkit text size adjust 3 文字截斷處理 4 flex布局 5 ...