原创 vue 使用v-for 動態修改class

問題描述 通過v-for指令,按照index動態生成class 例如: .item-1 .item-2 .item-3 .item-4 .item-5 其中,1,2,3,4,5爲循環遍歷的下標。 實現原理 通過methods將in

原创 【解決方案】Webpck Tapable.plugin is deprecated. Use new API on `.hooks` instead xxx

問題 在執行webpack構建過程中,出現 DeprecationWarning: Tapable.plugin is deprecated. Use new API on .hooks instead emit告警問題。 分析原因

原创 【Nodejs】 獲取當前文件夾名稱

Nodejs 獲取當前文件夾名稱 const { basename } = require('path') let proPath = __dirname // 路徑 "/Users/yangxin/code/lib" basenam

原创 【Node】使用Nodejs獲取git配置信息

使用Nodejs獲取git配置信息 npm庫 需要使用到的npm庫: git-config-path 引入 使用 相關源碼 const { readFile } = require('fs') const { gitConfig

原创 【解決方案】 使用webpack搭建vue服務報錯: vue-loader was used without the corresponding plugin.

錯誤描述 在使用webpack搭建vue項目時,控制檯報: vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPl

原创 MVVM框架設計分析(以vue.js爲例 )

MVVM 框架設計 MVVM 框架已經成爲前端圈的主流,同時也誕生了很多優秀的前端框架,有最早的Angular,以及後起之秀Vue、React等,爲我們開發者提供了極大的便利。那麼,什麼樣的框架設計纔算是MVVM框架呢? MVVM

原创 談談瀏覽器的緩存機制

談談瀏覽器的緩存機制 概述 緩存是一種保存資源副本並在下次請求時直接使用該副本的技術。在開發過程中隨處可見,小到Javasript作用域內的變量存儲,大到使用CDN使靜態資源的分佈存儲到緩存服務器上等。緩存的簡單解釋就是將我們的計算

原创 serviceworker 離線緩存化(附源碼)

serviceworker 離線緩存化 本文源碼 概述 Service Worker 是HTML5 的一個新特性,主要用來做持久的離線緩存。 項目介紹 本項目在第一次安裝serverworker之後,可以在控制檯看到以下信息:

原创 excel表格操作之數據分級統計

常見的excel表格操作 概述 因爲近期有大量數據統計,需要用到excel進行數據分析,所以,整理一些常用操作藉以分享之。 1.條件分組 目標: 通過fmp數據值,進行分級顯示。 數據源如下表: 使用語句: B2是指數據表格中的

原创 socket.io 原理詳解

socket.io 原理詳解 在上一篇文章中,我們瞭解到 socket.io 是 基於engine.io 進行封裝的庫。 所以對engine.io不清楚的童鞋可以點擊進行了解: engine.io 詳解 1.概述 socket.

原创 engine.io 原理詳解

engine.io 原理詳解 最近,業務中有使用到 socket.io,進行客戶端與服務端的實時通信。socket.io提供的API易上手,對新手友好,這就極大提高了開發者的效率。不過,期間也有遇到很多socket.io中的坑,例如

原创 微信小遊戲登錄授權流程圖

微信小遊戲登錄授權流程圖 最近在做小遊戲相關的業務需求,小遊戲(小程序)的登錄授權邏輯相對來說還是比較複雜的,因此有必要梳理一下,避免以後少踩坑。

原创 微信小遊戲 文字溢出處理方案,使用省略號

因爲小遊戲是使用canvas進行文字繪製,無法使用css的方式進行處理,必須使用js進行處理。下面是使用工具進行處理。 工具方法 // 文字溢出處理函數 spliteWord (content) { let tem

原创 微信小遊戲填坑指南

微信小遊戲 因爲工作需要,提前預研微信小遊戲的開發流程。做了如下一個簡單的demo項目,並且把實際項目中遇到的坑點都一一詳細列出,方便在今後的項目中可以進行查閱。 gitHub 項目源碼 小遊戲填坑指南 微信小遊戲只允許在調試

原创 【解決方案】三星手機使用chrome遠程調試失敗

問題描述 使用機型 三星note8、三星s8 操作步驟 在chrome輸入: chrome://inspect/#devices 使用chrome遠程調試失敗,inspect沒有顯示 解決方法 在手機中,輸入 https: