原创 JavaScript時間線

時間線 創建Document對象,開始解析web頁面。解析HTML元素和他們的文本內容後添加Element對象和Text節點到文檔中。這個階段 document.readyState = ‘loading’ 。 遇到lin

原创 git fetch、git pull拉取遠程分支合併到本地

1、git fetch 1.1、需要在本地額外新建分支 // 查看遠程 git remote -v // 獲取遠程指定分支到本地臨時新建的分支 git fetch origin master:temp // 獲取遠程master

原创 不用循環、不用Array原生API,如何遍歷數組。

解決 遞歸。 代碼 let index = 0 function loopArr(arr, cb) { if(index < arr.length) { index++ cb(arr[index]) loopArr(

原创 JavaScript組合模式

1、什麼是組合模式 在程序設計中,有一些**“事物是由相似的子事物構成”**。組合模式就是用小的事物來構建更大的對象,而這些小的事物本身也許是由更小的“孫對象”構成。 比如在命令模式中,宏命令對象中包含了一組具體的子命令對象,不管

原创 Error retrieving device properties for ro.product.cpu.abi

使用flutter的時候出現這種錯誤。 部分報錯: Exit code -1073740940 from C:\SDK\platform-tools\adb -s emulator-5554 shell -x logcat -

原创 MySQL實驗

實驗要求:新建數據庫表pet 實驗過程: 連接 mysql -u dog -p 新建數據庫 mysql> create database magnerie; Query OK, 1 row affected (0.00 sec)

原创 JavaScript中介者模式

中介者模式 面向對象設計鼓勵將行爲分佈到各個對象之中,把對象劃分爲更小的粒度,有助於增強對象的可複用性,但是由於這些細粒度對象之間的關係劇增,反過來可能會降低代碼的複用性。 中介者模式的作用就是解除對象與對象之間的耦合關係,增加一

原创 pip安裝包失敗總結

1.pip._vendor.urllib3.exceptions.ReadTimeoutError: HTTPSConnectionPool(host=‘files.pythonhosted.org’, port=443): Re

原创 兼容性處理相關網站

https://browserhacks.com // 針對CSS hack https://github.com/aFarkas/html5shiv // 針對不支持HTML5標籤的瀏覽器 https://github.com

原创 響應式圖片的實現幾種方式

1.srcset <img src="./../img/ad001-l.png" alt="" srcset="./../img/ad001.png 300w, ./../img/ad001-m.png 800w, ./

原创 響應式前端框架合集

Bootstrap Foundation Semantic UI PureCSS

原创 IE相關

定義文檔在IE下的顯示方式 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> // 這裏表示如果在IE瀏覽器下,儘可能以edge的模式渲染文檔 判斷IE <body>

原创 媒體查詢

佈局視口相當於書,可視視口相當於放大鏡, 理想視口: <meta name="viewport" content="width=device-width" />

原创 網格佈局

以前使用table佈局,但是table佈局需要把表格渲染完畢後纔會渲染表格內部的內容,性能不好。 再到DIV+CSS浮動佈局,再到position佈局,再到inline,這幾種都叫hack佈局。 flex佈局,flex佈局是一

原创 深入理解padding

1.padding與容器尺寸 內聯元素水平padding影響尺寸,垂直padding不影響。 塊級元素的padding都會影響尺寸 2.padding負值與百分比 padding不支持負值,padding的百分比是相對於寬度計算的