JS代碼檢查工具ESLint

来源:https://www.cnblogs.com/xiaohuochai/archive/2018/05/23/9076440.html
-Advertisement-
Play Games

[1]發展歷史 [2]詳細配置 [3]NodeJS [4]React [5]Vue ...


前面的話

　　ESLint是一個JavaScript代碼靜態檢查工具，可以檢查JavaScript的語法錯誤，提示潛在的bug，可以有效提高代碼質量，維持前端團隊高度一致的編碼風格。ESLint不但提供一些預設的規則，也提供用戶自定義規則來約束所寫的JavaScript代碼。本文將詳細介紹ESLint

 

發展歷史

　　Douglas Crockford大神根據自己的理念用JavaScript寫了一個JavaScript代碼規範檢查工具，這就是JSLint。後來非常流行，也的確幫助了廣大的JavaScript程式員。但是，大神對於自己的代碼規範不做絲毫的妥協，對開源社區的反饋的回應也不禮貌。於是，JSLint從一個幫助程式員規範代碼，避免Bug的工具，變成了一個讓代碼像Crockford的工具。在最不信神的IT界，這當然不能忍了

　　2011年，一個叫Anton Kovalyov的前端程式員藉助開源社區的力量弄出來了JSHint，該工具的思想基本上和JSLint是一致的，但具有以下幾點優勢：1、可配置規則。2、社區支持度高。3、可定製結果報表

　　起初幾年，JSHint 一直是前端代碼檢測工具的首選。但在 2013 年，Zakas 大佬發現 JSHint 已經無法滿足自己定製化規則的需求，而且和 Anton 討論後達成共識這根本在不可能在 JSHint 上實現。同時 Zakas 還設想發明一個基於 AST 的 lint，可以動態執行額外的規則，同時可以很方便的擴展規則

　　2013 年的 6 月份，Zakas 發佈了全新的 lint 工具——ESLint。ESLint 的出現並沒有撼動 JSHint 的霸主地位。由於前者是利用 AST 處理規則，用 Esprima 解析代碼，執行速度要比只需要一步搞定的 JSHint 慢很多；其次當時已經有許多編輯器對 JSHint 支持完善，生態足夠強大。真正讓 ESLint 逆襲的是 ECMAScript 6 的出現

　　2015 年 6 月，ES2015 規範正式發佈。但是發佈後，市面上瀏覽器對最新標準的支持情況極其有限。如果想要提前體驗最新標準的語法，就得靠 Babel 之類的工具將代碼編譯成 ES5 甚至更低的版本，同時一些實驗性的特性也能靠 Babel 轉換。這時 JSHint 就略尷尬，ES2015 變化很大，短期內無法完全支持。ESLint 可擴展的優勢一下就體現出來了，不僅可以擴展規則，甚至連解析器也能替換。Babel 團隊就為 ESLint 開發了 babel-eslint 替換預設解析器，讓 ESLint 率先支持 ES2015 語法

　　也是在 2015 年，React 的應用越來越廣泛，誕生不久的 JSX 也愈加流行。ESLint 本身也不支持 JSX 語法。還是因為可擴展性，eslint-plugin-react 的出現讓 ESLint 也能支持當時 React 特有的規則

　　至此，ESLint 完美躺贏，替代 JSHint 成為前端主流工具

 

詳細配置

【註釋配置】

　　有兩種主要的方式來配置 ESLint，其中一種就是註釋配置，使用 JavaScript 註釋把配置信息直接嵌入到一個代碼源文件中

　　可以在文件中使用以下格式的塊註釋來臨時禁止規則出現警告

/* eslint-disable */
alert('foo');
/* eslint-enable */

　　也可以對指定的規則啟用或禁用警告:

/* eslint-disable no-alert, no-console */
alert('foo');
console.log('bar');
/* eslint-enable no-alert, no-console */

　　如果在整個文件範圍內禁止規則出現警告，將 /* eslint-disable */ 塊註釋放在文件頂部：

/* eslint-disable */
alert('foo');

【文件配置】

　　另一種是文件配置，使用 JavaScript、JSON 或者 YAML 文件為整個目錄和它的子目錄指定配置信息

　　ESLint 支持幾種格式的配置文件

JavaScript - 使用 .eslintrc.js 然後輸出一個配置對象。
YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定義配置的結構。
JSON - 使用 .eslintrc.json 去定義配置的結構，ESLint 的 JSON 文件允許 JavaScript 風格的註釋。
(棄用) - 使用 .eslintrc，可以使 JSON 也可以是 YAML。
package.json - 在 package.json 里創建一個 eslintConfig屬性，在那裡定義配置。

