qq_65537235的博客

原创 springboot如何搭建一个服务

原创 JDK17在Windows安装以及环境变量配置（超详细的教程）

第五步：添加JAVA_HOME配置项。第一步：运行JDK的EXE文件。三、检测JDK17是否安装成功。三、配置JDK17的环境变量。一、JDK17的安装包下载。第七步：确认环境变量并完成。第一步：打开系统属性界面。第二步：打开高级系统设置。第三步：打开环境变量配置。第四步：新建系统环境变量。第六步：添加Path项。第三步：选择安装目录。

原创 node的event模块

【代码】node的event模块。

原创 node的path模块demo

【代码】node的path模块demo。

原创 nodejs搭建一个简单的服务器

切换不同的路径在浏览器上运行可以显示不同的内容。

原创 node读写删文件简单demo

然后调用fs里面的readFile和writeFile还有unlink。要了解需要用到那些工具库，fs和path；

原创 homebrew被污染了，最好的下载网址

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

原创 vue是什么？vue基础指令，双向绑定，条件渲染

概念：Vue (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架基于数据渲染出用户可以看到的界面什么是渐进式？所谓渐进式就是循序渐进，不一定非得把Vue中的所有API都学完才能开发Vue，可以学一点开发一点所谓框架：就是一套完整的解决方案库，类似工具箱，是一堆方法的集合，比如 axios、lodash、echarts等框架，是一套完整的解决方案，实现了大部分功能，我们只需要按照一定的规则去编码即可。框架的特点：有一套必须让开发者遵守的规则或者约束创建Vue实例准备容器。

原创 JavaScript LocalStorage的使用指南

因此对于不一样的场景，localStorage和sessionStorage都有用武之地。3.对开发人员比较友好：window.localStorage.setItem("Test data ", "Hello from localStorage")添加数据。1.localStorage是存储在web浏览器里面的数据，只要不去清楚就会一直保存在浏览器即是关闭了页面。在谷歌的浏览器中存储的数据量高达5mb远大于cookie。在web浏览器中，web存储的api提供了在浏览器中以键值对的数据形式存储的机制。

原创 什么是回调函数？callback（）

fn（callback）这种回调方式调用 就依然是先执行fn（）然后是func（）他同样可以执行成上面这种结果 ，那么为什么需要回调函数的存在呢？首先要知道一个点就是 在js中，函数是可以作为函数的参数传递的。所以 回调函数可以解决异步执行的逻辑函数的一个顺序的问题。当然 如果我把fn（）里面的逻辑异步执行呢？结果会是先执行func（）然后执行的fn（）所以其实回调函数 就是这个传进去的参数。其实回调函数的本质样子和普通函数是一样的。对了callback就是func（）

原创 react中的useEffect()的使用

首先useEffect()是个函数，接受两个参数，第一个参数是一个方法，第二个参数是数组 称为依赖项数组，可以没有。第二个参数的不同会影响第一个参数方法的使用。另外还有一种情况就是清除useEffect（）的副作用，直接在第一个参数函数里面写一个return一个函数，就会在组件卸载的时候自动清理。useEffect()是react中的hook函数，作用是用于创建。，而不是事件的触发，比如Ajax请求，DOM的更改。依赖项数组不同的区别。

原创 react使用context机制，跨层传参数

2.在顶层组件 通过Provider组件提供数据 value传的就是提供的数据。3.在底层组件使用钩子函数useContext（）消费数据。1.利用createContext创建一个上下文对象。

原创 react兄弟传参 子传父 父传子

react中兄弟组件传参数，和vue思想是一致的，首先是子传给父，再由父传给另一个孩子。3.在子组件接收父组件传过来的函数，先解构再绑定到触发父组件传过来的这个函数上。2.在父组件定义好一个函数传给儿子 传给儿子。1.在儿子组件定义好想要传给父组件的消息。4.定义一个useState（）状态变量。5.然后绑定在父组件的子组件的调用上面。6.在子组件调用传回的数据。

原创 react中子传父信息

在父组件定义一个函数接受参数，接收的参数用于接收子组件的信息，把函数传给子组件，子组件调用父亲传来的函数并把要告诉父亲的话传到函数中，就实现了子传父消息。

原创 组件传参，子组件嵌套标签，在父组件使用，等于给父组件的props.children传参数值

【代码】组件传参，子组件嵌套标签，在父组件使用，等于给父组件的props.children传参数值。

原创 react中父传子，要求儿子只能读父亲传的消息不能进行修改消息

如果我设置props.name为xxx就会报以下错误告诉你 ，在react中子组件只能读 不能修改数据。

原创 react组件传参 父传子可以传字符串，布尔值，数组，对象，jsx，

在react中，父传子组件 props的灵活性是很强大的，可以传字符串，布尔值，数组，对象，jsx，

原创 react获取dom

1.使用useRef(),在标签上绑定对应的ref={}2.使用useRef（）.current获取dom。

原创 react简单条件渲染两种方式&&或者三目表达式

在react中，条件渲染是常见的使用方式。接下来介绍两种简单的条件渲染方式。

原创 react中的数据驱动视图，useState（）的使用

前端开发如今有一个很重要的思想就是数据驱动视图，数据发生变化使ui发生变化，比如一个变量count，为0显示三个按钮，为1显示一个按钮，为2显示两个按钮。这就是一个简单的数据驱动视图。这里用到了useState（）方法，他返回一个数组，然后我们使用的方式，数组解构，两个参数第一个参数是值，第二个参数是改变第一个参数的值，并且第二个参数是一个方法。

原创 jsx复杂条件渲染

用函数返回不同条件下需要渲染的样式然后进行调用。在return中 调用函数即可。

原创 jsx实现列表渲染

使用jsx实现列表渲染要使用js原生的map方法。

原创 如何在umi项目中使用ant-design组件库

然后 在xxx.tsx页面，导入需要的组件，然后即可使用。首先使用终端命令创建一个react页面，umi使用antdv很简单，

原创 umi项目运行时配置，app.ts

运行时配置和配置的区别是他跑在浏览器端，基于此，我们可以在这里写函数、tsx、import 浏览器端依赖等等，注意不要引入 node 依赖。const layout 就是关于页面layout的布局，关于layout的具体属性配置可以查询umi官网的umiMax。用于配置全局的网络请求，你可以在这里做拦截器，全局错误处理，鉴权的配置。我们把src下面的app.ts文件定为运行时候的配置。用于获取初始化数据，初始化数据使用。在各个组件中使用，在请求中。举一个例子，在运行时候的配置，

原创 umi项目配置之项目构建时配置umirc.ts

按照官网项目默认使用的是.umirc.ts，如果想要使用自己的配置，那么在根目录创建config/config.ts，并且删除.umirc.ts，不然还会读取.umirc.ts。hash history - 适用于旧版浏览器，或者你想把 location 保存到 hash 部分，避免由于后端服务器不支持而报错。，值得注意的是这两个文件功能一致，仅仅是存在目录不同，2 选 1 ，对于 umi 中能使用的自定义配置，你可以使用项目根目录的。插件配置，开启和使用插件需要在配置页面做插件配置。

原创 umi搭建react项目

UMI 是一个基于 React 的可扩展企业级前端应用框架，提供路由、状态管理、构建和部署等功能，可以帮助开发者快速构建复杂的单页面应用（SPA）和多页面应用（MPA）。它与 React 的关系是，UMI 构建在 React 生态系统之上，利用 React 提供的组件化开发方式和生态系统的丰富资源来进行开发。正是因为umi的优秀，为了方便开发者更加方便的使用这些插件，在我们这些插件开源的基础上，直接将他们集成到一起，打造了。让开发者直接可以通过脚手架马上获得和蚂蚁集团开发 Umi 应用一样的开发体检。

原创 速成react篇一：如何创建和嵌套组件，如何添加标签和样式，如何显示数据，如何渲染条件和列表，如何对事件做出响应并更新界面

第二，使用了es6的导出语法在外组件的时候。这里补充一个知识点，因为react大部分时候都会使用jsx或者tsx进行开发，使用它们的原因是因为他方便，并且严格，方便是可以在js中写dom和js代码，严格是必须用闭合标签，并且你的组件也不能返回多个 JSX 标签。以这个例子，我们要知道，在js中写dom的方式是 return （），在（）里面写dom，如果编写的dom只有一行，则可以在return后面 空格紧跟 不用括号包起来，但是仅限于只有一行代码的情况，如果有多行或者换行如下例子这种，必须包在括号里面。

原创 vue组件传参数

总结：子组件传父组件消息的思路：子组件定义好defineEmits（）然后触发emits，并把消息发送给父组件，最后在父组件里面用@监听自定义的事件，最后通过绑定自定义事件的方法读取子组件传给父组件的消息。第三步：接收子组件的消息，因为是自定义的事件，因此用v-on监听，也就是@，因此在父组件里面监听自定义的事件，自定义事件绑定的方法都有一个参数，参数值就是子组件告诉父组件的消息。emits接收多个参数，第一个参数是自定义的事件名，后面的参数都是传给父亲的消息。2.接收父组件传给子组件的信息。

原创 mac安装git

打开终端 输入git --version查看是否有git。如果没有 ，输入git 根据指示进行安装。

原创 form-serialize插件，快速收集表单元素的值

serialize方法有两个参数，第一个是获取到的表单dom，第二个是配置项对象，常用的配置项有hash和empty都是布尔类型，form-serialize插件可以快速获得表单元素的值，主要用于当表单很多的情况下，将表单的值一起打包发给服务器。4.给表单对应的输入框绑定name属性，name属性的值就是接口文档对应的字段。3.使用插件的serialize方法。2.获取表单的dom。

原创 利用递归实现深拷贝

定义一个数组或者对象 ，根据原数据的引用类型判断，然后定义递归的方法。先判断是不是数组，在判断是不是对象，如果都不是，直接赋值。是数组，则定义一个数组，是对象则定义一个对象。递归实现深拷贝的逻辑就是。

原创 mac电脑搭建vue项目（下篇）

（4）把npm全局安装路径改为/usr/local/lib/node_modules，执行以下命令。（2）执行命令cnpm -v查看版本信息，结果说找不到cnpm命令。（3）执行no,回车。然后输入命令安装webpack-cli。（1）执行以下命令安装cnpm淘宝镜像。（7）再次执行查看cnpm版本号的命令。（3）查看npm的全局安装路径。（2）查看webpack版本号。（5）重新安装npm脚手架。第四步：安装webpack。vue项目前期环境安装好了。第五步：安装vue脚手架。（6）重新安装淘宝镜像。

原创 mac电脑搭建vue环境（上篇）

如果有提示command not found sudo. 依次执行第五步 如果没有 则跳过第五步骤。第一步：mac电脑要有homebrew，如何安装homebrew 点击下方。第六步：可以在终端或者vscode创建vue项目了。（4）获取node.js模块安装目录访问权限。第二步：homebrew安装node.js。（1）打开终端 安装node。第四步：安装webpack。第二步：安装node.js。（3）查询node安装目录。第五步：安装vue脚手架。（5）依次执行以下命令。

原创 MAC安装homebrew

9.然后终端会显示需要把以下部分添加到环境变量 所以复制以下在终端里面对应的部分。提示需要安装xcode的这个工具用于运行git，点击安装即可 下载可能比较耗时。以下代码的作用就是通过git把homebrew克隆下来。10.如果你是m芯片的话 复制以下代码在终端执行一遍。6.在把第五步的代码放进终端运行一次。7.执行脚本 复制以下代码到终端执行。11.关闭终端 打开一个新终端 输入。4.复制以下代码 粘贴到终端 执行。5.在终端复制以下代码 执行。首先在终端输入ls 可以查看。粘贴到终端 执行一遍。

原创 path环境变量的作用

当我把一个运行文件的路径加入到了path环境变量，就可以在cmd命令行随时使用运行。在path中有两个path上面的是用户的path，下面的是计算机的path。

原创 vue.js中定义const xxx = ref（）

在vue.js中，我们使用ref（）函数来声明响应式状态的时候，在script部分一定要使用 .value。在vue中响应式状态就是当你改变数据时，相关的界面会自动更新，而不需要你手动去更新它们。如果不使用.value就会遇到一系列 你琢磨不透的问题。

原创 Javascript回调函数

回调函数：在函数A里面传入一个函数B，函数B在满足一定条件下，才会去执行。函数B被称为回调函数。

原创 this对象

在每个函数里面都有this这个对象，this是对象 在普通函数里面this一般都是指向window 在箭头函数里面没有this。在js中，我们经常会用到this，首先this是一个对象，其次，谁调用它就指向谁（成为谁）

原创 trim（）方法

【代码】trim（）方法。

原创 Javascript事件对象

在js中，我们有事件类型的不同，被触发的条件也就不同，不同的事件，设置不同的事件方法，在事件方法中我们的第一个参数，就是我们的事件对象。