weixin_46515434的博客

js是一门单线程语言，为了执行异步任务而不阻塞后续代码，以及避免等待时间的资源浪费，js存在事件循环（Event Loop）的机制。也并没有改变js单线程的本质。主线程在运行时会产生"执行栈"，栈中的代码如果调用了异步api时就会把事件添加到"事件队列"中，只要该异步任务有了结果便会把对应的回调放到"任务队列"里，当"执行栈"中的代码执行完毕后会去读取"任务队列"里的任务，将其放到主线程执行，当执行栈空了再去检查，如此往复也就是事件循环了。js事件分两种：“同步任务”和“异步任务”。

在这个代码片段中，setTimeout 的第一个参数是 console.log(i)，这是一个立即执行的函数调用，而不是一个回调函数。因此，console.log(i) 会立即执行，并且 setTimeout 的第二个参数 0 实际上没有任何意义，因为 console.log(i) 已经立即执行了。循环执行：for 循环从 i=0 开始，每次循环 i 递增 1，直到 i<10 不成立为止。回调函数执行：由于 let 具有块级作用域，每次循环都会创建一个新的 i，因此每个回调函数都会捕获到对应的 i 值。

plus.push 是 HTML5+ 中用于管理推送消息的主要对象。通过它，开发者可以添加事件监听器、清空推送消息、创建本地消息、获取所有推送消息、获取客户端推送标识信息等。

此外，随着Web技术的发展，新的缓存和离线存储技术（如Service Workers和Cache API）正在逐渐取代HTML5的离线缓存功能，因此开发者也可以考虑使用这些新技术来实现离线存储的需求。该文件包含一个或多个CACHE、NETWORK和FALLBACK部分，用于指定需要缓存的文件和资源、哪些文件需要在线访问、以及在无法访问某个资源时应使用的备用资源。在HTML文档的部分，通过添加一个指向缓存清单文件的标签（或使用manifest属性，具体取决于浏览器支持情况），将缓存清单与HTML文件相关联。

在利用typescript编写react项目时，函数式组件需要定义返回值类型。传递的props参数的类型，就是使用interface泛型定义的以下是编写状态管理createSlice：action与reducer捆绑在一起了将detail从MVC修改到redux-tooltik以下是编写异步数据操作。

在一个新项目中想要使用git，首先需要做的就是在该项目根目录下打开git窗口命令，有多个分支时（第一次提交一定是在master分支上）希望合并到哪个分支上就先切换到哪个分支上。版本控制：记录文件变化，生成版本。

Java学习之面向对象

TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境的兼容问题；

React Router 发布了三个不同的包：react-router：路由核心库，提供许多组件、钩子react-router-dom：包括了 react-router 所有内容，同时添加了用于 DOM 的组件，如react-router-native：包括了 react-router 所有内容，同时添加了用于 ReactNative 的 API，如与 React Router 5.x 版本的区别：内置组件的变化：移除，新增 ……

setXxx(value => newValue): 参数为函数, 接收原本的状态值, 返回新的状态值, 内部用其覆盖原来的状态值。只当前组件重新render(), 就会自动重新render子组件，纵使子组件没有用到父组件的任何数据 ==> 效率低。setXxx(newValue): 参数为非函数值, 直接指定新的状态值, 内部用其覆盖原来的状态值。只要执行setState(),即使不改变状态数据, 组件也会重新render() ==> 效率低。参数: 第一次初始化指定的值在内部作缓存。

安装依赖：yarn add react-app-rewired customize-cra babel-plugin-import less less-loader修改package.json},根目录下创建config-overrides.js//配置具体的修改规则//以下配置后可以实现按需引入（只实现按需引入，不实现自定义主题的话：style:'css'）//若还需要实现自定义主题，则style：true，并且需要安装less、less-loader}),}),

1.官网1.英文官网: https://reactjs.org/2.中文官网:https://react.docschina.org/2.介绍描述1.用于动态构建用户界面的 JavaScript 库(只关注于视图)2.由Facebook开源3.React的特点1.声明式编码2.组件化编码3.React Native 编写原生应用4.高效（优秀的Diffing算法）4.React高效的原因1.使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。2.DOM Diff

1. Composition API（组合API） - setup配置 - ref与reactive - watch与watchEffect - provide与inject - ......2. 新的内置组件 - Fragment - Teleport - Suspense3. 其他改变 - 新的生命周期钩子 - data 选项应始终被声明为一个函数 - 移除keyCode支持作为 v-on 的修饰符

包』英文单词是 package ，代表了一组特定功能的源码集合cnpm 是一个淘宝构建的 npmjs.com 的完整镜像，也称为『淘宝镜像』，网址cnpm 服务部署在国内 阿里云服务器上 ， 可以提高包的下载速度官方也提供了一个全局工具包 cnpm ，操作命令与 npm 大体相同简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发 WEB 应用（HTTP 服务）模板引擎是分离用户界面和业务数据的一种技术EJS 是一个高效的 Javascript 的模板引擎。

概念：专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。简言之，Vuex可以实现多组件共享数据。在模板中一直使用来使用vuex中的值会很繁琐，我们可以在计算属性computed中来接收vuex中的值。但这样在vuex中数据很多的情况下，就要写很多这样的代码，因此我们可以使用mapState方法：用于帮助我们映射state中的数据。

一种可以在任意组件间通信的方式，本质上就是一个对象，他必须满足以下条件：1.所有组件对象都必须能看见他。2.这个对象必须能够使用 $on $emit $off方法去绑定、触发和解绑事件。（因为 $on ,和 $off 和 $emit 这三个方法在Vue原型对象上，所以，我们的全局事件总线就要放在Vue的原型对象（vue.prototype）上，以确保每个组件都能访问得到）

一文入门vue，最基本的数据绑定形式是文本插值，它使用的是“Mustache”语法 (即双大括号)，可以在里面写js表达式。一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。//全局自定义指令ript>// 指令与元素成功绑定时（一上来）},// 指令所在元素被插入页面时element.focus() //自动获取焦点},// 指令所在的模板被重新解析时})data() {},//指令回调里的this是window。

如果此时仍然vue不是内部命令，可以cmd中执行npm config list命令，将prefix后面的命令添加到环境变量的系统变量里的path里。在安装vue cli时，执行完后以下命令后，vue命令仍然是不是内部命令。在此时如果cnpm显示不是内部命令，可以查看这篇笔记解决。记录自己解决vue不是内部命令的问题。

需要找到cnpm的安装路径，我在node.js的安装路径下的node_global文件夹中没有找到cnpm，而是在以下位置找到的。2）配置过node_modules和node_cache，在node_global文件夹下可以看到cnpm的安装路径。所以在给cnpm配置环境变量时，需要在系统变量的path中新建一条。出现以下东西则代表安装成功。

服务端又称后端、serve端。提供前端要展示的数据，接收前端提交的数据，存储数据。将一个复杂的程序文件依据一定规则（规范）拆分成多个文件的过程称之为模块化其中拆分出的每个文件就是一个模块，模块的内部数据是私有的，不过模块可以暴露内部数据以便其他模块使用。