原创 7.sf-mock之關於分頁和詳情 分頁 詳情
實現邏輯是次要的，這會加大使用 mock 服務器的成本,提供動態數據邏輯只是爲了滿足前端的自測。 分頁 這裏主要是指上拉加載,數據中的一些關鍵參數寫死是不方便自測的。 如果只是純粹的表格數據，則沒必要這樣，只要關心請求是否發出，參數是否正確
2021-10-15 07:51:11
2
原创 6.sf-mock之路徑其它寫法以及更多配置 設置 cookie 設置 http 狀態碼 延遲返回 區分方法 通過 json 或 js 存儲數據
useDirMode 模式已經符合大多數場景的要求,但是一些特殊場景還是需要了解其它寫法 下面的例子涉及的配置只能寫在 example-mock-api.js 中,useDirMode 模式生成的 js 文件只是用來返回數據的。 examp
2021-10-13 21:12:15
原创 5.sf-mock之自定義mock數據
當使用 http://localhost:9000/notes 訪問項目時，"/" 後面的被轉到了 http://localhost:8000,因此看到了前端界面 ajax 請求 http://localhost:9000/api/note
2021-10-13 21:12:15
原创 3.sf-mock之使用上的初體驗 啓動 體驗
啓動 項目地址: https://github.com/xiaodun/sf-mock Clone 項目到本地,運行npm install,然後執行node mockService.js 啓動成功會輸出 "http://10.210.2.2
2021-10-13 21:12:15
原创 4.sf-mock之在項目上使用 新增一個項目 關於跨域處理 使用 nginx 配置補充
新增一個項目 打開programConfig.js，新增一個項目爲'sf-notes' "sf-notes": {}, 執行node createFileStructure.js,要在'createFileStructure.js'所在的
2021-10-13 21:12:15
原创 1.sf-mock之調用真實接口存在的問題 接口之間的依賴 接口返回數據 聯調的不合理 總結
接口之間的依賴 比如登錄接口掛了，那麼就無法調用需要登錄的接口，而對於某一次迭代，前端需要修改的和登錄接口並無關係，只是改改 UI 而已，連對應的後臺開發都沒有,而登錄接口可能是其它項目組在維護，或者其它迭代恰好在改動這一塊。 儘管工作當中
2021-10-12 03:38:51
原创 2.sf-mock之當前端使用mock環境開發能帶來哪些改善 前端與後端的關係 mock 環境的實現方案 前端在迭代中的職責
前端與後端的關係 接口文檔是前端與後端的紐帶。 前端在意的是接口簽名，即傳參和返回格式，實現功能無需依賴真實接口的調用，雙方按照文檔各自開發。 例如我調用了發佈接口，傳參是正確的，接口在實現功能上有問題，儘管表現在前端，但這個責任應該由對應
2021-10-12 03:38:51
1
原创 index.vue的無法承受之重 命名問題 代碼分割問題 總結
項目中有一個index.vue文件有1000多行代碼，還是把css獨立出來的，這暴露了很多問題。 命名問題 已index命名的文件，裏面的內容應該是"言健意駭"，表示當前文件夾下的資源是怎麼對外提供的，換言之，不是用來寫業務邏輯的，比如el
2021-06-03 13:27:59
原创 解析Swagger2.0的接口 背景 方案 自動映射 自動生成mock數據
背景 項目上會把一個後端接口映射爲如下結構 { desc: "獲取英雄詳情", method: "post", name: "getHeroInfo", url: "/api/getHeroInfo",
2021-06-03 13:27:59
原创 for、forEach與async 背景 第一種寫法 第二種寫法
背景 通過無頭瀏覽器下載音頻，發現之前對於forEach過於崇拜了，以至於答案就在身邊也沒發現。 第一種寫法 new Array(10).fill(1).forEach(async (item, index) => {
2021-05-29 22:35:01
原创 記一次線上問題的解決 背景 封裝 反轉 改進 反思
背景 以前好好的導出功能突然就不行了，後臺表示是前端沒有傳token導致的 封裝 時間回溯到80天前，我剛入職公司2個月，要做導出功能，自然要參考下以前的寫法， 先判斷當前列表是否有數據 4行代碼 提示用戶是否進行導出的操作 8行
2021-05-29 22:35:01
原创 axios裏的responseType 背景 看axios源碼 XMLHttpRequest
背景 我在Node.js上通過axios下載一段音頻 const audioContent = await axios.get(downloadSrc, { }); 打開文件後竟然提示文件格式損壞 憑藉我多年樸素的直覺，應該是要設置re
2021-05-17 21:45:21
原创 當你的白色透明漸變看不到效果 背景 實現過程
白色透明漸變想要看到效果是需要有參照物的，可以看codepen上提到的案例:https://codepen.io/xiaodun/pen/BapxoBq 背景 一開始的展開功能是這樣的 在測試的極力推動下，產品的認可下，UI決定加一個白
2021-05-15 17:03:36
原创 在node.js中使用無頭瀏覽器批量下載音頻 背景 需求 實現 性能對程序執行的影響 0xc00d36fa
背景 本來我在A平臺聽書，到了後面的章節，便只能去B平臺。 操作繁瑣，體驗極差，還不支持緩存，流量超貴的(上個月套餐外流量消費60多) 於是乎，我只能把音頻手動下載起來，但操作同樣繁瑣。 需求 下載一個音頻的操作如下 進入列表頁，可能需要
2021-05-12 22:18:44
原创 Nuxt.js 發送兩次請求
使用Nuxt.js 時，會在asyncData中發送請求，這個操作在服務器端就完成了 到了客戶端不會再次發送請求，所以在開發者工具的network裏是看不到的 但是js邏輯依然會再次執行，因此數據通過在window._NUXT記錄 生產環
2021-05-10 02:14:31
10