原创 關於 MongoDB 任意時間戳取整點均值的問題及解決辦法

話不多說直接上需求: 如下圖,源數據時間戳是不確定的,相隔秒分時都有可能,假如現在需要做一個日統計報表,需要整理每個小時的平均值,如何處理呢? 如何將上面的需求轉出結果呢? 解決辦法: 解決思路:現篩選出時間範圍,再根據篩選的結果進行

原创 JS事件冒泡和事件捕獲以及event.stopPropagation() 和 event.stopImmediatePropagation() 的區別分析

一、事件的三個階段 在 DOM 事件流中,事件分爲三種階段:捕獲、目標、冒泡。 捕獲:事件觸發的時候,事件順序從外到內依次觸發 目標:事件觸發的 DOM 對象本身 冒泡:事件順序從外到內依次觸發 二、事件的執行順序 非目標元素時: 按照

原创 React 項目結合 Antd 的按需加載不起作用

背景: 項目由 create-react-app 創建的,按照官網的要求,如果按需加載組件,需要加一些配置。我沒有通過 .babelrc 或者 babel-loader,而是根據官網的 react-app-rewired 問題: 根據官網

原创 Vue中的數字運算有時候會出現NAN的情況

    vue的html中,經常會出現,需要對獲取的數據進行加減乘除運算的情況,如果在表達式中進行運算,例:{{ a + b + c }},這種會導致,你在獲取數據的時候,值還沒取到,dom剛開始渲染,所以a,b,c的值做運算,會顯示NA

原创 談談對於JS事件循環執行機制以及關於微任務microtask/宏任務macrotask的個人理解

衆所周知,JS 是單線程語言,事件執行只能依次進行。但是 JS 的事件有時會發生延遲執行,例如 setTimeout、Promise 之類的方法。那麼,我們該如何判斷事件執行的先後順序呢? 1. 同步事件和異步事件 對於 JS 事件,我們

原创 關於Nginx配置多端口服務時,網頁500錯誤

問題描述: 在服務器安全組端口號開放的情況下,配置nginx新增端口訪問項目時,總是出現500錯誤。 我的配置如下: 查找問題: 其實自己摸索了一晚上直到深夜兩點半+一早上時間,也沒發現問題所在,試了各種方法,然後再某羣的基友提醒下,找

原创 關於vue項目中使用element-ui時,默認中文切換成英文的全局配置方法

vue默認使用的中文語言,當我們想要默認使用英語或者其他語言時,需要替換掉原本的中文 問題:當我在寫項目時,比如table的分頁時,默認顯示的內容是中文的,如下: 解決:根據官網給出的提示,通過配置 webpack.config.js ,

原创 關於mongoose返回的數據爲空

最近用 node + express + mongoDB 去寫後端接口的時候,發現一個差異的問題:         比如我 DB 裏面寫了個集合叫 alertmsg,當我寫 get 接口的時候,返回的是一個空數組: [] model 如下

原创 當http請求的參數需要借用到上一次http請求參數的結果時,利用promise或者利用更方便簡潔的async/await

有時候會遇到一些情況,比如在點擊事件觸發的時候,我需要發送兩次或以上的 http 請求,而這兩次請求時相關的,即第二次 http 請求的參數需要攜帶第一次 http 請求的結果,這種時候,一般的處理如下: function f() {

原创 關於Vue中的界面性能優化

1. Vue中的數字運算有時候會出現NAN的情況     vue的html中,經常會出現,需要對獲取的數據進行加減乘除運算的情況,如果在表達式中進行運算,例:{{ a + b + c }},這種會導致,你在獲取數據的時候,值還沒渠道,do