原创 塊狀元素居中（三）
水平居中總結-不定寬塊狀元素方法（三） 方法三：通過給父元素設置 float，然後給父元素設置 position:relative 和 left:50%，子元素設置 position:relative 和 left:-50% 來實
2020-07-04 18:16:44
原创 float浮動不清楚對塊狀元素的影響
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin:0;
2020-07-04 17:33:57
1
原创 CSS實現自適應圓角矩陣——滑動門
css圓角矩形對於很多人來說,都覺得很難.在table中要實現圓角矩形我想很多人都會,而在css中要定義圓角矩形也並不難,不過要一個寬度不固定的框，事情變得有些複雜了。寬度不固定，就意味着這個框在水平和垂直方向都有足夠靈活的變化。在這個
2020-07-04 17:33:57
1
原创 塊內元素水平居中
水平居中總結-不定寬塊狀元素方法（一） 在實際工作中我們會遇到需要爲“不定寬度的塊狀元素”設置居中，比如網頁上的分頁導航，因爲分頁的數量是不確定的，所以我們不能通過設置寬度來限制它的彈性。 不定寬度的塊狀元素有三種方法居中（這三
2020-07-04 17:33:57
原创 標準模式與怪異模式
標準模式與怪異模式 由於歷史的原因，各個瀏覽器在對頁面的渲染上存在差異，甚至同一瀏覽器在不同版本中，對頁面的渲染也不同。在W3C標準出臺以前，瀏覽器在對頁面的渲染上沒有統一規範，產生了差異(Quirks mode或者稱爲Compati
2020-07-04 17:33:57
原创 兩種不同的方法來實現一個兩列布局
用兩種不同的方法來實現一個兩列布局，其中左側部分寬度固定、右側部分寬度隨瀏覽器寬度的變化而自適應變化 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">
2020-07-04 17:33:57
原创 阿里筆試16前端佈局
實現如下頁面佈局。核心區域左側自適應，右側固定寬度 200px <!DOCTYPE HTML > <html> <head lang="en"> <meta charset="UTF-8"> <title></titl
2020-07-04 17:33:57
原创 聖盃佈局
<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <t
2020-02-20 13:11:04
原创 js數組去重三種方法
第一種是比較常規的方法 思路： 1.構建一個新的數組存放結果 2.for循環中每次從原數組中取出一個元素，用這個元素循環與結果數組對比 3.若結果數組中沒有該元素，則存到結果數組中 複製代碼代碼如下: Array.prot
2020-02-20 13:11:04
原创 js定位DOM元素
獲取元素的位置屬性可以通過 HTMLElement.offsetLeftHTMLElement.offsetTop 但是，這兩個屬性所儲存的數值並不是該元素相對整個瀏覽器畫布的絕對位置，而是相對於其父元素位置的相對位置，也就是說這兩
2020-02-20 13:11:04
原创 JS中關於clientWidth offsetWidth scrollWidth 等的含義
網頁可見區域寬： document.body.clientWidth; 網頁可見區域高： document.body.clientHeight; 網頁可見區域寬： document.body.offsetWidth (包括邊線的寬)
2020-02-20 13:11:04
13
原创 JS之reduce
以前沒接觸到reduce 忽然遇見了這麼個題： martix = [[1,2],[3,4][5,6]]; var fl = martix.___(function(a,b)____); console.log(fl)//輸出[
2020-02-20 13:11:04
原创 webstorm快捷鍵
查找/代替 快捷鍵 說明 ctrl+shift+N 通過文件名快速查找工程內的文件（必記） ctrl+shift+alt+N 通過一個字符快速查找位置（必記） ctrl+F 在文件內快速查找代碼 F3 查找下一個 shift+F
2020-02-20 13:11:04
原创 JS效率問題之 str+ ;array.join && arr[i]
請把以下用於連接字符串的JavaScript代碼修改爲更有效率的方式 1 2 3 4 5 6 7 8 var htmlString = "<div class=”container”>"
2020-02-20 13:11:04
原创 Github使用教程for windows 零基礎使用說明
一、自建項目庫 無論是fork還是自己建，先下載一個客戶端，for windows:一個是github 一個是git shell 在Github上 新建項目 登錄--“+”新建--publish repository--publi
2020-02-20 13:11:04