　　如果同一個目錄下有多個配置文件，ESLint 只會使用一個。優先順序順序如下

1 .eslintrc.js
2 .eslintrc.yaml
3 .eslintrc.yml
4 .eslintrc.json
5 .eslintrc
6  package.json

　　除了配置一個獨立的 .eslintrc.* 文件，也可以直接在 package.json 文件里的 eslintConfig 欄位指定配置，ESLint 將自動在要檢測的文件目錄里尋找它們，緊接著是父級目錄，一直到文件系統的根目錄

{
    "name": "mypackage",
    "version": "0.0.1",
    "eslintConfig": {
        "env": {
            "browser": true,
            "node": true
        }
    }
}

　　或者使用 -c 選項傳遞命令行將文件保持到任意地方

eslint -c myconfig.json myfiletotest.js

【配置語言】

　　ESLint 允許指定想要支持的 JavaScript 語言選項。預設情況下，ESLint 支持 ECMAScript 5 語法。可以覆蓋該設置，以啟用對 ECMAScript 其它版本和 JSX 的支持

ecmaVersion - 預設設置為3，5（預設）， 可以使用 6、7、8 或 9 來指定想要使用的 ECMAScript 版本。也可以用使用年份命名的版本號指定為 2015（同 6），2016（同 7），或 2017（同 8）或 2018（同 9）
sourceType - 設置為 "script" (預設) 或 "module"（如果代碼是 ECMAScript 模塊)
ecmaFeatures - 這是個對象，表示想使用的額外的語言特性:
globalReturn - 允許在全局作用域下使用 return 語句
impliedStrict - 啟用全局 strict mode (如果 ecmaVersion 是 5 或更高)
jsx - 啟用 JSX
experimentalObjectRestSpread - 啟用實驗性的 object rest/spread properties 支持

　　配置示例

    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    }

【配置環境】

　　一個環境定義了一組預定義的全局變數。這些環境並不是互斥的，可以同時定義多個。可用的環境包括

browser - 瀏覽器環境中的全局變數。
node - Node.js 全局變數和 Node.js 作用域。
commonjs - CommonJS 全局變數和 CommonJS 作用域 
shared-node-browser - Node.js 和 Browser 通用全局變數。
es6 - 啟用除了 modules 以外的所有 ECMAScript 6 特性（該選項會自動設置 ecmaVersion 解析器選項為 6）
worker - Web Workers 全局變數。
amd - 將 require() 和 define() 定義為像 amd 一樣的全局變數。
mocha - 添加所有的 Mocha 測試全局變數。
jasmine - 添加所有的 Jasmine 版本 1.3 和 2.0 的測試全局變數。
jest - Jest 全局變數。
phantomjs - PhantomJS 全局變數。
protractor - Protractor 全局變數。
qunit - QUnit 全局變數。
jquery - jQuery 全局變數。
prototypejs - Prototype.js 全局變數。
shelljs - ShellJS 全局變數。
meteor - Meteor 全局變數。
mongo - MongoDB 全局變數。
applescript - AppleScript 全局變數。
nashorn - Java 8 Nashorn 全局變數。
serviceworker - Service Worker 全局變數。
atomtest - Atom 測試全局變數。
embertest - Ember 測試全局變數。
webextensions - WebExtensions 全局變數。
greasemonkey - GreaseMonkey 全局變數。

　　可以在JavaScript 文件中使用註釋來指定環境

/* eslint-env node, mocha */

　　也可以在配置文件里指定環境，使用 env 關鍵字指定想啟用的環境，並設置它們為 true

{
    "env": {
        "browser": true,
        "node": true
    }
}

　　如果想在一個特定的插件中使用一種環境，確保提前在 plugins 數組裡指定了插件名，然後在 env 配置中不帶首碼的插件名後跟一個 / ，緊隨著環境名

{
    "plugins": ["example"],
    "env": {
        "example/custom": true
    }
}

【配置插件】

　　ESLint 支持使用第三方插件。在使用插件之前，必須使用 npm 安裝它。

　　在配置文件里配置插件時，可以使用 plugins 關鍵字來存放插件名字的列表。插件名稱可以省略 eslint-plugin- 首碼

{
    "plugins": [
        "plugin1",
        "eslint-plugin-plugin2"
    ]
}

　　註意：由於 Node.js 的 require 函數的行為，全局安裝的 ESLint 實例只能使用全局安裝的 ESLint 插件，本地安裝的版本，只能用本地安裝的插件。不支持混合本地和全局插件

