- 博客(74)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 虚拟机网络配置、ssh免密配置、jdk和hadoop安装、Hadoop集群配置、格式化文件系统、关闭和启动集群、UI查看集群状态
一、虚拟机网络配置二、SSH免密登录公能配置二、安装jdk三、安装Hadoop四、Hadoop集群配置五、格式化文件系统六、关闭和启动Hadoop集群七、通过UI界面查看Hadoop运行状态1.虚拟机网络配置mkdir -p /export/datamkdir -p /export/serversmkdir -p /export/software（后面我们安装软件需要这几个目录）打开VMware点开编辑再打开虚拟网络编辑器再window下找到更改适配器选项进入hadoop01进行
2020-06-27 12:22:39
1209
5
原创 面试题：描述在前端开发中，如何利用数据结构来优化页面渲染性能，并给出一个具体的示例。
在前端开发中，优化页面渲染性能是提升用户体验的关键之一。合理地使用数据结构可以有效地减少DOM操作的次数、提高数据处理的效率，从而加快页面的渲染速度。以下是一些策略，并给出一个具体的示例。来缓存转换后的消息列表（即将文本转换为大写），这样可以避免在每次渲染时都重新处理整个消息数组。假设我们有一个长列表，每个列表项都显示一条消息，我们可以使用React的。对象的属性发生变化时，组件才会重新渲染，进一步提高了渲染效率。包裹，这意味着只有当。
2024-10-24 20:04:31
335
原创 Uncaught (in promise) Error: Navigation cancelled from “/“ to “/login“ with a new navigation.解决方案
路由跳转`控制台提示：Uncaught (in promise) Error: Navigation cancelled from "/" to "/login" with a new navigation.`通常是因为在路由跳转过程中，某个导航被取消了。
2024-09-27 10:39:41
705
原创 vue中子传父之间通信(this.$emit触发父组件方法和.sync修饰符与$emit(update:xxx))
看了几篇帖子，都没有将$emit两种用法汇聚总结在一起。需要额外的浪费时间去查看其他帖子，索性自己总结一下，方便以后查看。
2024-08-07 10:37:39
520
1
原创 koa2+svg-captcha实现登录验证码以及存储验证功能（非常详细版）
学习使用koa2来返回验证码，前端渲染验证码并对验证码进行验证存储验证码可以使用session/cookie等。
2024-05-16 19:06:52
1083
原创 vscode报警告‘找不到模块“vue”或其相应的类型声明‘
vscode报警告'找不到模块“vue”或其相应的类型声明'，但是代码是能正常运行起来的。
2024-02-28 15:47:48
3357
原创 koa项目部署云服务器（部署本地虚拟机中）
如果你为root用户为localhost，你电脑的Navicat想访问远程服务器的MySQL是连接不是的，只有在服务器本机上连接才行。如果我们希望在本地的VSCode中可以直接编辑远程的代码，可以使用一个VSCode的插件：remote-ssh。如果像我一样没有远程服务器，用虚拟机模拟服务器的话，需要使用命令将3306端口开放。我们需要将之前项目中（本地）MySQL的数据库迁移到服务器中的MySQL数据库中。如果像我一样没有远程服务器，用虚拟机模拟服务器的话，需要使用命令将8000端口开放。
2024-02-22 17:25:02
1267
原创 jsonwebtoken使用HS256生成token失败
怀疑是私钥没有读取到，发现将PRIVATE_KEY 替换为普通字符串与algorithm删除，使用默认的加密。- 默认加密算法使用的是HS256为对称加密``发现我的写法是没有问题的，token就是生成失败，然后使用try-catch包裹代码就发现错误了！如果你使用RS256算法，那么你的私钥或秘密（secret）必须至少有2048位。小于这个大小的密钥可能不安全，容易被破解。
2024-01-31 09:42:32
453
原创 Jenkins自动化部署(虚拟机部署)
自动化部署一般都是部署到云服务器上，但是为想了解如何实现自动化部署如何实现又不想去花钱购买云服务器，我选择在部署在虚拟机上。
2023-11-20 16:20:59
790
原创 微信开发者工具引报[Component] slot ““ is not found (for component “miniprogram_npm/@vant/weapp/field/index“).
引入vant库微信开发者工具控制台报[Component] slot “” is not found (for component “miniprogram_npm/@vant/weapp/field/index”).警告。可能是小程序版本升级对一些东西的验证更加严格导致的该错误可以修改组件内的源码或者将版本降低到2.18.1以下版本。
2023-10-24 09:56:44
1007
2
原创 webpack配置报错Invalid options object. Dev Server has been initialized using an options object that...
disableHostCheck是一个用于Vue CLI开发服务器的配置选项，用于禁用对主机检查的验证。在旧版本的Vue CLI中，可以使用这个选项来解决某些特定的网络环境下的配置问题。然而，在较新的Vue CLI版本（4.x及以上）中，disableHostCheck选项被移除了，并且默认情况下主机检查是启用的。这是因为启用主机检查可以提高开发服务器的安全性，防止潜在的主机劫持攻击。
2023-08-21 11:49:43
7086
原创 Vue3挂载全局方法及组件中如何使用
在Vue3项目中，需要频繁使用某一个方法。配置到全局感觉会方便很多。例如：因为很多页面都需要对时间进行格式，所以将时间格式函数配置到全局。
2023-07-11 15:43:58
12072
3
原创 Vue3中父子组件实现数据双向绑定效果
使用modelValue进行接收，将接收的modelValue拷贝给formData，并监听formData的数据是否改变，改变了就将新数据emit(‘update:modelValue’, 新数据)更新数据。将formData数据使用v-model传递给子组件。
2023-07-10 09:21:14
831
原创 解决bug：Multiple assets emit different content to the same filename index.html
同事将他的代码发给我，我下载依赖并用npm run serve运行项目过程中，出现Conflict: Multiple assets emit different content to the same filename index.html的报错。
2023-06-29 15:14:13
500
原创 require.context()用法详解
require.context() 是 Webpack 提供的 API，用于在运行时动态地导入模块，在 Vue.js 项目中常用于自动注册路由、组件等功能。
2023-06-19 16:34:37
2488
原创 前端使用pako对数据进行压缩与解压
碰到一个项目，把很多数据都存到sessionStorage中进行调用，而sessionStorage存储空间是有限的，当存储数据过大时会报错，所以想到把数据压缩在存到本地，需要使用时再进行解压。其实压缩与解压的数据不一定要存到sessionStorage中，什么数据都存储到sessionStorage会降低浏览器的性能，可以使用VueX、Redux进行管理数据。
2023-04-19 19:00:00
3743
原创 使用antd中Drawer组件点击不弹出问题
弹层类组件为什么要统一至 open 属性？因为历史原因，弹层类组件展示命名并不统一，出现了 open 与 visible 都在使用的情况。这使得非 tsx 用户在开发时遭遇的记忆成本。同样导致新增 feature 时选择何种命名的模棱两可。因而我们希望统一该属性命名，你仍然可以使用原本的 visible 它仍然会向下兼容，但是从 v5 起我们将从文档中移除该属性。
2023-03-10 15:24:02
1548
1
原创 leaflet学习-简单使用demo
Leaflet 是一个开源并且对移动端友好的交互式地图 JavaScript 库。它大小仅仅只有 42 KB of JS, 并且拥有绝大部分开发者所需要的所有地图特性。Leaflet 简单、高效并且易用。它可以高效的运行在桌面和移动平台, 拥有着大量的 扩展插件、 优秀的文档、简单易用的 API 和完善的案例, 以及可读性较好的 源码。
2023-02-28 19:00:00
526
原创 react报错Returns a stateful value, and a function to update it
正常使用useState却出现警告，代码是可以运、行是没有报错。
2023-02-25 19:00:00
108
原创 react函数式组件（hooks）之useContext
更新时，该 Hook 会触发重渲染，并使用最新传递给 MyContext provider 的 context value 值。即使祖先使用 React.memo(memo具有缓存作用) 或 shouldComponentUpdate，也会在组件本身使用 useContext 时重新渲染。useContext接收一个 context 对象（React.createContext 的返回值）并返回该 context 的当前值。代码可以看出，在顶级组件中传递的值可以在子组件中拿到，不需要采用父传子的方式。
2023-01-18 15:00:00
393
原创 react使用@引入文件
在项目中使用@符代表src路径引入文件会方便很多，层级会比较明确。@符代表src目录是配置出来的，也可以代表其他路径！使用@进行引入文件会比较方便，假如文件迁移会导致路径改变，使用@符就不需要担心路径改变导致没有找到文件。
2022-12-08 15:48:51
1068
原创 react项目如何使用第三方字体
在以前的项目中使用自带的字体就够用了，突然要我使用下载的第三方字体引入到项目中有点不知道怎么去做，然后去查帖子，发现挺简单的，
2022-12-01 11:10:24
1671
原创 移动端点击字体放大出现抖动状况
在react项目中使用antd组件中的锚点组件，在点击进行跳转的时候锚点字体是需要变大。在控制台点击没有发现这种情况，在真机进行测试出现了字体抖动的情况。我就是单纯的将点击之后字体变大，就出现了这种情况。我以为是外层的盒子的影响。我也将外层盒子的布局去掉也还是有这种情况出现。
2022-11-30 21:26:42
432
原创 VSCode中JSX的编写优化
在vscode中的文件>首选项>设置中，直接搜索，进入：找到 “注意：有些vscode的版本不一样，都如出一辙。在vscode中的文件>首选项>设置中，直接搜索，找到 “” 配置项，点击添加项javascript，值为。
2022-11-08 13:29:51
877
原创 react函数式组件（hooks）之useState
useState让函数组件有了state状态，可以对状态数据进行读写操作语法：const [变量名,修改变量的方法名] = React.useState(初始值)修改变量的方法名(setXxx)有两种写法:setXxx(newValue):参数为非函数值，直接指定新的状态值，内部用器覆盖原来的状态值。setXxx(value => newValue):参数为函数，接收原本的状态值，返回新的状态值 ，内部用器覆盖原来的状态值。
2022-10-25 22:00:18
926
原创 react项目关闭eslint监测
同事给我一个前端包，需要我在其他项目中复用该项目中的某些功能。拿到包之后就是npm install安装依赖。解决了node版本与依赖之间的冲突，到后面出现eslint监测运行不了项目，因此写下文章来记录。
2022-10-17 15:12:09
3277
原创 node.js中的url.parse方法
在学习如何使用node.js写接口中，虽然能大概了解url模块中parse方法的作用，却还是没有真正的了解它的用法。因此写下该篇文章来记录。
2022-10-14 14:39:07
2558
原创 vsCode设置代码片段-已经写得很详细了
1.点击文件(File) => 首选项(Preferences) =>用户片段(User Snippets)现！！选择就行了。2.选择需要添加的代码片段。3.书写代码片段
2022-10-10 21:13:29
12957
2
原创 Vue的通讯方式：子传父(自定义事件)
例如：在子组件中使用vm.$emit（vm为组件实例对象）自定义方法名字+需要传递的值，在父组件中只用@+自定义方法的名字（@为v-on的糖语法）,配置他触发的事件，默认参数为自定义方法传递的值。该图片为当时看视频学习保存的！！！
2022-09-30 13:53:33
251
原创 解决报错：TypeScript intellisense is disabled on template.
解决报错其实很简单：在项目的jsconfig.json文件下添加"jsx":"preserve"配置项。今天写项目发现template标签下面有波浪线提示，强迫症患者看着不舒服！
2022-09-29 17:15:25
346
原创 无法加载文件 D:\nodejs\node_global\vue.ps1
今天准备使用vue脚手架创建项目，然后出现无法加载vue.ps1文件！于是在网上找资料，成功解决问题。将用到的方法分享出来本人使用的是vscode编辑器。
2022-09-19 20:55:18
408
2-eclipse.exe
2020-07-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人