詳解 ESLint 規則，規範你的代碼

来源:https://www.cnblogs.com/-walker/archive/2017/12/29/8143715.html
-Advertisement-
Play Games

在很久之前就想通過工具來規範自己的代碼風格，減少程式出錯的概率，如果看過我的 一個前端程式猿的Sublime Text3的自我修養 ，這篇博客的朋友，肯定知道在當時我使用 SublimeLinter-jshint 插件來規範風格，但是實際上一直懶癌發作也沒去看它的文檔，使用著它預設的規則。不過現在是 ...


在很久之前就想通過工具來規範自己的代碼風格，減少程式出錯的概率，如果看過我的 一個前端程式猿的Sublime Text3的自我修養 ，這篇博客的朋友，肯定知道在當時我使用 SublimeLinter-jshint 插件來規範風格，但是實際上一直懶癌發作也沒去看它的文檔，使用著它預設的規則。不過現在是時候切換到 ESLint 了！

作為一個

有理想有抱負

的前端工程師，只是使用預設規則，而不是看完文檔瞭然於心，顯然是不行滴 ^_^.. 團隊協作時，若是團隊的代碼風格統一，能夠大大減少溝通成本。（其實面試時和老大聊到代碼規範，當時就說到用 JSHint ，或者 ESLint 等工具來統一的。。。這也算是我來填一個坑吧~）

好了，前情摘要就到這，我們開始吧！

什麼是 ESLint ？

ESLint 是在 ECMAScript/JavaScript 代碼中識別和報告模式匹配的工具，它的目標是保證代碼的一致性和避免錯誤。在許多方面，它和 JSLint、JSHint 相似，除了少數的例外：

  • ESLint 使用 Espree 解析 JavaScript。
  • ESLint 使用 AST 去分析代碼中的模式
  • ESLint 是完全插件化的。每一個規則都是一個插件並且你可以在運行時添加更多的規則。

以上來自官網。不想再說下去，反正就是一個代碼風格檢測工具就對了

如何使用

  1. 安裝

    npm install -g eslint

  2. 如果你第一次使用 ESLint，你必須使用 –init 命令新建一個配置文件：

    eslint --init

  3. 使用 ESLint 檢測任何 JavaScript 文件：

    eslint test.js test2.js

  4. ESLint 中一些規則運行命令它可以幫你自動修複

    eslint test.js --fix

為了可以更直觀的反饋，可能更多的會直接安裝編輯器插件來進行錯誤提示，以Sublime 為例：

在 package control 中 ，先安裝在 SublimeLinter ，再安裝 SublimeLinter-contrib-eslint在項目目錄下新建 .eslintrc 文件，自定義規則。

重新載入文件應該就生效了（不生效的話 Ctrl+Shift+P 調用命令面板 找到 sublimelinter: toggle linter 設置生效就好了），其他的編輯器異曲同工，就不再說了。

關於在如何在構建工具中使用，在這裡不做說明（官網有）

規則定義

ESLint 支持幾種格式的配置文件，如果同一個目錄下有多個配置文件，ESLint 只會使用一個。優先順序順序如下：

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

下麵就是規則啦，本人使用了 .eslintrc 格式，說明也在裡面：

