2021年9月10日

摘要: npx npm i -D @babel/preset-react webpack.config.js { "presets": [ [ "@babel/preset-env", { "targets": { "chrome": "90" }, "useBuiltIns": "usage" } ], 阅读全文
posted @ 2021-09-10 10:44 aisowe 阅读(8) 评论(0) 推荐(0) 编辑
摘要: webpack.analysis.js const { merge } = require('webpack-merge') const commonConfig = require('./webpack.common') const { BundleAnalyzerPlugin } = requi 阅读全文
posted @ 2021-09-10 10:44 aisowe 阅读(4) 评论(0) 推荐(0) 编辑
摘要: webpack.config.js module.exports = { module: { rules: [ { test: /\.(css|scss)$/, use: [ 'style-loader', { loader: 'css-loader', options: { importLoade 阅读全文
posted @ 2021-09-10 10:43 aisowe 阅读(14) 评论(0) 推荐(0) 编辑
摘要: index.html <!DOCTYPE html> <html> <head> <!-- 定义网页编码格式 --> <meta charset="UTF-8" /> </head> <body> <script> alert("右究"); </script> </body> </html> 阅读全文
posted @ 2021-09-10 10:43 aisowe 阅读(7) 评论(0) 推荐(0) 编辑
摘要: index.js document.addEventListener('click', () => { import(/* webpackPrefetch: true */ 'lodash').then(({ default: { join } }) => { console.log(join([1 阅读全文
posted @ 2021-09-10 10:42 aisowe 阅读(6) 评论(0) 推荐(0) 编辑
摘要: index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <script> document.addEventListener("DOMContentLoaded", function () { console.log(doc 阅读全文
posted @ 2021-09-10 10:42 aisowe 阅读(5) 评论(0) 推荐(0) 编辑
摘要: index.js function Animal(race) { this.race = race; } Animal.prototype.eat = function () { console.log(`${this.race} is eatting.`); }; const bird = new 阅读全文
posted @ 2021-09-10 10:40 aisowe 阅读(4) 评论(0) 推荐(0) 编辑
摘要: operate install lower version of target loader. 阅读全文
posted @ 2021-09-10 10:38 aisowe 阅读(22) 评论(0) 推荐(0) 编辑
摘要: operate 保证 webpack-cli 和 webpack-dev-server 大版本号相同 阅读全文
posted @ 2021-09-10 10:37 aisowe 阅读(6) 评论(0) 推荐(0) 编辑
摘要: // sideEffects 的用法 阅读全文
posted @ 2021-09-10 10:17 aisowe 阅读(12) 评论(0) 推荐(0) 编辑
摘要: index.js import React, { Component } from 'react' import ReactDOM from 'react-dom' class Bar extends Component { constructor() { super() this.state = 阅读全文
posted @ 2021-09-10 10:16 aisowe 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 在 git status 时提示的是使用以下命令: git restore --staged file_name 也可以用老式的方法: git reset HEAD file_name 阅读全文
posted @ 2021-09-10 10:16 aisowe 阅读(7) 评论(0) 推荐(0) 编辑
摘要: index.js import React from 'react' import ReactDOM from 'react-dom' const UserNameInput = ({ getName }) => { return ( <input onInput={function (e) { g 阅读全文
posted @ 2021-09-10 10:15 aisowe 阅读(11) 评论(0) 推荐(0) 编辑
摘要: progress 阶段0:展示 阶段1:征集 阶段2:草案 阶段3:候选 阶段4:定案 阅读全文
posted @ 2021-09-10 10:15 aisowe 阅读(5) 评论(0) 推荐(0) 编辑
摘要: index.js import React from 'react' import ReactDOM from 'react-dom' const element = <h1>hello</h1> // 这是一个 React 元素 ReactDOM.render(element, document. 阅读全文
posted @ 2021-09-10 10:14 aisowe 阅读(6) 评论(0) 推荐(0) 编辑
摘要: https://www.iconfont.cn/ 资源管理 -> 我的项目 https://www.iconfont.cn/manage/index 新建项目 https://www.iconfont.cn/collections/index 搜索选择图标并添加至购物车 -> 添加至项目 -> 确定 阅读全文
posted @ 2021-09-10 10:13 aisowe 阅读(29) 评论(0) 推荐(0) 编辑
摘要: webpack.config.js const { resolve } = require('path') module.exports = { module: { rules: [ { test: /\.png$/, use: { loader: 'file-loader', options: { 阅读全文
posted @ 2021-09-10 10:13 aisowe 阅读(4) 评论(0) 推荐(0) 编辑
摘要: npm npm i -D url-loader webpack.config.js module.exports = { // ... module: { rules: [ { test: /\.png$/, use: 'url-loader', }, ], }, } 阅读全文
posted @ 2021-09-10 10:13 aisowe 阅读(13) 评论(0) 推荐(0) 编辑
摘要: app.js const http = require('http') const https = require('https') const Koa = require('koa') const app = new Koa() app.use(ctx => { ctx.body = 'Hello 阅读全文
posted @ 2021-09-10 10:12 aisowe 阅读(8) 评论(0) 推荐(0) 编辑
摘要: index.ts import * as _ from "lodash"; const list = [1, 2, 3, 4, 5]; const arr = _.chunk(list, 2); console.log(arr); // [[1, 2], [3, 4], [5]] 阅读全文
posted @ 2021-09-10 10:11 aisowe 阅读(6) 评论(0) 推荐(0) 编辑
摘要: index.js const list = [1, , 3]; Array.apply(null, list); // [1, undefined, 3] [...list]; // [1, undefined, 3] 阅读全文
posted @ 2021-09-10 10:11 aisowe 阅读(13) 评论(0) 推荐(0) 编辑
摘要: rule as any as Foo // 双重断言 阅读全文
posted @ 2021-09-10 10:10 aisowe 阅读(3) 评论(0) 推荐(0) 编辑
摘要: ./app/public app/public └── index.html browser http://localhost:7001/public/index.html 阅读全文
posted @ 2021-09-10 10:10 aisowe 阅读(5) 评论(0) 推荐(0) 编辑
摘要: App.jsx import React from 'react' class App extends React.Component { render() { return <h3>Hello</h3> } } export default App index.js import React fr 阅读全文
posted @ 2021-09-10 10:09 aisowe 阅读(6) 评论(0) 推荐(0) 编辑
摘要: index.js const arrayLikeObj = { 0: 1, length: 2 }; [].slice.apply(arrayLikeObj); // [1, empty] Array.prototype.slice.apply(arrayLikeObj); // [1, empty 阅读全文
posted @ 2021-09-10 10:09 aisowe 阅读(9) 评论(0) 推荐(0) 编辑
摘要: index.ts function foo(bar: string, baz: number): (string | number)[] { return [bar, baz]; } bash tsc index.ts 阅读全文
posted @ 2021-09-10 10:08 aisowe 阅读(87) 评论(0) 推荐(0) 编辑
摘要: index.js requestIdleCallback(myNonEssentialWork); function myNonEssentialWork(deadline) { while (deadline.timeRemaining() > 0) { doWorkIfNeeded(); } } 阅读全文
posted @ 2021-09-10 10:08 aisowe 阅读(4) 评论(0) 推荐(0) 编辑
摘要: index.js import React from 'react' import ReactDOM from 'react-dom' function Name({ name }) { return <span style={{ color: 'tomato' }}>{name}</span> } 阅读全文
posted @ 2021-09-10 10:07 aisowe 阅读(15) 评论(0) 推荐(0) 编辑
摘要: index.js const a = Symbol("a"); const symbolWrapperObj = Object(a); const b = 11n; const bigIntWrapperObj = Object(b); 阅读全文
posted @ 2021-09-10 10:07 aisowe 阅读(4) 评论(0) 推荐(0) 编辑
摘要: index.js const root = document.getElementById('root') root.innerHTML = ` <h1>hello</h1> <strong> <span>world</span> </strong> ` 阅读全文
posted @ 2021-09-10 10:06 aisowe 阅读(20) 评论(0) 推荐(0) 编辑
摘要: index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> </head> <body> <button id="btn1">打开窗口</button> <button id="btn2">检测</button> <script 阅读全文
posted @ 2021-09-10 10:05 aisowe 阅读(3) 评论(0) 推荐(0) 编辑
摘要: index.js function Foo() {} const foo = new Foo(); console.log(foo instanceof Foo); // true // 等价于 console.log(Foo.prototype.isPrototypeOf(foo)); // tr 阅读全文
posted @ 2021-09-10 10:05 aisowe 阅读(4) 评论(0) 推荐(0) 编辑
摘要: index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> </head> <body> <button onclick="clickHandler()">open: sub.html</button> <script> // 阅读全文
posted @ 2021-09-10 10:04 aisowe 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 方法1:给 a 标签添加 rel 属性 <a href="https://an.evil.site" target="_blank" rel="noopener">恶意网站</a> 方法2:打开子窗口时将子窗口的 opener 设置为 null const newWin = window.open( 阅读全文
posted @ 2021-09-10 10:04 aisowe 阅读(3) 评论(0) 推荐(0) 编辑
摘要: window.onpopstate = function(res) { console.log(res) } 注意: pushState()或replaceState()不能触发该事件; 用户点击前进、后退,或 History.back()、History.forward()、History.go( 阅读全文
posted @ 2021-09-10 10:03 aisowe 阅读(3) 评论(0) 推荐(0) 编辑
摘要: Boolean null, undefined, false, NaN, '', +0, -0, 0n --> false,其它均为 true Number 能转则转,不能则 NaN(undefined),特例 Symbol 会报错。 String "true", "0", "1,2", "[obj 阅读全文
posted @ 2021-09-10 10:01 aisowe 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 浏览器 JS 引擎 Firefox SpiderMonkey Safari Nitro/JavaScript Core Chrome V8 IE Chakra Edge ChakraCore 狐猴、V8、查克拉 阅读全文
posted @ 2021-09-10 10:01 aisowe 阅读(28) 评论(0) 推荐(0) 编辑
摘要: window.onhashchange = function (e) { console.log(e) } 如果pushState的 URL 参数设置了一个新的锚点值(即hash),并不会触发hashchange事件。反过来,如果 URL 的锚点值变了,则会在 History 对象创建一条浏览记录 阅读全文
posted @ 2021-09-10 10:01 aisowe 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 浏览器 渲染引擎 Firefox Gecko Safari WebKit Chrome Blink IE Trident Edge EdgeHTML FG - > SW → CB → IT → EE 阅读全文
posted @ 2021-09-10 09:59 aisowe 阅读(6) 评论(0) 推荐(0) 编辑
摘要: bash npm i ts-node -g npm i nodemon -g index.ts const foo: string = 'Hello' console.log(foo) bash nodemon index.ts 阅读全文
posted @ 2021-09-10 09:58 aisowe 阅读(12) 评论(0) 推荐(0) 编辑

导航