- Frameworks
- UI
- Basic
- text
- export \& import
- the default export can be imported with any name
- this
- IIFE (Immediately Invokable Function Expression)
- Chrome Cross origin requests
- pdf.js
- JQuery
- events
- JSX
- MDX
- node
- Install
- Node Package Manage
- Version Manager
Frameworks¶
- Vue: https://nuxtjs.org/
- React: https://nextjs.org/
UI¶
- byCF: https://kumo-ui.com/
Basic¶
text¶
if ("ab"+"c".includes("bc")) { t="_3"; console.log(`t${t}`.replace(/\d/, "").length); } else if (true) {} else { } // Out: 2
export & import¶
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import
# the default export can be imported with any name export default k; // file test.js import anyName from “./test”;
this¶
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this
const test = {
prop: 42,
func: function() {
return this.prop;
},
};
IIFE (Immediately Invokable Function Expression)¶
(function() {
statements
})();
Chrome Cross origin requests¶
Cross origin requests are only supported for protocol schemes:
http, data, chrome, chrome-extension, https.
pdf.js¶
https://github.com/mozilla/pdf.js/tree/master/examples/helloworld
JQuery¶
events¶
http://api.jquery.com/category/events/
JSX¶
an XML-like syntax extension to ECMAScript without any defined semantics: https://facebook.github.io/jsx/ const element = <h1>Hello, world!</h1>;: https://zh-hans.reactjs.org/docs/introducing-jsx.html
MDX¶
JSX + Markdown: https://mdxjs.com/docs/what-is-mdx/
node¶
Schedule 
Install¶
apt update && apt install nodejs npm
corepack enable # ls .cache/node/corepack
corepack enable npm # globally
corepack install --global pnpm@*
Node Package Manage¶
Default/Simple: npm.
Large Teams/Monorepo: Yarn (for features) or pnpm (for efficiency).
Speed/Efficiency: pnpm
Version Manager¶
volta¶
curl https://get.volta.sh | bash
volta list
volta install node@18