【配置規則】

　　ESLint 附帶有大量的規則。可以使用註釋或配置文件修改項目中要使用的規則。要改變一個規則設置，必須將規則 ID 設置為下列值之一：

"off" 或 0 - 關閉規則
"warn" 或 1 - 開啟規則，使用警告級別的錯誤：warn (不會導致程式退出)
"error" 或 2 - 開啟規則，使用錯誤級別的錯誤：error (當被觸發的時候，程式會退出)

　　為了在文件註釋里配置規則，使用以下格式的註釋：

/* eslint eqeqeq: "off", curly: "error" */

　　也可以在配置文件中進行規則配置

{
    "rules": {
        "eqeqeq": "off",
        "curly": "error",
        "quotes": ["error", "double"]
    }
}

　　配置定義在插件中的一個規則的時候，必須使用 插件名/規則ID 的形式

{
    "plugins": [
        "plugin1"
    ],
    "rules": {
        "eqeqeq": "off",
        "curly": "error",
        "quotes": ["error", "double"],
        "plugin1/rule1": "error"
    }
}

　　也可以使用這種格式的註釋配置

/* eslint "plugin1/rule1": "error" */

【配置繼承】

　　一個配置文件可以被基礎配置中的已啟用的規則繼承

　　值為 "eslint:recommended" 的 extends 屬性啟用一系列核心規則，這些規則報告一些常見問題。這個推薦的子集只能在 ESLint 主要版本進行更新

"extends": "eslint:recommended"

　　插件是一個 npm 包，通常輸出規則。一些插件也可以輸出一個或多個命名的 配置。要確保這個包安裝在 ESLint 能請求到的目錄下

{
    "plugins": [
        "react"
    ],
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended"
    ],
    "rules": {
       "no-set-state": "off"
    }
}

　　extends 屬性值可以是基本配置文件的絕對路徑或相對路徑。 ESLint 解析基本配置文件的相對路徑相對使用的配置文件，除非那個文件在主目錄或非 ESLint 安裝目錄的父級目錄。在這些情況下，ESLint 解析基本配合文件的相對路徑相對於被檢測的項目目錄（尤其是當前工作目錄）

{
    "extends": [
        "./node_modules/coding-standard/eslintDefaults.js",
        "./node_modules/coding-standard/.eslintrc-es6",
        "./node_modules/coding-standard/.eslintrc-jsx"
    ],
    "rules": {
        "eqeqeq": "warn"
    }
}

【配置忽略】

　　可以通過在項目根目錄創建一個 .eslintignore 文件告訴 ESLint 去忽略特定的文件和目錄

　　.eslintignore 文件是一個純文本文件，其中的每一行都是一個 glob 模式表明哪些路徑應該忽略檢測

　　例如，以下將忽略所有的 JavaScript 文件：