{
// 環境定義了預定義的全局變數。
"env": {
//環境定義了預定義的全局變數。更多在官網查看
"browser":true,
"node":true,
"commonjs":true,
"amd":true,
"es6":true,
"mocha":true
 },
// JavaScript 語言選項
"parserOptions": {
// ECMAScript 版本
"ecmaVersion":6,
"sourceType":"script",//module
// 想使用的額外的語言特性:
"ecmaFeatures": {
// 允許在全局作用域下使用 return 語句
"globalReturn":true,
// impliedStric
"impliedStrict":true,
// 啟用 JSX
"jsx":true
 }
 },
/**
 * "off" 或 0 - 關閉規則
 * "warn" 或 1 - 開啟規則，使用警告級別的錯誤：warn (不會導致程式退出),
 * "error" 或 2 - 開啟規則，使用錯誤級別的錯誤：error (當被觸發的時候，程式會退出)
 */
"rules": {

////////////////
// 可能的錯誤 //
////////////////

// 禁止條件表達式中出現賦值操作符
"no-cond-assign":2,
// 禁用 console
"no-console":0,
// 禁止在條件中使用常量表達式
// if (false) {
// doSomethingUnfinished();
// } //cuowu
"no-constant-condition":2,
// 禁止在正則表達式中使用控制字元 ：new RegExp("\x1f")
"no-control-regex":2,
// 數組和對象鍵值對最後一個逗號， never參數：不能帶末尾的逗號, always參數：必須帶末尾的逗號，
// always-multiline：多行模式必須帶逗號，單行模式不能帶逗號
"comma-dangle": [1,"always-multiline"],
// 禁用 debugger
"no-debugger":2,
// 禁止 function 定義中出現重名參數
"no-dupe-args":2,
// 禁止對象字面量中出現重覆的 key
"no-dupe-keys":2,
// 禁止重覆的 case 標簽
"no-duplicate-case":2,
// 禁止空語句塊
"no-empty":2,
// 禁止在正則表達式中使用空字元集 (/^abc[]/)
"no-empty-character-class":2,
// 禁止對 catch 子句的參數重新賦值
"no-ex-assign":2,
// 禁止不必要的布爾轉換
"no-extra-boolean-cast":2,
// 禁止不必要的括弧 //(a * b) + c;//報錯
"no-extra-parens":0,
// 禁止不必要的分號
"no-extra-semi":2,
// 禁止對 function 聲明重新賦值
"no-func-assign":2,
// 禁止在嵌套的塊中出現 function 或 var 聲明
"no-inner-declarations": [2,"functions"],
// 禁止 RegExp 構造函數中無效的正則表達式字元串
"no-invalid-regexp":2,
// 禁止在字元串和註釋之外不規則的空白
"no-irregular-whitespace":2,
// 禁止在 in 表達式中出現否定的左操作數
"no-negated-in-lhs":2,
// 禁止把全局對象 (Math 和 JSON) 作為函數調用 錯誤：var math = Math();
"no-obj-calls":2,
// 禁止直接使用 Object.prototypes 的內置屬性
"no-prototype-builtins":0,
// 禁止正則表達式字面量中出現多個空格
"no-regex-spaces":2,
// 禁用稀疏數組
"no-sparse-arrays":2,
// 禁止出現令人困惑的多行表達式
"no-unexpected-multiline":2,
// 禁止在return、throw、continue 和 break語句之後出現不可達代碼
/*
 function foo() {
 return true;
 console.log("done");
 }//錯誤
 */
"no-unreachable":2,
// 要求使用 isNaN() 檢查 NaN
"use-isnan":2,
// 強制使用有效的 JSDoc 註釋
"valid-jsdoc":1,
// 強制 typeof 表達式與有效的字元串進行比較
// typeof foo === "undefimed" 錯誤
"valid-typeof":2,


//////////////
// 最佳實踐 //
//////////////

// 定義對象的set存取器屬性時，強制定義get
"accessor-pairs":2,
// 強制數組方法的回調函數中有 return 語句
"array-callback-return":0,
// 強制把變數的使用限制在其定義的作用域範圍內
"block-scoped-var":0,
// 限制圈複雜度，也就是類似if else能連續接多少個
"complexity": [2,9],
// 要求 return 語句要麼總是指定返回的值，要麼不指定
"consistent-return":0,
// 強制所有控制語句使用一致的括弧風格
"curly": [2,"all"],
// switch 語句強制 default 分支，也可添加 // no default 註釋取消此次警告
"default-case":2,
// 強制object.key 中 . 的位置，參數:
// property，'.'號應與屬性在同一行
// object, '.' 號應與對象名在同一行
"dot-location": [2,"property"],
// 強制使用.號取屬性
// 參數： allowKeywords：true 使用保留字做屬性名時，只能使用.方式取屬性
// false 使用保留字做屬性名時, 只能使用[]方式取屬性 e.g [2, {"allowKeywords": false}]
// allowPattern: 當屬性名匹配提供的正則表達式時，允許使用[]方式取值,否則只能用.號取值 e.g [2, {"allowPattern": "^[a-z]+(_[a-z]+)+$"}]
"dot-notation": [2, {"allowKeywords":false}],
// 使用 === 替代 == allow-null允許null和undefined==
"eqeqeq": [2,"allow-null"],
// 要求 for-in 迴圈中有一個 if 語句
"guard-for-in":2,
// 禁用 alert、confirm 和 prompt
"no-alert":0,
// 禁用 arguments.caller 或 arguments.callee
"no-caller":2,
// 不允許在 case 子句中使用詞法聲明
"no-case-declarations":2,
// 禁止除法操作符顯式的出現在正則表達式開始的位置
"no-div-regex":2,
// 禁止 if 語句中有 return 之後有 else
"no-else-return":0,
// 禁止出現空函數.如果一個函數包含了一條註釋，它將不會被認為有問題。
"no-empty-function":2,
// 禁止使用空解構模式no-empty-pattern
"no-empty-pattern":2,
// 禁止在沒有類型檢查操作符的情況下與 null 進行比較
"no-eq-null":1,
// 禁用 eval()
"no-eval":2,
// 禁止擴展原生類型
"no-extend-native":2,
// 禁止不必要的 .bind() 調用
"no-extra-bind":2,
// 禁用不必要的標簽
"no-extra-label:":0,
// 禁止 case 語句落空
"no-fallthrough":2,
// 禁止數字字面量中使用前導和末尾小數點
"no-floating-decimal":2,
// 禁止使用短符號進行類型轉換(!!fOO)
"no-implicit-coercion":0,
// 禁止在全局範圍內使用 var 和命名的 function 聲明
"no-implicit-globals":1,
// 禁止使用類似 eval() 的方法
"no-implied-eval":2,
// 禁止 this 關鍵字出現在類和類對象之外
"no-invalid-this":0,
// 禁用 __iterator__ 屬性
"no-iterator":2,
// 禁用標簽語句
"no-labels":2,
// 禁用不必要的嵌套塊
"no-lone-blocks":2,
// 禁止在迴圈中出現 function 聲明和表達式
"no-loop-func":1,
// 禁用魔術數字(3.14什麼的用常量代替)
"no-magic-numbers":[1,{"ignore": [0,-1,1] }],
// 禁止使用多個空格
"no-multi-spaces":2,
// 禁止使用多行字元串，在 JavaScript 中，可以在新行之前使用斜線創建多行字元串
"no-multi-str":2,
// 禁止對原生對象賦值
"no-native-reassign":2,
// 禁止在非賦值或條件語句中使用 new 操作符
"no-new":2,
// 禁止對 Function 對象使用 new 操作符
"no-new-func":0,
// 禁止對 String，Number 和 Boolean 使用 new 操作符
"no-new-wrappers":2,
// 禁用八進位字面量
"no-octal":2,
// 禁止在字元串中使用八進位轉義序列
"no-octal-escape":2,
// 不允許對 function 的參數進行重新賦值
"no-param-reassign":0,
// 禁用 __proto__ 屬性
"no-proto":2,
// 禁止使用 var 多次聲明同一變數
"no-redeclare":2,
// 禁用指定的通過 require 載入的模塊
"no-return-assign":0,
// 禁止使用 javascript: url
"no-script-url":0,
// 禁止自我賦值
"no-self-assign":2,
// 禁止自身比較
"no-self-compare":2,
// 禁用逗號操作符
"no-sequences":2,
// 禁止拋出非異常字面量
"no-throw-literal":2,
// 禁用一成不變的迴圈條件
"no-unmodified-loop-condition":2,
// 禁止出現未使用過的表達式
"no-unused-expressions":0,
// 禁用未使用過的標簽
"no-unused-labels":2,
// 禁止不必要的 .call() 和 .apply()
"no-useless-call":2,
// 禁止不必要的字元串字面量或模板字面量的連接
"no-useless-concat":2,
// 禁用不必要的轉義字元
"no-useless-escape":0,
// 禁用 void 操作符
"no-void":0,
// 禁止在註釋中使用特定的警告術語
"no-warning-comments":0,
// 禁用 with 語句
"no-with":2,
// 強制在parseInt()使用基數參數
"radix":2,
// 要求所有的 var 聲明出現在它們所在的作用域頂部
"vars-on-top":0,
// 要求 IIFE 使用括弧括起來
"wrap-iife": [2,"any"],
// 要求或禁止 “Yoda” 條件
"yoda": [2,"never"],
// 要求或禁止使用嚴格模式指令
"strict":0,


//////////////
// 變數聲明 //
//////////////

// 要求或禁止 var 聲明中的初始化(初值)
"init-declarations":0,
// 不允許 catch 子句的參數與外層作用域中的變數同名
"no-catch-shadow":0,
// 禁止刪除變數
"no-delete-var":2,
// 不允許標簽與變數同名
"no-label-var":2,
// 禁用特定的全局變數
"no-restricted-globals":0,
// 禁止 var 聲明 與外層作用域的變數同名
"no-shadow":0,
// 禁止覆蓋受限制的標識符
"no-shadow-restricted-names":2,
// 禁用未聲明的變數，除非它們在 /*global */ 註釋中被提到
"no-undef":2,
// 禁止將變數初始化為 undefined
"no-undef-init":2,
// 禁止將 undefined 作為標識符
"no-undefined":0,
// 禁止出現未使用過的變數
"no-unused-vars": [2, {"vars":"all","args":"none"}],
// 不允許在變數定義之前使用它們
"no-use-before-define":0,

//////////////////////////
// Node.js and CommonJS //
//////////////////////////

// require return statements after callbacks
"callback-return":0,
// 要求 require() 出現在頂層模塊作用域中
"global-require":1,
// 要求回調函數中有容錯處理
"handle-callback-err": [2,"^(err|error)$"],
// 禁止混合常規 var 聲明和 require 調用
"no-mixed-requires":0,
// 禁止調用 require 時使用 new 操作符
"no-new-require":2,
// 禁止對 __dirname 和 __filename進行字元串連接
"no-path-concat":0,
// 禁用 process.env
"no-process-env":0,
// 禁用 process.exit()
"no-process-exit":0,
// 禁用同步方法
"no-sync":0,

//////////////
// 風格指南 //
//////////////

// 指定數組的元素之間要以空格隔開(, 後面)， never參數：[ 之前和 ] 之後不能帶空格，always參數：[ 之前和 ] 之後必須帶空格
"array-bracket-spacing": [2,"never"],
// 禁止或強制在單行代碼塊中使用空格(禁用)
"block-spacing":[1,"never"],
//強制使用一致的縮進 第二個參數為 "tab" 時，會使用tab，
// if while function 後面的{必須與if在同一行，java風格。
"brace-style": [2,"1tbs", {"allowSingleLine":true}],
// 雙峰駝命名格式
"camelcase":2,
// 控制逗號前後的空格
"comma-spacing": [2, {"before":false,"after":true}],
// 控制逗號在行尾出現還是在行首出現 (預設行尾)
// http://eslint.org/docs/rules/comma-style
"comma-style": [2,"last"],
//"SwitchCase" (預設：0) 強制 switch 語句中的 case 子句的縮進水平
// 以方括弧取對象屬性時，[ 後面和 ] 前面是否需要空格, 可選參數 never, always
"computed-property-spacing": [2,"never"],
// 用於指統一在回調函數中指向this的變數名，箭頭函數中的this已經可以指向外層調用者，應該沒卵用了
// e.g [0,"that"] 指定只能 var that = this. that不能指向其他任何值，this也不能賦值給that以外的其他值
"consistent-this": [1,"that"],
// 強制使用命名的 function 表達式
"func-names":0,
// 文件末尾強制換行
"eol-last":2,
"indent": [2,4, {"SwitchCase":1}],
// 強制在對象字面量的屬性中鍵和值之間使用一致的間距
"key-spacing": [2, {"beforeColon":false,"afterColon":true}],
// 強制使用一致的換行風格
"linebreak-style": [1,"unix"],
// 要求在註釋周圍有空行 ( 要求在塊級註釋之前有一空行)
"lines-around-comment": [1,{"beforeBlockComment":true}],
// 強制一致地使用函數聲明或函數表達式，方法定義風格，參數：
// declaration: 強制使用方法聲明的方式，function f(){} e.g [2, "declaration"]
// expression：強制使用方法表達式的方式，var f = function() {} e.g [2, "expression"]
// allowArrowFunctions: declaration風格中允許箭頭函數。 e.g [2, "declaration", { "allowArrowFunctions": true }]
"func-style":0,
// 強制回調函數最大嵌套深度 5層
"max-nested-callbacks": [1,5],
// 禁止使用指定的標識符
"id-blacklist":0,
// 強制標識符的最新和最大長度
"id-length":0,
// 要求標識符匹配一個指定的正則表達式
"id-match":0,
// 強制在 JSX 屬性中一致地使用雙引號或單引號
"jsx-quotes":0,
// 強制在關鍵字前後使用一致的空格 (前後腰需要)
"keyword-spacing":2,
// 強制一行的最大長度
"max-len":[1,200],
// 強制最大行數
"max-lines":0,
// 強制 function 定義中最多允許的參數數量
"max-params":[1,7],
// 強制 function 塊最多允許的的語句數量
"max-statements":[1,200],
// 強制每一行中所允許的最大語句數量
"max-statements-per-line":0,
// 要求構造函數首字母大寫 （要求調用 new 操作符時有首字母大小的函數，允許調用首字母大寫的函數時沒有 new 操作符。）
"new-cap": [2, {"newIsCap":true,"capIsNew":false}],
// 要求調用無參構造函數時有圓括弧
"new-parens":2,
// 要求或禁止 var 聲明語句後有一行空行
"newline-after-var":0,
// 禁止使用 Array 構造函數
"no-array-constructor":2,
// 禁用按位運算符
"no-bitwise":0,
// 要求 return 語句之前有一空行
"newline-before-return":0,
// 要求方法鏈中每個調用都有一個換行符
"newline-per-chained-call":1,
// 禁用 continue 語句
"no-continue":0,
// 禁止在代碼行後使用內聯註釋
"no-inline-comments":0,
// 禁止 if 作為唯一的語句出現在 else 語句中
"no-lonely-if":0,
// 禁止混合使用不同的操作符
"no-mixed-operators":0,
// 不允許空格和 tab 混合縮進
"no-mixed-spaces-and-tabs":2,
// 不允許多個空行
"no-multiple-empty-lines": [2, {"max":2}],
// 不允許否定的表達式
"no-negated-condition":0,
// 不允許使用嵌套的三元表達式
"no-nested-ternary":0,
// 禁止使用 Object 的構造函數
"no-new-object":2,
// 禁止使用一元操作符 ++ 和 --
"no-plusplus":0,
// 禁止使用特定的語法
"no-restricted-syntax":0,
// 禁止 function 標識符和括弧之間出現空格
"no-spaced-func":2,
// 不允許使用三元操作符
"no-ternary":0,
// 禁用行尾空格
"no-trailing-spaces":2,
// 禁止標識符中有懸空下劃線_bar
"no-underscore-dangle":0,
// 禁止可以在有更簡單的可替代的表達式時使用三元操作符
"no-unneeded-ternary":2,
// 禁止屬性前有空白
"no-whitespace-before-property":0,
// 強制花括弧內換行符的一致性
"object-curly-newline":0,
// 強制在花括弧中使用一致的空格
"object-curly-spacing":0,
// 強制將對象的屬性放在不同的行上
"object-property-newline":0,
// 強制函數中的變數要麼一起聲明要麼分開聲明
"one-var": [2, {"initialized":"never"}],
// 要求或禁止在 var 聲明周圍換行
"one-var-declaration-per-line":0,
// 要求或禁止在可能的情況下要求使用簡化的賦值操作符
"operator-assignment":0,
// 強制操作符使用一致的換行符
"operator-linebreak": [2,"after", {"overrides": {"?":"before",":":"before"} }],
// 要求或禁止塊內填充
"padded-blocks":0,
// 要求對象字面量屬性名稱用引號括起來
"quote-props":0,
// 強制使用一致的反勾號、雙引號或單引號
"quotes": [2,"single","avoid-escape"],
// 要求使用 JSDoc 註釋
"require-jsdoc":1,
// 要求或禁止使用分號而不是 ASI（這個才是控制行尾部分號的，）
"semi": [2,"always"],
// 強制分號之前和之後使用一致的空格
"semi-spacing":0,
// 要求同一個聲明塊中的變數按順序排列
"sort-vars":0,
// 強制在塊之前使用一致的空格
"space-before-blocks": [2,"always"],
// 強制在 function的左括弧之前使用一致的空格
"space-before-function-paren": [2,"always"],
// 強制在圓括弧內使用一致的空格
"space-in-parens": [2,"never"],
// 要求操作符周圍有空格
"space-infix-ops":2,
// 強制在一元操作符前後使用一致的空格
"space-unary-ops": [2, {"words":true,"nonwords":false}],
// 強制在註釋中 // 或 /* 使用一致的空格
"spaced-comment": [2,"always", {"markers": ["global","globals","eslint","eslint-disable","*package","!"] }],
// 要求或禁止 Unicode BOM
"unicode-bom":0,
// 要求正則表達式被括弧括起來
"wrap-regex":0,

//////////////
// ES6.相關 //
//////////////

// 要求箭頭函數體使用大括弧
"arrow-body-style":2,
// 要求箭頭函數的參數使用圓括弧
"arrow-parens":2,
"arrow-spacing":[2,{"before":true,"after":true}],
// 強制在子類構造函數中用super()調用父類構造函數，TypeScrip的編譯器也會提示
"constructor-super":0,
// 強制 generator 函數中 * 號周圍使用一致的空格
"generator-star-spacing": [2, {"before":true,"after":true}],
// 禁止修改類聲明的變數
"no-class-assign":2,
// 不允許箭頭功能，在那裡他們可以混淆的比較
"no-confusing-arrow":0,
// 禁止修改 const 聲明的變數
"no-const-assign":2,
// 禁止類成員中出現重覆的名稱
"no-dupe-class-members":2,
// 不允許複製模塊的進口
"no-duplicate-imports":0,
// 禁止 Symbol 的構造函數
"no-new-symbol":2,
// 允許指定模塊載入時的進口
"no-restricted-imports":0,
// 禁止在構造函數中，在調用 super() 之前使用 this 或 super
"no-this-before-super":2,
// 禁止不必要的計算性能鍵對象的文字
"no-useless-computed-key":0,
// 要求使用 let 或 const 而不是 var
"no-var":0,
// 要求或禁止對象字面量中方法和屬性使用簡寫語法
"object-shorthand":0,
// 要求使用箭頭函數作為回調
"prefer-arrow-callback":0,
// 要求使用 const 聲明那些聲明後不再被修改的變數
"prefer-const":0,
// 要求在合適的地方使用 Reflect 方法
"prefer-reflect":0,
// 要求使用擴展運算符而非 .apply()
"prefer-spread":0,
// 要求使用模板字面量而非字元串連接
"prefer-template":0,
// Suggest using the rest parameters instead of arguments
"prefer-rest-params":0,
// 要求generator 函數內有 yield
"require-yield":0,
// enforce spacing between rest and spread operators and their expressions
"rest-spread-spacing":0,
// 強制模塊內的 import 排序
"sort-imports":0,
// 要求或禁止模板字元串中的嵌入表達式周圍空格的使用
"template-curly-spacing":1,
// 強制在 yield* 表達式中 * 周圍使用空格
"yield-star-spacing":2
 }
}

