原创 CSS騷操作 --- 製作不同背景的字體

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 node異步函數類型

直接上代碼 , 結果先不說   setTimeout(() => { console.log(1) }, 22) setImmediate(() => { console.log(2); }) process.nextT

原创 css裁剪屬性----clip-path

什麼是clip-path clip-path是一個css3新屬性 , 一般用在svg元素上 , 但是也可以作爲普通元素裁剪使用 解釋 : clip-path 屬性可以創建一個只有元素的部分區域可以顯示的剪切區域。區域內的部分顯示,區域外的

原创 PHP操作數據庫及踩坑

PHP MySQL 連接數據庫 mysql_connect(servername,username,password); 參數 描述 servername 可選。規定要連接的服務器。默認是 "localhost:3306"。 userna

原创 深究我所不知道JavaScript變量提升hoisting

前言 在之前很想對JavaScript裏面的變量提升hoisting做一次總結 , 直到最近的刷題 , 再一次刷到關於hoisting的問題 , 發現自己對於整個hoisting缺乏系統性的總結 , 這次終於有時間做了 ; 當然如果只是基

原创 git強制覆蓋本地代碼 ---- 慎用

只需下面三個步驟 git fetch --all git reset --hard origin/master git pull origin master   也可以合起來變成一個命令 git fetch --all && git re

原创 關於css的數學計算----基礎

現實中的問題 在css中 , 有時候對一個圖片進行旋轉的時候 , 如果圖片是一個不規則的多邊形 , 一旦旋轉 , 就會將底層的div顯示出來 , 不能保證圖片所在的div填滿 , 這時候就要對圖片的旋轉時放大縮小進行計算 以正方形爲例的解

原创 IE6常見bug合集

  ie6怪異解析之padding和border算入寬高 原因 : 未加入文檔聲明造成非盒模型解析 解決方法 : 加入文檔聲明 <!doctype html> IE6在塊元素 , 左右浮動 , 設定margin時造成margi

原创 css 3D 簡單實踐

先來兩個羞羞的網站 http://tridiv.com/ , 這是一個css 在線做3D的一個網站https://720yun.com/ , 純css vr3D視角的一個東西 製作html 純css3D <!DOCTYPE ht

原创 關於瀏覽器事件addEventListener()處理小記

前言 當瀏覽器與對象 , 元素髮生互動時 , 瀏覽器會產生對應的事件 , 例如 : 瀏覽器加載完文檔 , 用戶把鼠標指針移動超鏈接上或者敲擊鍵盤等 , 瀏覽器都會產生事件 , 而且JavaScript還可以對一些特定類型的事件進行函數綁定

原创 html 關於陀螺儀知識

html5陀螺儀 陀螺儀又叫角動量傳感器 , 是不同於加速度計(G-sensor)的 , 他的測量物理量是偏轉的 , 傾斜時的轉動角速度 。 在手機上 , 僅用加速度傳感器是沒辦法測量或重構出完整的3D動作,測不到轉動的動作的,G-sen

原创 收錄JavaScript正則深拷貝的一個方法

正則深拷貝的一個方法 注意點 reg.exec(str|regObj), MDN上面exec只是說了接受字符串, 但是也可以接收正則對象 regexp.constructor如果報flag的問題, 一般是第二個參數傳錯了 /**

原创 CSS高級開發-----BFC(塊格式化上下文)

css佈局基礎單位 Box是CSS佈局的對象和基本單位 , 直觀點來說 , 就是一個頁面是由多個BOX組成的 , 元素的類型和display屬性 , 決定了這個box類型 , 不同類型的box , 會參與不同的FormattingCont

原创 深究create-react-app初始化項目巨慢的問題

場景 今天本來心情好好的 , 按照往常一樣 , 我準備開始一個新的項目 , 興高采烈的打開cmd , 輸入npx create-react-app xxx-project ; 舒服(煎熬)的等待中 , 居然10分鐘過去還是   Inst

原创 頁面顯示空格數和dom結構顯示空格數不一致問題

一個空格引起前後端編碼格式問題 今天在做業務的時候,測試那邊發來一個bug,說我空格出現不完整,我看了一下這邊頁面,發現有空格啊,我回去跟測試說:有空格啊;然後測試給我發來一張圖 wtf!!!這是什麼鬼 然後我打開了一下調試窗口