原创 git pull 本地有未提交的改動而報錯的解決辦法

在遠端設置無誤的情況下，git pull 出錯一般是由於本地有未提交的改動造成的。 第一步： git stash 將本地的改動暫存 第二步： git pull 獲取最新更新 第三步： git stash pop 將改動還原

2020-05-21 09:43:31

原创 CSS：實現文字環繞在圖片周圍的效果

要想讓文字環繞在圖片的周圍，讓圖片 float 就可以了；如果還想要實現文字圓形環繞圖片的效果，可以使用 shape-outside: circle(); 屬性。 <p>《程序員修煉之道（從小工到專家）》 <img clas

2020-05-19 02:14:52

原创 CSS：背景圖片的使用（將背景圖片完美適合窗口 & 創建三角背景圖片 & 在背景圖片上添加漸變疊加 & 製作網格背景圖片 & 文字鏤空背景圖片效果）

1. 如何將背景圖片完美的適合瀏覽器窗口？ background-position: center; background-attachment: fixed; background-size: cover; 2. 如何在CS

2020-05-14 06:41:06 2

原创 關於前端安全的幾個提示

作爲前端開發人員，我們最關心的是性能、SEO 和 UI/UX——安全性卻經常被忽略。 我們應該記住，就安全性而言，前端現在與後端或 DevOps 承擔着同樣的責任。前端可能會發生幾千種惡意攻擊。 常見攻擊 1. 不受限制的文件上傳

2020-05-14 06:41:06

原创 CSS：懸浮提示文本

https://github.com/haizlin/fe-interview/issues/2008 Way 1⃣️ <div class="wrap"> 我是一個元素 <div class="tips">

2020-05-12 06:34:15 1

原创 CSS：實現一個斑馬線效果 （條紋背景）

斑馬線效果 <div class="zebra-crossing"></div> .zebra-crossing { width: 180px; height: 100px; margin: 1em; backg

2020-05-12 06:34:15 6

原创 JavaScript：將 arguments 對象轉換爲數組；對數組中所有的值求和；條件短路；對條件使用邏輯或；逗號運算符；用 length 調整數組大小；通過數組解構對值進行交換；動態屬性名……

https://mp.weixin.qq.com/s/q36K4uPcLWdZq_wQvPflIQ 1. 將 arguments 對象轉換爲數組 arguments 對象是函數內部可訪問的類似數組的對象，其中包含傳遞給該函數的

2020-05-10 09:08:35

原创 Vue 基礎：Vue 實例生命週期 & 模版語法 & 計算屬性、方法與偵聽器 & 樣式綁定 & 條件渲染 & 列表渲染 & set

♻️ Vue 實例生命週期 生命週期函數就是Vue實例在某一個時間點會自動執行的函數。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m

2020-05-10 09:08:35 1

原创 Vue 入門：el: '#app' 是什麼意思 & component 組件 & 實現 ToDoList

🧙‍♀️ 用原生 js 實現基本頁面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conten

2020-05-08 06:34:30 1

原创 Webpack(一)：背景介紹

Webpack 本質是一個模塊化打包工具，通過“萬物皆模塊”這種設計思想，巧妙地實現了整個前端項目的模塊化。 Webpack 解決的問題 如何在前端項目中更高效地管理和維護項目中的每一個資源。 模塊化的演進過程 Stag

2020-04-30 15:34:52

原创 如何在 Vue 中使用 Font Awesome 字體圖標

安裝 npm install --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/vue-fontawesome npm install

2020-04-28 14:55:06 9

原创 GitHub 中如何進行文件模糊查找

在任何存儲庫中按 t 鍵進行訪問，然後就可以輸入要查找的文件的名稱。 GitHub 上的一些技巧、工具和搞笑的東西：https://mp.weixin.qq.com/s/zVUX8r5hT0WzaG1QyD9P7A

2020-04-26 13:46:46

原创 CSS：畫鋸齒形邊的圓

鋸齒形邊的圓可以由十二個正三角形構成。 .circle { width: 80vh; height: 80vh; position: relative; background-color: #CCCCCC; }

2020-04-22 08:22:30 6

原创 CSS：實現倒影效果 （box-reflect）

box-reflect 設置倒影 語法 box-reflect：none | <direction> <offset> <mask-box-image> ▪︎ <direction>： ▫︎ above 指定倒影在對象的

2020-04-22 08:22:30