原创 Nginx: recv() failed (104: connection reset by peer) 問題排查

recv() failed (104: connection reset by peer) 問題排查 最近項目中通過Nginx反向代理nodejs(採用nestjs框架)服務,壓測過程中概率性出現502 Bad Gateway,出

原创 jQuery源碼學習 item1-匿名函數及其參數

jQuery 是一個 JavaScript 庫,對JavaScript進行了很好的封裝,極大地簡化了 JavaScript 編程。jQuery中用到了JavaScript的很多經典思想,對jQuery源碼的學習,也能進一步加深對J

原创 spring MVC 之controller (一)

在spring MVC 中,每個請求到DispatcherServlet後根據需求,將會分配到相對應的控制器controller去處理,因此controller在 spring MVC中的作用是非常重要的。本文先介紹兩類contr

原创 JS模塊化工具requirejs的基本用法

Requirejs簡介 AMD是”Asynchronous Module Definition”的縮寫,意思就是”異步模塊定義”。它採用異步方式加載模塊,模塊的加載不影響它後面語句的運行。RequireJS就是AMD規範最好的實現

原创 React 中 setState 使用注意事項

1. 不能直接設置this.state 這個基本學習過 react 的讀者都不會犯這樣的錯,直接設置 this.state 的值並不能觸發組件 render(),正確的是調用 setState() 函數來處理。 2. setSta

原创 跨源資源共享(CORS)

一、CORS簡介 在前一篇博客中,我介紹了利用JSONP實現跨域請求,但是在上篇文章中也指出了用JSONP實現跨域存在的一些缺點, 因此W3C 提出了另外一個跨域的方法:CORS,全稱是”跨域資源共享”(Cross-origin

原创 VSCode + ESLint + Prettier 代碼語法檢查和格式化

前言 在我們做項目的時候,特別是團隊協作時,每個人的編碼風格和編碼方式都不一樣,這樣在同一個項目中看起來會比較亂,特別是如果每個人在修改代碼時都按自己的規則做一下格式化,那麼提交記錄也會很亂,導致後面查問題也不好查。爲此,同一項目

原创 react新舊版本生命週期函數講解

react在引入 Fiber 之後,其生命週期也有所變化,新增了一些生命週期函數,同時也建議使用者廢棄一些生命週期函數,下面博主對比一下react v16.3之前的生命週期與react v16.4及之後的生命週期函數。 一、生命

原创 輕鬆搞定JSONP跨域請求

一、同源策略 要理解跨域,先要了解一下“同源策略”。所謂同源是指,域名,協議,端口相同。所謂“同源策略“,簡單的說就是基於安全考慮,當前域不能訪問其他域的東西。 一些常見的是否同源示例可參照下表: 在同源策略下,在某個服務器下的

原创 jQuery源碼學習 item2-jQuery對象及其屬性和方法

一、jQuery函數 先回顧一下我們常用的jQuery格式,例如我們需要設置一個div的css樣式,那麼會寫成如下的格式:$(“#btn”).css(),就有點類似於一個對象調用自己的方法,$(“#btn”)是一個執行函數,在文檔

原创 package.json中的版本和package-lock.json的作用

引言 我們在搭建項目的時候,通過 npm 安裝的依賴模塊時,package.json文件中依賴的版本號前面會帶符號 ^,有時候我們看別人的項目時也可能會看版本前帶符號 ~ ,或者什麼也不帶,其中會有什麼區別呢?而且當你的 npm

原创 JavaScript 數組方法大全

數組在筆試題中出現的概率最高的類型之一,JavaScript中的數組與其他語言中的數組有些區別,爲了方便以後查看數組的方法,現將對數組的操作方法進行彙總整理。 數組創建 JavaScript中創建數組有兩種方式,第一種是使用 Ar

原创 spring MVC框架配置(詳細版)

第一步:導入所需要的包 從官網http://repo.spring.io/libs-release-local/org/springframework/spring/4.3.0.RELEASE/ 下載 spring-framewo

原创 離線安裝 vscode 插件

離線安裝 vscode 插件 由於工作環境,開發都是在內網機上進行,經常需要在未聯網的情況下安裝 vscode 的插件,記錄一下安裝的方法。 打開 SCode 插件市場網址https://marketplace.visualstu

原创 JavaScript 字符串方法大全

數組和字符串是筆試題中出現頻率最高的兩種數據類型,在上一篇博文,我對JavaScript 數組的方法進行了總結,這篇博文我將對字符串的方法進行總結,由於字符串和數組的方法具有相似性,讀者可以對比閱讀。 String 類型提供了很多