**/*.js

　　如果沒有發現 .eslintignore 文件，也沒有指定替代文件，ESLint 將在 package.json 文件中查找 eslintIgnore 鍵，來檢查要忽略的文件

{
  "name": "mypackage",
  "version": "0.0.1",
  "eslintConfig": {
      "env": {
          "browser": true,
          "node": true
      }
  },
  "eslintIgnore": ["hello.js", "world.js"]
}

 

NodeJS

　　下麵來介紹NodeJS環境下如何配置airbnb-base的eslint規則

　　1、本地安裝eslint、eslint-config-airbnb-base、eslint-plugin-import

npm install --save-dev eslint
npm install --save-dev eslint-config-airbnb-base
npm install --save-dev eslint-plugin-import

　　註意： 最好使用npm，而不是cnpm安裝。因為在使用本地安裝的eslint時，會使用其安裝路徑。而npm和cnpm的安裝路徑不一致

　　2、安裝成功後，package.json文件中增加如下欄位

  "devDependencies": {
    "eslint": "^4.19.1",
    "eslint-config-airbnb-base": "^12.1.0",
    "eslint-plugin-import": "^2.12.0"
  }

　　3、在根目錄下設置.eslintrc.js配置文件

module.exports = {
  "extends": ["airbnb-base"],
  "env": {
    "es6": true,
    "node": true
  },
  "rules": {
    "comma-dangle": ["error", "never"], // 要求或禁止末尾逗號：不允許逗號
    "indent": ["error", 2], // JavaScript代碼強制使用一致的縮進：2格縮進
    "semi": ["error", "never"], // 不使用分號
    "arrow-parens": ["error", "as-needed"], // 箭頭函數的參數可以不使用圓括弧
    "linebreak-style": "off", // 取消換行符\n或\r\n的驗證
    "object-curly-newline": ["error", { "consistent": true }], // 花括弧內的換行符不一定要格式一致
    "function-paren-newline": "off", // 不驗證函數括弧內的換行
    "import/extensions": "off", // 取消對文件擴展名的驗證
    "no-param-reassign": "off", // 允許對函數參數進行再賦值
    "no-underscore-dangle": "off", // 允許在標識符中使用下劃線
    "no-use-before-define": "off", // 允許變數和函數在定義前使用
    "no-unused-expressions": "off", // 允許使用未使用過的表達式，以此來支持a && a()的代碼形式
    "no-console": "off", // 啟用console控制台
    "consistent-return": "off", // 關閉函數中return的檢測
    "no-shadow": "off", // 可以使用同名變數,
    "newline-per-chained-call": "off", //取消方法鏈調用中的換行符的檢測
    "import/newline-after-import": "off"
  }
}

　　4、在命令行工具中使用命令，對文件進行lint校驗

PS D:\blog\api\node_modules\.bin> ./eslint ../../index.js

D:\blog\api\index.js
  16:1  error  'a' is not defined  no-undef

✖ 1 problem (1 error, 0 warnings)

 

React

　　1、安裝react-app-rewired-eslint使react項目支持eslint

npm install react-app-rewired react-app-rewire-eslint --save

　　然後在根目錄下，創建一個config-overrides.js配置文件

const rewireEslint = require('react-app-rewire-eslint');

function overrideEslintOptions(options) {
  // do stuff with the eslint options...
  return options;
}

/* config-overrides.js */
module.exports = function override(config, env) {
  config = rewireEslint(config, env, overrideEslintOptions);
  return config;
}

　　2、安裝eslint-config-airbnb配置合集

npm install --save-dev eslint-config-airbnb

　　Airbnb包括了以下三個插件

eslint-plugin-import
eslint-plugin-react 
eslint-plugin-jsx-a11y

　　接著，在根目錄下創建.eslintrc.js配置文件

module.exports = {
  // 指定校驗的ECMAScript的版本及特性
  "parserOptions": {
    "ecmaVersion": 7, // ECMAScript版本，7為ES7
    "sourceType": "module", //預設script，如果代碼是ECMAScript模塊，設置為module
    "ecmaFeatures": { // 使用額外的語言特性
        "jsx": true // 啟用JSX
    }
  },
  // 當訪問未定義的變數時，no-undef 規則將發出警告
  // 指定腳本的運行環境。每種環境都有一組特定的預定義全局變數
  "env": {
    "es6": true,
    "node": true,
    "browser": true,
  },
  // 當訪問未定義的變數時，no-undef 規則將發出警告
  // 腳本在執行期間訪問的額外的全局變數
  "globals": {
    "document": true,
    "navigator": true,
    "window":true,
    "node":true
  },
  // 使用第三方airbnb開發配置合集
  "extends": "airbnb",
  // eslint-config-airbnb包括了以下3個插件
  "plugins": [
    "react",
    "jsx-a11y",
    "import"
  ],
  // 定義自己的規則
  "rules": {
    "comma-dangle": ["error", "never"], // 要求或禁止末尾逗號：不允許逗號
    "indent": ["error", 2], // JavaScript代碼強制使用一致的縮進：2格縮進
    "semi": ["error", "never"], // 不使用分號
    "arrow-parens": ["error", "as-needed"], // 箭頭函數的參數可以不使用圓括弧
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], //reajs文件的尾碼名為.js或.jsx均可
    "linebreak-style": "off", // 取消換行符\n或\r\n的驗證
    "object-curly-newline": ["error", { "consistent": true }], // 花括弧內的換行符不一定要格式一致
    "function-paren-newline": "off", // 不驗證函數括弧內的換行
    "import/extensions": "off", // 取消對文件擴展名的驗證
    "import/no-unresolved": "off", // 取消自動解析路徑，以此開啟alias的別名路徑設置
    "no-shadow": "off", // 取消變數聲明覆蓋的驗證，保證mapDispatchToProps的正確使用
    "no-param-reassign": "off", // 允許對函數參數進行再賦值
    "no-underscore-dangle": "off", // 允許在標識符中使用下劃線
    "no-use-before-define": "off", // 允許變數和函數在定義前使用
    "no-unused-expressions": "off", // 允許使用未使用過的表達式，以此來支持a && a()的代碼形式
    "jsx-a11y/anchor-is-valid": [ "error", { "components": [ "Link" ], "specialLink": [ "to" ]}], // 允許正常地使用Link
    "import/no-extraneous-dependencies": "off", //使用history/createBrowserHistory引入包時，不會報錯
    "no-console": "off" // 啟用console控制台
  }
};

 