原文鏈接：https://www.tuicool.com/articles/rIFBfey


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 【手記】手機網頁彈出層後屏蔽底層的滑動響應
    這個需求場景很常見，但好像到目前還沒有一個正統的做法，以至於一搜這個問題，出來的招數五花八門，典型的包括： 給body上overflow:hidden，fixed什麼的。問題在於：手機端可能沒用，或者會讓頁面回到頂部～影響體驗 簡單粗暴的屏蔽touchmove。問題在於：彈出層內部需要滾動就不行 張 ...
  • array方法(一)
    1:concat 2:join 3：pop 4：push 5：reverse 6：shift 7：slice 8：unshift 9：splice ...
  • canvas 從初級到XX 2# 讓我們在之前的基礎之上，再邁進一步吧 [中級向] （上）
    還是老樣子，先啰嗦一點前言。 最近各種事務纏身，所以也就隔了比較長的時間才開始碼這篇文。希望不會這麼快就過氣。 好了，接下來就開始碼代碼。（寫到中途，突然感覺到的。本篇設計大量初中物理知識，請懷念的往下看） 這次不像之前，是已經寫好的文件，拿出來解析一波，就糊弄出來了一篇隨筆。總之，我就一邊的編代碼 ...
  • javascript 通過鍵名獲取鍵盤的keyCode
    不廢話，直接看代碼，需要的根據需求完善。 例：getKeyCode('a') 返回：65 ...
  • JavaScript：AOP實現
    AOP的概念，使用過Spring的人應該都不陌生了。Dojo中，也是支持AOP的。對於JavaScript的其他框架、庫不知道有沒有AOP的支持。相信即便沒有支持，也不會太遠了。下麵就介紹一下使用JavaScript實現AOP。 AOP的思想就是在目標方法前後加入代碼： var result=nul ...
  • 瀏覽器的相容性問題，以及解決辦法
    相容性 相容性：瀏覽器相容問題和適配問題統稱為相容性問題 解決辦法 1.hack語法，控制解決辦法 <!--[if <keywords>? IE <version>?]> HTML代碼塊 <![endif]--> eg:<!--[if gt IE 6]> ...... <![endif]--> 說明 ...
  • JavaScript 實現的4種數字千位符格式化方法
    JS實現的4種數字千位符格式化方法 所謂的數字千分位形式，即從個位數起，每三位之間加一個逗號。例如“10,000”。針對這個需求，我起初寫了這樣一個函數： // 方法一 function toThousands(num) { var result = [ ], counter = 0; num = ...
  • .22-淺析webpack源碼之compile流程-事件流compilation總覽
    呃，終於到了這地方…… MMP，有31個函數，估計可以寫到明年了。 這裡先梳理所有事件的註入來源，經檢測，全部來源於WebpackOptionsApply中，回到那個可怕的模塊，梳理後如下： 還好都集中在一個地方，這樣又可以寫流水賬了。 這裡先要過一個地方，之前似乎遺留了： 這裡註入了entry-o ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類