HeroIsUseless的博客

javaspringbootredismybatismysql。

写一个自己的babel-loader - 开发者头条 (toutiao.io)

React源代码解析（1）：jsx语法是如何解析 - 掘金 (juejin.cn)

electron中使用vue3+vite - 掘金 (juejin.cn)

为什么要这么做？编译js比解释js更快是必然的wasm是什么？我期望是一个二进制文件WebAssembly（又名wasm）是一种高效的，低级别的编程语言。它让我们能够使用JavaScript以外的语言（例如C，C ++，Rust或其他）编写程序，然后将其编译成WebAssembly，进而生成一个加载和执行速度非常快的Web应用程序。WebAssembly被设计为针对Size和Load Time进行优化的格式，可以在各个硬件平台上以native speed运行；

只要学会钢笔工具，图层，就可以了。

文件的MD5值就相当于是这个文件的“数字指纹”，只有当两个文件内容完全一样时，他们的MD5值才会一样。所以在上传文件前，客户端需要先计算出文件的MD5值，并且把这MD5值传递给服务端。服务端在合并出文件后，在计算合并出的文件的MD5值，与客户端传递过来的进行比较，如果一致，则说明上传成功，若不一致，则说明上传过程中可能出现了丢包，上传失败。其原理其实就是在客户端将文件分割成多个小的分片，然后再将这些分片一片一片的上传给服务端，服务端拿到所有分片后再将这些分片合并起来还原成原来的文件。......

哪些字符需要编码RFC3986文档规定，Url中只允许包含英文字母（a-zA-Z）、数字（0-9）、-_.~4个特殊字符以及所有保留字符。RFC3986文档对Url的编解码问题做出了详细的建议，指出了哪些字符需要被编码才不会引起Url语义的转变，以及对为什么这些字符需要编码做出了相应的解释。US-ASCII字符集中没有对应的可打印字符：Url中只允许使用可打印字符。US-ASCII码中的10-7F字节全都表示控制字符，这些字符都不能直接出现在Url中。同时，对于80-FF字节（ISO-8859-1），由于已

https与非对称加密对称加密是加密用key1，解密用key1问题是这个key1必定是其中一方制定的，制定好后，必然有个传输的过程，而这个传输的过程中就可能会被盗窃，以网路来说，甲只能以明文将key1发送给乙，丙可能在某个路由劫持到这个包，得到key1，或者更改key1成key2发送给乙都是有可能的非对称加密，就是一个人通过某种算法，可以一次生成一对key(称为key1，key2)，这对key的神奇之处是将明文加密必须用key1，将密文解密只能用key2。加密解密用的不是同一个key例如甲生成了一对非对称加

第一个是 Queuing，也就是排队的意思，当浏览器发起一个请求的时候，会有很多原因导致该请求不能被立即执行，而是需要排队等待。导致请求处于排队状态的原因有很多。 首先，页面中的资源是有优先级的，比如 CSS、HTML、JavaScript 等都是页面中的核心文件，所以优先级最高；而图片、视频、音频这类资源就不是核心资源，优先级就比较低。通常当后者遇到前者时，就需要“让路”，进入待排队状态。 其次，浏览器会为每个域名最多维护 6 个 TCP 连接，如果发起一个 HTTP 请求时，这 ...

首先，假如我们什么都不会，那我们首先就要学htmlhtml学完了，这时就可以学习css，控制网页样式，学习js，控制网页逻辑，这样就可以做出一个基础的网页了然后，需要学习下后端，后端这里采用java那一套，那么首先就要学java，等java学好后，就学习springboot，springboot是用java编写的一个服务器框架，但先建议学习一下maven，maven是springboot的包管理器，我们可以用maven安装springboot包，等springboot学完后，就可以将之前的网页文件放

flex: 1; 实现了三个不同内容的 div 平分空间，代表均匀分配元素flex: 1等于flex-grow：1 用于设置或检索弹性盒子的扩展比率。注意如果元素不是弹性盒对象的元素，则 flex-grow 属性不起作用。默认值是 0flex-shrink：1控制 flex 盒子空间不足时子元素改如何收缩，平常开发中更多的是使用默认值 1 或者设置 0。在给子元素不加flex-shrink且父盒子中不加flex-wrap=“wrap”的情况下，超出父盒子的宽度，父盒子会自动压缩子盒子的宽度。当.