Vue

　　使用vue-cli創建項目時，如果使用eslint，會有如下圖所示的選項，選擇使用standard還是airbnb規範

　　以standard規範創建成功後，package.json文件，會出現如下欄位

    "eslint": "^4.15.0",
    "eslint-config-standard": "^10.2.1",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-node": "^5.2.0",
    "eslint-plugin-promise": "^3.4.0",
    "eslint-plugin-standard": "^3.0.1",
    "eslint-plugin-vue": "^4.0.0",

　　與此同時，在根目錄下自動生成.eslintrc.js配置文件

// https://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint'
  },
  env: {
    browser: true
  },
  extends: [
    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
    'plugin:vue/base',
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
    'standard'
  ],
  // required to lint *.vue files
  plugins: ['vue'],
  // add your custom rules here
  rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  }
}

　　如果需要更改為更嚴格的驗證，可以下載並使用airbnb規範

npm install --save-dev eslint-config-airbnb-base

　　在extends欄位中，將standard更改為airbnb-base，將plugin:vue/base更改為plugin: vue/recommended

  extends: [
    'plugin:vue/recommended',
    'airbnb-base'
  ],

 　　添加一些自定義的規則，最終的配置文件如下所示

// https://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint'
  },
  env: {
    browser: true
  },
  extends: [
    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
    'plugin:vue/recommended',
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
    'airbnb-base'
  ],
  // required to lint *.vue files
  plugins: ['vue'],
  // add your custom rules here
  rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    "linebreak-style": "off", // 取消換行符\n或\r\n的驗證
    "semi": ["error", "never"], // 不使用分號
    "arrow-parens": ["error", "as-needed
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 微信小程式分享到朋友圈方法與技巧
    小程式提供onShareAppMessage 函數，此函數只支持分享給我微信朋友。小程式如何分享到朋友圈呢？ 我提供的方法是，使用canvas繪製一張圖片，並用wx.previewImage預覽圖片，然後長按圖片保存圖片到手機。再通過發朋友圈的方式，選擇保存的圖片，當用戶瀏覽朋友圈時，可以長按圖片、 ...
  • 前端基礎-HTTP協議
    一、 HTTP協議簡介 二、 HTTP協議之請求Request 三、 HTTP協議之響應Response 四、 HTTP協議完整工作流程 五、 HTTP協議關鍵性總結 六、自定義套接字分析HTTP協議 一、 HTTP協議簡介 作為學習前端開發的開始，我們必須搞明白以下幾件事 1、什麼是互聯網 互聯網 ...
  • js之廣告
    涉及到offset等有關獲取各種尺寸問題下 次總結 ...
  • HTML小記
    1、頁面內跳轉 當<a>元素用於頁面內的錨點跳轉時，應該先為該頁面設置一些錨點，而定義錨點有兩種辦法： 通過<a>元素的name屬性來定義，如：<a name="anchor-name">name屬性的值就是錨點的名稱<a> 通過其他元素的id屬性來定義，如：<div id="anchor-name ...
  • jQuery UI
    jQuery UI 其建立在 jQuery JavaScript 庫上。大致涉及三方面：用戶界面交互（與滑鼠交互相關的內容）、特效（提供豐富的動畫）、小部件（主要是一些界面的擴展）及主題 先來看一個用jQuery UI實現一個簡單的選擇題 Interactions主要包括（droppable,res ...
  • HTML5之拖拽
    HTML5拖放 拖放（Drag和drop）是H5標準的組成部分 此處需具備js基礎知識及其H5拖拽部分相關方法 下麵來看幾個例子 第一：本地拖放 第二：H5拖放 ...
  • CSS代碼檢查工具stylelint
    前面的話 CSS不能算是嚴格意義的編程語言，但是在前端體系中卻不能小覷。 CSS 是以描述為主的樣式表，如果描述得混亂、沒有規則，對於其他開發者一定是一個定時炸彈，特別是有強迫症的人群。CSS 看似簡單，想要寫出漂亮的 CSS 還是相當困難。所以校驗 CSS 規則的行動迫在眉睫。stylelint是 ...
  • CSS3-2
    倒圓角 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1>圓角邊框 —— border-radius IE9</h1> <!-- border-r ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類