原创 div水平垂直居中方法彙總(共六種)

文章目錄第一種第二種第三種第四種第五種第六種 第一種 絕對定位方法:不確定當前div的寬度和高度,採用 transform: translate(-50%,-50%); 當前div的父級添加相對定位(position: rela

原创 前端鏈表面試題

文章目錄鏈表常見鏈表題從尾到頭打印鏈表值反轉鏈表合併兩個排序的鏈表鏈表倒數第k個節點鏈表中環的入口節點兩個鏈表的第一個公共節點圈圈中最後剩下的數字-(約瑟夫環)刪除鏈表中的節點刪除表中重複的節點複雜鏈表的複製 鏈表 鏈表存儲有序

原创 JS之防抖和節流

文章目錄防抖原理介紹代碼實現及優化自定義實現優化立即執行優化返回值節流原理介紹代碼實現及優化自定義實現優化最後執行兩者區別 防抖和節流都是爲了避免窗口的resize、scroll、輸入框內容校驗等事件處理函數被頻繁調用,因此採用

原创 前端排序算法彙總

文章目錄冒泡排序選擇排序插入排序歸併排序快速排序堆排序 冒泡排序 冒泡排序的原理如下,從第一個元素開始,把當前元素和下一個索引元素進行比較。如果當前元素大,那麼就交換位置,重複操作直到比較到最後一個元素,那麼此時最後一個元素就是

原创 JS函數名與變量名重名的問題

文章目錄JS函數名與變量名重名的問題題1題2題3 JS函數名與變量名重名的問題 由於JavaScript的預編譯會導致變量聲明提升,聲明式函數整體提升,因此當函數名與變量名重名的時候將會產生問題。 變量以及變量表達式(包括函數的

原创 JS取整取餘,Math對象的操作方法

文章目錄取整取整向上取整向下取整四捨五入取餘取餘取最大值和最小值的方法random()—取隨機數toFixed()方法 所有方法都是屬於Math對象的方法 取整 取整 //丟棄小數部分,保留整數部分 parseInt(7/2)

原创 Font Awesome文字圖標的使用

文章目錄Font Awesome圖標加載方式最簡單的方式:BootstrapCDN使用方式基本圖標大圖標圖標固定寬度用於列表邊框與對齊動畫效果旋轉與翻轉組合使用 Font Awesome圖標 Font Awesome提供矢量文字

原创 ES6中...運算符的用法

文章目錄ES6中的......可用於獲取其餘參數用於將數組或對象擴展 ES6中的… …可用於獲取其餘參數 當函數或者其他需要使用參數的地方進行傳參時,但是不知道具體有幾個參數,就可以使用…來代表任意個參數。 function

原创 JS之柯里化

文章目錄什麼是柯里化柯里化的實現高級柯里化 什麼是柯里化 柯里化(Currying)是一種關於函數的高階技術,它不僅被用於JavaScript,也能用於其他語言 柯里化是一種函數 轉換,讓函數具有完整功能的同時,也能接受可選的參

原创 CSS字體樣式屬性彙總

文章目錄字體樣式屬性大全字體樣式(font style)font屬性font-stylefont-variantfont-weightfont-size / line-heightfont-familycolor文本樣式text-

原创 認識Object.defineProperty

Object.defineProperty Object.defineProperty()語法說明 Object.defineProperty()的作用就是直接在一個對象上定義一個新屬性,或者修改一個已經存在的屬性 Object

原创 JavaScript交換兩個變量的方法

JavaScript交換兩個變量的方法 let a = 123; let b = 456; 普通方法 使用一個臨時變量 let temp; temp = a; a = b; b = temp; 算術運算方法 在算術運算過