qns: change qn formatting in README

yangshun · yangshun · commit 62862f6005bf · 2024-06-23T15:42:27.000+08:00
diff --git a/README.md b/README.md
diff --git a/data/questions.json b/data/questions.json
@@ -20,7 +20,6 @@
     "explain-the-difference-between-the--and--operators",
     "what-are-the-different-types-of-loops-in-javascript",
     "what-is-the-purpose-of-the-break-and-continue-statements",
-    "explain-the-difference-between--and--operators",
     "what-is-the-ternary-operator-and-how-is-it-used",
     "what-is-the-difference-between-forin-and-forof-loops",
     "how-do-you-access-the-index-of-an-element-in-an-array-during-iteration",
@@ -203,4 +202,4 @@
     "what-are-some-tools-and-techniques-for-identifying-security-vulnerabilities-in-javascript-code",
     "how-can-you-implement-secure-authentication-and-authorization-in-javascript-applications"
   ]
-}
+}
diff --git a/questions/explain-the-concept-of-a-callback-function-in-asynchronous-operations/en-US.mdx b/questions/explain-the-concept-of-a-callback-function-in-asynchronous-operations/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of a callback function in asynchronous operations.
+title: Explain the concept of a callback function in asynchronous operations
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-a-microtask-queue/en-US.mdx b/questions/explain-the-concept-of-a-microtask-queue/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of a microtask queue.
+title: Explain the concept of a microtask queue
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-caching-and-how-it-can-be-used-to-improve-performance/en-US.mdx b/questions/explain-the-concept-of-caching-and-how-it-can-be-used-to-improve-performance/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of caching and how it can be used to improve performance.
+title: Explain the concept of caching and how it can be used to improve performance
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-classes-in-es2015-and-how-they-differ-from-constructor-functions/en-US.mdx b/questions/explain-the-concept-of-classes-in-es2015-and-how-they-differ-from-constructor-functions/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of classes in ES2015 and how they differ from constructor functions.
+title: Explain the concept of classes in ES2015 and how they differ from constructor functions
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-code-coverage-and-how-it-can-be-used-to-assess-test-quality/en-US.mdx b/questions/explain-the-concept-of-code-coverage-and-how-it-can-be-used-to-assess-test-quality/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of code coverage and how it can be used to assess test quality.
+title: Explain the concept of code coverage and how it can be used to assess test quality
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-content-security-policy-csp-and-how-it-enhances-security/en-US.mdx b/questions/explain-the-concept-of-content-security-policy-csp-and-how-it-enhances-security/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of Content Security Policy (CSP) and how it enhances security.
+title: Explain the concept of Content Security Policy (CSP) and how it enhances security
 ---
 
 ## TL;DR
