m0_46165586的博客

看了几篇帖子，都没有将$emit两种用法汇聚总结在一起。需要额外的浪费时间去查看其他帖子，索性自己总结一下，方便以后查看。

学习使用koa2来返回验证码，前端渲染验证码并对验证码进行验证存储验证码可以使用session/cookie等。

如果你为root用户为localhost，你电脑的Navicat想访问远程服务器的MySQL是连接不是的，只有在服务器本机上连接才行。如果我们希望在本地的VSCode中可以直接编辑远程的代码，可以使用一个VSCode的插件：remote-ssh。如果像我一样没有远程服务器，用虚拟机模拟服务器的话，需要使用命令将3306端口开放。我们需要将之前项目中（本地）MySQL的数据库迁移到服务器中的MySQL数据库中。如果像我一样没有远程服务器，用虚拟机模拟服务器的话，需要使用命令将8000端口开放。

自动化部署一般都是部署到云服务器上，但是为想了解如何实现自动化部署如何实现又不想去花钱购买云服务器，我选择在部署在虚拟机上。

引入vant库微信开发者工具控制台报[Component] slot “” is not found (for component “miniprogram_npm/@vant/weapp/field/index”).警告。可能是小程序版本升级对一些东西的验证更加严格导致的该错误可以修改组件内的源码或者将版本降低到2.18.1以下版本。

disableHostCheck是一个用于Vue CLI开发服务器的配置选项，用于禁用对主机检查的验证。在旧版本的Vue CLI中，可以使用这个选项来解决某些特定的网络环境下的配置问题。然而，在较新的Vue CLI版本（4.x及以上）中，disableHostCheck选项被移除了，并且默认情况下主机检查是启用的。这是因为启用主机检查可以提高开发服务器的安全性，防止潜在的主机劫持攻击。

使用modelValue进行接收，将接收的modelValue拷贝给formData，并监听formData的数据是否改变，改变了就将新数据emit(‘update:modelValue’, 新数据)更新数据。将formData数据使用v-model传递给子组件。

同事将他的代码发给我，我下载依赖并用npm run serve运行项目过程中，出现Conflict: Multiple assets emit different content to the same filename index.html的报错。

require.context() 是 Webpack 提供的 API，用于在运行时动态地导入模块，在 Vue.js 项目中常用于自动注册路由、组件等功能。

通过vue脚手架搭建vue3项目

弹层类组件为什么要统一至 open 属性？因为历史原因，弹层类组件展示命名并不统一，出现了 open 与 visible 都在使用的情况。这使得非 tsx 用户在开发时遭遇的记忆成本。同样导致新增 feature 时选择何种命名的模棱两可。因而我们希望统一该属性命名，你仍然可以使用原本的 visible 它仍然会向下兼容，但是从 v5 起我们将从文档中移除该属性。

分享自己vscode上安装插件。

Leaflet 是一个开源并且对移动端友好的交互式地图 JavaScript 库。它大小仅仅只有 42 KB of JS, 并且拥有绝大部分开发者所需要的所有地图特性。Leaflet 简单、高效并且易用。它可以高效的运行在桌面和移动平台, 拥有着大量的 扩展插件、 优秀的文档、简单易用的 API 和完善的案例, 以及可读性较好的 源码。

正常使用useState却出现警告，代码是可以运、行是没有报错。

因为以前跟B站做了一些项目，想上传到gitee仓库保留。所以写下此文章。前端项目。

如何发起请求将文件数据上传给后端。

更新时，该 Hook 会触发重渲染，并使用最新传递给 MyContext provider 的 context value 值。即使祖先使用 React.memo(memo具有缓存作用) 或 shouldComponentUpdate，也会在组件本身使用 useContext 时重新渲染。useContext接收一个 context 对象（React.createContext 的返回值）并返回该 context 的当前值。代码可以看出，在顶级组件中传递的值可以在子组件中拿到，不需要采用父传子的方式。

b->name(当前数据的名称), c:value(当前数据的值), d:百分比。

在项目中使用@符代表src路径引入文件会方便很多，层级会比较明确。@符代表src目录是配置出来的，也可以代表其他路径！使用@进行引入文件会比较方便，假如文件迁移会导致路径改变，使用@符就不需要担心路径改变导致没有找到文件。

在以前的项目中使用自带的字体就够用了，突然要我使用下载的第三方字体引入到项目中有点不知道怎么去做，然后去查帖子，发现挺简单的，

在react项目中使用antd组件中的锚点组件，在点击进行跳转的时候锚点字体是需要变大。在控制台点击没有发现这种情况，在真机进行测试出现了字体抖动的情况。我就是单纯的将点击之后字体变大，就出现了这种情况。我以为是外层的盒子的影响。我也将外层盒子的布局去掉也还是有这种情况出现。

在vscode中的文件>首选项>设置中，直接搜索，进入：找到 “注意：有些vscode的版本不一样，都如出一辙。在vscode中的文件>首选项>设置中，直接搜索，找到 “” 配置项，点击添加项javascript，值为。

React函数式编程没有生命周期，因此需要借助useEffect来实现。

useState让函数组件有了state状态，可以对状态数据进行读写操作语法：const [变量名,修改变量的方法名] = React.useState(初始值)修改变量的方法名(setXxx)有两种写法:setXxx(newValue):参数为非函数值，直接指定新的状态值，内部用器覆盖原来的状态值。setXxx(value => newValue):参数为函数，接收原本的状态值，返回新的状态值 ，内部用器覆盖原来的状态值。

同事给我一个前端包，需要我在其他项目中复用该项目中的某些功能。拿到包之后就是npm install安装依赖。解决了node版本与依赖之间的冲突，到后面出现eslint监测运行不了项目，因此写下文章来记录。

在学习如何使用node.js写接口中，虽然能大概了解url模块中parse方法的作用，却还是没有真正的了解它的用法。因此写下该篇文章来记录。

1.点击文件(File) => 首选项(Preferences) =>用户片段(User Snippets)现！！选择就行了。2.选择需要添加的代码片段。3.书写代码片段

例如：在子组件中使用vm.$emit（vm为组件实例对象）自定义方法名字+需要传递的值，在父组件中只用@+自定义方法的名字（@为v-on的糖语法）,配置他触发的事件，默认参数为自定义方法传递的值。该图片为当时看视频学习保存的！！！

解决报错其实很简单：在项目的jsconfig.json文件下添加"jsx":"preserve"配置项。今天写项目发现template标签下面有波浪线提示，强迫症患者看着不舒服！

太久没有使用脚手架创建项目了，有些生疏。因此写下该篇文章！！！

今天准备使用vue脚手架创建项目，然后出现无法加载vue.ps1文件！于是在网上找资料，成功解决问题。将用到的方法分享出来本人使用的是vscode编辑器。