ECMAScript 是 JavaScript 语言的国际标准，JavaScript 是 ECMAScript 的实现。ES5于 2009 年完成标准化。这个规范在所有现代浏览器中都相当完全的实现了。作为ECMAScript第五个版本（第四版因为过于复杂废弃了），增加特性如下：1. strict模式严格模式，限制一些用法，'usestrict'；例如不声明变量就使用。2. Array增加方法增加了every、some 、forEach、filter 、indexOf、lastInd.

TC39是一个推动 JavaScript 发展的委员会，由各个主流浏览器厂商的代表构成。从标准到落地是一个漫长的过程，TC39 这群人主要的工作是制定ECMAScript标准，标准生成的流程，并实现。标准的流程包括五个步骤： stage0 strawman 任何讨论、想法、改变或者还没加到提案的特性都在这个阶段。只有TC39成员可以提交。 stage1 proposal （1）产出一个正式的提案。 （2）发现潜在的问题，例如与其他特性的关系，实现难题。 （3）提案包括详细

AMD-异步模块定义AMD是RequireJS在推广过程中对模块定义的规范化产出，它是一个概念。RequireJS是对AMD概念的实现，就好比JavaScript语言是对ECMAScript规范的实现。RequireJS解决了什么问题？ js加载会阻塞网页渲染，加载文件越多，网页失去响应的时间就会越长。 js文件之间存在依赖关系，因此必须严格保证加载顺序，代码的编写和维护都会变得困难。 require.js的诞生，就是为了解决这两个问题。用法1.加载require.

__proto__该属性在ES标准定义中的名字应该是[[Prototype]]，具体实现是由浏览器代理自己实现，谷歌浏览器的实现就是将[[Prototype]]命名为__proto__。 __proto__和constructor属性是对象所独有的。 prototype属性是函数所独有的，但是由于JS中函数也是一种对象，所以函数也拥有__proto__和constructor属性。 __proto__属性是一个指针，指向它们的原型对象（也可以理解为父对象）。它的作用就是当

mock是如何控制的呢在这里控制nginx 配置有问题，要把所有未命中请求重定向到 index.html，大概是这样：location / { try_files $uri $uri/ /index.html$args;}首页通过解析路由，再跳转到别的页面或者说，还没有加载页面的时候，vue先初始化完成，读取路由，就是如此在开发阶段，用不着刷新，vue热加载...

import和require都是被模块化所使用。–require 是 AMD规范引入方式–import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法调用时间–require是运行时调用，所以require理论上可以运用在代码的任何地方–import是编译时调用，所以必须放在文件开头–require是赋值过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量–import是解构过程，但是目前所有的引擎都还没有实现import

函数组件中没有生命周期，那么可以使用 useEffect 来替代。如果你熟悉 React class 的生命周期函数，你可以把 useEffect Hook 看做 componentDidMount，componentDidUpdate 和 componentWillUnmount 这三个函数的组合。默认情况下，它在第一次渲染之后和每次更新之后都会执行。相当于componentDidMount和componentDidUpdate的合体你可能会更容易接受 effect 发生在“渲

幸亏国庆恶补React，现在感觉良好菜鸟教程用的是 jsx ，需要经过 babel-react 过的。知道它的原理就可以了，因为return <div></div>最终会被babel-react 转换成 类似return createElement('div')如果return 后面没有括号,第一行的内容一定要和return 写在一起，如果JSX标签仅有一行，也可以省略括号。但实际上，多行也可以不加括号，但return后边不可以有换行，然而JSX可以有。React.Fra

State 是储存数据的地方，收到 Action 以后，会更新数据。View 就是 React 组件构成的 UI 层，从 State 取数据后，渲染成 HTML 代码。只要 State 有变化，View 就会自动更新

Node.js 是一个异步的世界，官方 API 支持的都是 callback 形式的异步编程模型，这 会带来许多问题，例如:1、callback 嵌套问题 2、异步函数中可能同步调用 callback 返回 数据，带来不一致性。为了解决以上问题 Koa 出现了。开发 Koa2 之前，Node.js 是有要求的，它要求 Node.js 版本高于 V7.6。因为 node.js 7.6 版本 开始完全支持 async/await，所以才能完全你支持我们的 Koa2。...

无论如何，你需要记住less了。1. 变量 /* Less */ @color: #999; @bgColor: skyblue;//不要添加引号 @width: 50%; #wrap { color: @color; width: @width; } /* 生成后的 CSS */ #wrap { color: #999; widt