@@ -59,12 +59,13 @@ Content-Security-Policy: default-src 'self'; script-src 'self' https://trusted.c
 #### Using meta tags
 
 ```html
-<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://trusted.cdn.com">
+<meta
+  http-equiv="Content-Security-Policy"
+  content="default-src 'self'; script-src 'self' https://trusted.cdn.com" />
 ```
 
 ## Further reading
 
 - [MDN Web Docs: Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP)
 - [OWASP: Content Security Policy](https://owasp.org/www-project-secure-headers/#content-security-policy)
 - [Google Developers: CSP: Content Security Policy](https://developers.google.com/web/fundamentals/security/csp)
-
diff --git a/questions/explain-the-concept-of-cross-site-request-forgery-csrf-and-its-mitigation-techniques/en-US.mdx b/questions/explain-the-concept-of-cross-site-request-forgery-csrf-and-its-mitigation-techniques/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of Cross-Site Request Forgery (CSRF) and its mitigation techniques.
+title: Explain the concept of Cross-Site Request Forgery (CSRF) and its mitigation techniques
 ---
 
 ## TL;DR
@@ -28,7 +28,7 @@ One of the most effective ways to prevent CSRF attacks is by using anti-CSRF tok
 
 ```html
 <form method="POST" action="/update-profile">
-  <input type="hidden" name="csrf_token" value="unique_token_value">
+  <input type="hidden" name="csrf_token" value="unique_token_value" />
   <!-- other form fields -->
   <button type="submit">Update Profile</button>
 </form>
@@ -61,4 +61,3 @@ Access-Control-Allow-Origin: https://trustedwebsite.com
 - [OWASP CSRF Prevention Cheat Sheet](https://cheatsheetseries.owasp.org/cheatsheets/Cross-Site_Request_Forgery_Prevention_Cheat_Sheet.html)
 - [MDN Web Docs: SameSite cookies](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie/SameSite)
 - [MDN Web Docs: Cross-Origin Resource Sharing (CORS)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS)
-
diff --git a/questions/explain-the-concept-of-debouncing-and-throttling/en-US.mdx b/questions/explain-the-concept-of-debouncing-and-throttling/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of debouncing and throttling.
+title: Explain the concept of debouncing and throttling
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-destructuring-assignment-for-objects-and-arrays/en-US.mdx b/questions/explain-the-concept-of-destructuring-assignment-for-objects-and-arrays/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of destructuring assignment for objects and arrays.
+title: Explain the concept of destructuring assignment for objects and arrays
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-error-propagation-in-javascript/en-US.mdx b/questions/explain-the-concept-of-error-propagation-in-javascript/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of error propagation in JavaScript.
+title: Explain the concept of error propagation in JavaScript
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-event-delegation/en-US.mdx b/questions/explain-the-concept-of-event-delegation/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of event delegation.
+title: Explain the concept of event delegation
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-higher-order-functions/en-US.mdx b/questions/explain-the-concept-of-higher-order-functions/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of higher-order functions.
+title: Explain the concept of higher-order functions
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-hoisting-with-regards-to-functions/en-US.mdx b/questions/explain-the-concept-of-hoisting-with-regards-to-functions/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of hoisting with regards to functions.
+title: Explain the concept of hoisting with regards to functions
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-inheritance-in-es2015-classes/en-US.mdx b/questions/explain-the-concept-of-inheritance-in-es2015-classes/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of inheritance in ES2015 classes.
+title: Explain the concept of inheritance in ES2015 classes
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-input-validation-and-its-importance-in-security/en-US.mdx b/questions/explain-the-concept-of-input-validation-and-its-importance-in-security/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of input validation and its importance in security.
+title: Explain the concept of input validation and its importance in security
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-lazy-loading-and-how-it-can-improve-performance/en-US.mdx b/questions/explain-the-concept-of-lazy-loading-and-how-it-can-improve-performance/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of lazy loading and how it can improve performance.
+title: Explain the concept of lazy loading and how it can improve performance
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-lexical-scoping/en-US.mdx b/questions/explain-the-concept-of-lexical-scoping/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of lexical scoping.
+title: Explain the concept of lexical scoping
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-object-prototypes-and-prototypal-inheritance/en-US.mdx b/questions/explain-the-concept-of-object-prototypes-and-prototypal-inheritance/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of object prototypes and prototypal inheritance.
+title: Explain the concept of object prototypes and prototypal inheritance
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-partial-application/en-US.mdx b/questions/explain-the-concept-of-partial-application/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of partial application.
+title: Explain the concept of partial application
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-prototypal-inheritance-in-javascript/en-US.mdx b/questions/explain-the-concept-of-prototypal-inheritance-in-javascript/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of prototypal inheritance in JavaScript.
+title: Explain the concept of prototypal inheritance in JavaScript
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-scope-in-javascript/en-US.mdx b/questions/explain-the-concept-of-scope-in-javascript/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of scope in JavaScript.
+title: Explain the concept of scope in JavaScript
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-tagged-templates/en-US.mdx b/questions/explain-the-concept-of-tagged-templates/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of tagged templates.
+title: Explain the concept of tagged templates
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-test-driven-development-tdd/en-US.mdx b/questions/explain-the-concept-of-test-driven-development-tdd/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of test-driven development (TDD).
+title: Explain the concept of test-driven development (TDD)
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-the-prototype-pattern/en-US.mdx b/questions/explain-the-concept-of-the-prototype-pattern/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of the Prototype pattern.
+title: Explain the concept of the Prototype pattern
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-the-singleton-pattern/en-US.mdx b/questions/explain-the-concept-of-the-singleton-pattern/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of the Singleton pattern.
+title: Explain the concept of the Singleton pattern
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-the-spread-operator-and-its-uses/en-US.mdx b/questions/explain-the-concept-of-the-spread-operator-and-its-uses/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of the spread operator and its uses.
+title: Explain the concept of the spread operator and its uses
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-the-strategy-pattern/en-US.mdx b/questions/explain-the-concept-of-the-strategy-pattern/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of the Strategy pattern.
+title: Explain the concept of the Strategy pattern
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-the-web-socket-api/en-US.mdx b/questions/explain-the-concept-of-the-web-socket-api/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of the Web Socket API.
+title: Explain the concept of the Web Socket API
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-this-binding-in-event-handlers/en-US.mdx b/questions/explain-the-concept-of-this-binding-in-event-handlers/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of `this` binding in event handlers.
+title: Explain the concept of `this` binding in event handlers
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-concept-of-tree-shaking-in-module-bundling/en-US.mdx b/questions/explain-the-concept-of-tree-shaking-in-module-bundling/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the concept of tree shaking in module bundling.
+title: Explain the concept of tree shaking in module bundling
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-difference-between--and--operators/en-US.mdx b/questions/explain-the-difference-between--and--operators/en-US.mdx
diff --git a/questions/explain-the-difference-between--and--operators/metadata.json b/questions/explain-the-difference-between--and--operators/metadata.json
diff --git a/questions/explain-the-difference-between-classical-inheritance-and-prototypal-inheritance/en-US.mdx b/questions/explain-the-difference-between-classical-inheritance-and-prototypal-inheritance/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the difference between classical inheritance and prototypal inheritance.
+title: Explain the difference between classical inheritance and prototypal inheritance
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-difference-between-commonjs-and-es-modules/en-US.mdx b/questions/explain-the-difference-between-commonjs-and-es-modules/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the difference between CommonJS and ES modules.
+title: Explain the difference between CommonJS and ES modules
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-difference-between-documentqueryselector-and-documentgetelementbyid/en-US.mdx b/questions/explain-the-difference-between-documentqueryselector-and-documentgetelementbyid/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the difference between `document.querySelector()` and `document.getElementById()`.
+title: Explain the difference between `document.querySelector()` and `document.getElementById()`
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-difference-between-dot-notation-and-bracket-notation-for-accessing-object-properties/en-US.mdx b/questions/explain-the-difference-between-dot-notation-and-bracket-notation-for-accessing-object-properties/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the difference between dot notation and bracket notation for accessing object properties.
+title: Explain the difference between dot notation and bracket notation for accessing object properties
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-difference-between-global-scope-function-scope-and-block-scope/en-US.mdx b/questions/explain-the-difference-between-global-scope-function-scope-and-block-scope/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the difference between global scope, function scope, and block scope.
+title: Explain the difference between global scope, function scope, and block scope
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-difference-between-shallow-copy-and-deep-copy/en-US.mdx b/questions/explain-the-difference-between-shallow-copy-and-deep-copy/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the difference between shallow copy and deep copy.
+title: Explain the difference between shallow copy and deep copy
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-difference-between-the--and--operators/en-US.mdx b/questions/explain-the-difference-between-the--and--operators/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the difference between the `==` and `===` operators.
+title: Explain the difference between the `==` and `===` operators
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-difference-between-unit-testing-integration-testing-and-end-to-end-testing/en-US.mdx b/questions/explain-the-difference-between-unit-testing-integration-testing-and-end-to-end-testing/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the difference between unit testing, integration testing, and end-to-end testing.
+title: Explain the difference between unit testing, integration testing, and end-to-end testing
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-difference-in-hoisting-between-var-let-and-const/en-US.mdx b/questions/explain-the-difference-in-hoisting-between-var-let-and-const/en-US.mdx
@@ -1,5 +1,5 @@
 ---
-title: Explain the difference in hoisting between `var`, `let`, and `const`.
+title: Explain the difference in hoisting between `var`, `let`, and `const`
 ---
 
 ## TL;DR
diff --git a/questions/explain-the-different-states-of-a-promise/en-US.mdx b/questions/explain-the-different-states-of-a-promise/en-US.mdx
diff --git a/questions/explain-the-different-ways-the-this-keyword-can-be-bound/en-US.mdx b/questions/explain-the-different-ways-the-this-keyword-can-be-bound/en-US.mdx
diff --git a/questions/explain-the-observer-pattern-and-its-use-cases/en-US.mdx b/questions/explain-the-observer-pattern-and-its-use-cases/en-US.mdx
diff --git a/questions/explain-the-purpose-of-the-following-apis-localstorage-sessionstorage-indexeddb/en-US.mdx b/questions/explain-the-purpose-of-the-following-apis-localstorage-sessionstorage-indexeddb/en-US.mdx
diff --git a/questions/provide-some-examples-of-how-currying-and-partial-application-can-be-used/en-US.mdx b/questions/provide-some-examples-of-how-currying-and-partial-application-can-be-used/en-US.mdx
diff --git a/scripts/gen.ts b/scripts/gen.ts
