原创 關於CSS中的居中方法
文字居中 【水平居中】 代碼： text-align: center; 【垂直居中】 使行高的高度等於整個塊級元素的高度（有侷限性：文字只有一行時適用） 代碼： height: 20px; line-height: 20px;
2020-06-14 18:14:16
原创 關於CSS浮動
關於浮動理解 浮動可以理解爲讓某個div元素脫離標準流，漂浮在標準流之上，和標準流不是一個層次。 假如某個div元素A是浮動的，如果A元素上一個元素也是浮動的，那麼A元素會跟隨在上一個元素的後邊(如果一行放不下這兩個元素，那麼A
2020-06-14 18:14:16
1
原创 JS倒計時原理及實現
原理 倒計時 = 現在的時間點（new Date()）/終點（new Date(/這裏填終點時間/)）； 最後將差值轉換爲想要的格式。 使用setInterval(fn, 1000);每一秒執行一次就好。 JS實現 var
2020-06-14 18:14:16
原创 href和src的區、link和@import的區別
href和src的區別： href(Hypertext Reference)：超文本引用，常用的標籤有link、a等，用來鏈接引用的外部資源。在當前元素或者當前文檔和由當前屬性定義的需要的錨點或資源之間定義一個鏈接或者關係，如：
2020-06-14 18:14:16
原创 塊狀元素和內聯元素的區別
內聯元素、塊狀元素、內聯塊的轉換： 內聯元素->塊狀元素：display:block; 塊狀元素->內聯元素：display:inline; 元素->內聯塊狀元素：display:inline-block; 塊狀元素（div、
2020-06-14 18:14:16
原创 inline-block佈局產生間隙的原因及解決辦法（水平、垂直）
佈局的一種方法是使用display:inline-block;它相比於與浮動、定位最大的不同就是其沒有父元素的匿名包裹特性，這使得display:inline-block屬性的使用非常自由，可與文字，圖片混排，可內嵌block屬性
2020-06-14 18:14:16
4
原创 CSS常用選擇器及優先級、一些易混淆選擇器的區別
幾個常用不易混淆的選擇器就簡單介紹一下，就不再贅述了： 通配選擇器：*（獲取所有標籤）； 類型選擇器：如div、p; class選擇器：class，可以允許多個元素使用同一個class名； id選擇器：id，每個id名只能允許一
2020-06-14 18:14:16
原创 前端學習網站彙總（不斷更新中~）
1. Vue.js官網：https://cn.vuejs.org 2. 小程序教程及組件等：https://developers.weixin.qq.com/miniprogram/dev/ 3. antd官網：https://ant
2019-03-16 19:33:22
原创 一些好的前端技術博客網址彙總（不斷更新中~）
1. XSS跨站腳本攻擊：https://www.cnblogs.com/phpstudy2015-6/p/6767032.html 2. Flex 佈局教程–語法篇（阮一峯）：http://www.ruanyifeng.com/bl
2019-03-16 19:33:22
原创 js實現字節截取（可同時含有中英文）
// 字符串截取 包含對中文處理 function byteCut (str, n) { // str： 被截取字符串；n：截取長度 if (str.replace(/[\u4e00-\u9fa5]/g, '**')
2019-03-15 19:40:58
原创 vscode 小程序wxml文件代碼沒有顏色區分（高亮）解決辦法
打開編輯器wxml文件，右下角，點擊如下圖部分： 在上面的彈框中選擇“HTML”語言模式： 就可以正常顯示了 PS：其他語言模式也可以任意切換，就看自己需要什麼格式了~
2019-03-14 18:52:29
1
原创 頁面優化（加速網站訪問速度）
優化圖像 前端開發人員添加到頁面上的每一張圖片都需要用戶從開發者的服務器下載到他們的電腦上。這無疑增加了頁面的加載時間，因此很可能讓用戶離開你的網站。所以，優化圖像是非常必要的。 過大的圖像需要的下載時間更多，因此要確保圖像儘可能的小。
2018-08-24 22:37:23
1
原创 談對BFC佈局的理解
BFC（Block formatting context）：塊級格式上下文，是一個獨立的渲染區域，與區域外部毫不相干。 BFC佈局規則： - 內部的Box會在垂直方向，一個接一個地放置； - Box垂直方向的距離由ma
2018-08-24 22:36:52
原创 TCP和UDP的區別
TCP是面向連接的協議，在收發數據前，必須和對方建立可靠連接。（三次握手、四次揮手）。 UDP是一個非連接的協議，傳輸數據之前源端和終端不建立連接，當它想傳送時就簡單地去抓取來自應用程序的數據，並儘可能快的把它扔在網絡上。在發送端，U
2018-08-24 22:36:52
1
原创 JS中的call()和apply()
一、call()和apply()的語法、參數 1.call()方法調用一個函數，其具有一個指定的this值和分別地提供的參數（參數的列表）。 語法：fun.call(this.Arg, arg1, arg2, …) 參數： thisAr
2018-08-24 22:36:52