约定式路由启动 umi dev 后，大家会发现 pages 下多了个 .umi 的目录请不要直接在这里修改代码，umi 重启或者 pages 下的文件修改都会重新生成这个文件夹下的文件，约定 pages 下所有的 (j|t)sx? 文件即路由在dva中，处理数据流的文件统一放在 models 文件夹下，每一个文件默认导出一个对象，里面包含数据和处理数据的方法，通常我们称之为 model 。...

1.React.FC是函数式组件，是在TypeScript使用的一个泛型，FC就是FunctionComponent的缩写，事实上React.FC可以写成React.FunctionComponent简单来说，不知道用什么组件类型时，就用React.FC。

emmmm

对于一个定义了，但未赋值的变量，系统默认其为Undefined类型，且值为undefined若一个变量连定义都没有，使用typeof操作符可检测出其类型为undefined，但输出该变量值时会报错一般未指定指向对象的指针会被默认为Null类型，因为一个值为Null的变量其实际类型为object，因为系统会将其视为一个保存对象的变量，只不过还未初始化。牢记null是针对object的，undefined是针对基础变量的。1 var x=null;2 console.log(x);3 con..

interface是只做定义，不做实现，尤其适合于参数类型检查，因为我只是用，而用不着定义函数体是什么。

CSS3 Gradient 分为linear-gradient（线性渐变）和radial-gradient（径向渐变）。参数：其共有三个参数，第一个参数表示线性渐变的方向，top 是从上到下、left 是从左到右，如果定义成 left top，那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数，表示多种颜色的渐变。rgba就是透明度，没有任何问题。渐变是可以叠加的，都是background的，也就是说，background可以叠加。当然，..

scrollTop是滚动的距离，scrollHeight是整体的长度，offsetHeight=clientHeight，在没有滚动条的情况下是一样的，相加就能判断到达了底部。

Vue2 传统的 data，computed，watch，methods 写法，我们称之为「选项式api（Options API ）」Vue3 使用 Composition API （VCA）可以根据逻辑功能来组织代码，一个功能相关的 api 会放在一起。在 Vue 中，有了抽象封装组件的概念，解决了在页面上模块越多，越显臃肿的问题。但即使进行组件封装，在应用越来越大的时候，会发现页面的逻辑功能点越来越多，data/computed/watch/methods中会被不断塞入逻辑功能，所以要将逻辑再..

竟然把api单独出来了！长见识了。感觉好棒啊

怎么做？就是离开的时候记录下这个位置，然后插入图片时结合起来就好了。我采取的方案是，当焦点在编辑器内的时候，用一个定时器（setInterval）定时获取当前选区。

为什么user可以，而project却不可以？首先说404哪来的？首先出现一个url首先被前端截获，如果前端没有截获就会到后端去，因为打开了一个新页面，这个url会直接穿透！也就是说，不论传进来什么404的url，都要返回主页！这个再说吧。...

请注意defaultValue = "Atta"。如果没有设置默认值，并且没有找到名称为username的Cookie，Spring将抛出java.lang.IllegalStateException异常。

图标框架往往是简约的，互相联系的

每个文件的配置最大为1Mb，单次请求的文件的总数不能大于10Mb。上传成功！

axios 使用 post 发送数据时，默认是直接把 json 放到请求体中提交到后端的。也就是说，我们的 Content-Type 变成了 application/json;charset=utf-8 ,这是axios默认的请求头content-type类型。我们现在来说说post请求常见的数据格式（content-type）Content-Type: application/json ： 请求体中的数据会以json字符串的形式发送到后端 Content-Type: application/x-

vue的路由是由前端js来控制的，但是，当你刷新浏览器的时候，是向服务器发送请求的一个过程，当访问不到的时候必然会返回404。这个没有好的解决方式！对于 Vue 这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 ——改变视图的同时不会向后端发出请求。为了达到这一目的，浏览器当前提供了以下两种支持：hash—— 即地址栏 URL 中的#符号（此 hash 不是密码学里的散列运算）。比如这个...

mvn的各个命令接下来就是安装各个组件了。但是感觉用不到了啊。。。实际上用户量没这么大。。。服务器也用不着扩增。。。坑死了，已经保证编译、运行正常，其他还有什么坑不知道，刚升级完 Finchley 这个正式版本，Spring Cloud 刚刚又发布了 Finchley.SR1，感觉 Spring Cloud 变成了学不动系列了。。。...