原创 前端項目發版後用戶需要手動刷新頁面獲取的解決方案

背景 我們的項目是後臺管理系統，框架是Vue，構建工具是Webpack。 問題 每一次修改代碼後打包發佈到生產環境後，用戶需要手動刷新才能獲取到最新的代碼。 原因 Webpack打包之後會根據文件內容生成一個hash值，然後再按照

2019-06-28 06:21:45 15

原创 chrome中直接使用import

現在我們在開發項目時都是基於構建工具（像webpack）上進行開發，所以在使用import時得心應手。 但今天在chrome中直接使用import時，發現不知道如何使用？ chrome中直接使用import 三個條件： 瀏

2019-06-23 05:45:29

原创 Git學習--08--如何使用Git刪除新增的文件？

需求 今天提交代碼時發現有一些新增的文件是不需要提交的，但又比較多，不想手工去刪除。 解決方案 百度和實踐了一波，總結有兩個解決方案 1. 使用git clean刪除 git clean的作用就是清除未track的文件或文件夾， 主要

2019-05-06 11:22:05

原创 Vue進階--01--vm.$scopedSlots和vm.$slots的理解和基本使用

官方定義 vm.$slots 類型：{[name: string]: ?Array<VNode>} 只讀 詳細： 用來訪問被插槽分發的的內容。每個具名插槽有其相應的屬性。default屬性包括了所有沒有被包含在具名插槽中的

2019-04-12 06:06:33 1

原创 語義化版本（SemVer）的範圍

轉自 http://www.u396.com/semver-range.html 在使用 Node.js 和 Bower 的時候，其中的 package.json 和 bower.json 都會有 dependencies、devDe

2019-04-02 05:40:25

原创 敏捷開發的實施步驟

1. 挑選一位產品負責人 這個人必須知道帶領的團隊需要做什麼、製造什麼產品以及取得什麼成果，必須會面考慮到風險與回報、什麼具有可行性、什麼能做以及他們對什麼富有熱情。 2. 挑選一個團隊 真正做事的是誰？這個團隊必須能夠落實產品負責人

2019-03-23 05:51:29

原创 《敏捷革命》讀書筆記

第一章 世界的動作方式已經打破 要點： 規劃是有用的，而盲目遵循規劃則是愚蠢的。 將所有項目所需要的工作進行規則並完全遵循，則當現實情況與預計情況不同，則會慢慢走向失敗。 所以任何規劃都都需要根據實際情況而即時調整。 檢查與調

2019-03-23 05:51:29 2

原创 物聯網理解

物聯網 概念 物聯網就是物物相連的互聯網。（英文名：Internet of things，簡稱：IoT） 兩層意思： 物聯網的核心和基礎仍然是互聯網，是在互聯網基礎上的延伸和擴展的網絡 其用戶延伸和擴展到了任務物品與物品之間，進行信

2019-02-19 17:45:44

原创 Git學習--07--批量刪除分支

文章目錄需求解決方案1. 刪除分支命令2. 命令解釋3. 管道命令與`xargs`命令的區別實例刪除本地分支中包含`Hotfix`的分支執行命令執行結果注意事項 需求 因爲我們項目的GIT工作流是一個任務或一個Bug單獨拉一個分支，完

2019-01-25 18:02:43

原创 javascript中的對象屬性迭代

文章目錄創建案例對象對象屬性的迭代有以下這幾種方式：for-inObject.Keys()Object.values()Object.entries()Object.getOwnPropertyNames()最後再說一下`in`操作符

2019-01-17 17:35:48

原创 DOM事件的刪除

DOM事件的刪除根據事件處理程序的分類有兩種 DOM0級事件處理程序的事件刪除 監聽事件 element.onclick = function () {} 刪除事件 element.onclick = null

2019-01-09 17:51:31

原创 vue-cli3出現Invalid Host header的解決方案

發現場景 最近用vue-cli3搭建了一個項目，結果一運行不停的報錯，報錯信息如下： Invalid Host/Origin header 而且同時還發現另外一個問題，就是熱更新也失效了 產生原因 新版的webpack-dev-se

2019-01-06 18:12:01 6

原创 Git學習--06--提交記住用戶名和密碼

問題 最近重裝了電腦，發現每次提交代碼到遠程倉庫時都要輸入用戶名和密碼。 解決方案 GIT有兩種方式記住用戶名和密碼 永久記住密碼 git config --global credential.helper store 會在用戶

2018-12-28 18:59:48

原创 理解getBoundClientRect()

概念 getBoundingClientRect用於獲取某個元素相對於視窗的位置集合。集合中有top, right, bottom, left等屬性。 用法 語法：這個方法沒有參數。 rectObject = object.get

2018-12-28 18:59:48 6

原创 npm--02--開發依賴和生產依賴

開發依賴：devDependencies 開發環境依賴，僅次於dependencies的使用頻率！它的對象定義和dependencies一樣，只不過它裏面的包只用於開發環境，不用於生產環境，這些包通常是單元測試或者打包工具等，例如gu

2018-12-10 17:33:42