自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 webpack和vite的区别是什么

Webpack 更加成熟,功能强大,适用于复杂的构建需求,尤其在生产环境的优化上表现出色,但开发时速度较慢,配置复杂。- Vite 专注于快速的开发体验,利用现代浏览器的特性,启动和热重载非常快,适合现代前端开发,但在一些特殊情况下可能不如 Webpack 强大。选择哪个工具,取决于你的项目需求、团队经验以及对构建速度和兼容性的重视程度。

2025-04-01 20:34:56 1104

原创 CSS中的overflow属性

`overflow` 用于控制内容溢出时的显示行为,常见的值有 `visible`、`hidden`、`scroll` 和 `auto`。- `overflow-x` 和 `overflow-y` 提供了分别控制水平和垂直溢出的能力。- 使用 `overflow` 属性时,确保容器有明确的高度或宽度,才能有效控制溢出效果。

2025-04-01 18:36:18 625

原创 JS中模块化导入导出的方法有几种,这几种之间有什么区别?

特性 | ES6 模块 | CommonJS 模块 | AMD/UMD || 导入方式 | `import` | `require` | `define`(AMD)、`require`(UMD)|

2025-04-01 18:31:04 1058

原创 CSS中的em,rem,vm,vh详解

单位 | 解释 | 基础参考 | 用途 || `em` | 相对单位 | 父元素的字体大小 | 适用于需要根据父元素动态调整的场景。| `rem` | 相对单位 | 根元素(`<html>`)的字体大小 | 适用于确保一致的布局和尺寸,避免父元素影响。| 单位 | 解释 | 用途 || `vh` | 相对于视口高度的单位,1vh = 视口高度的 1% | 用于根据视口的高度设置元素的高度或其他尺寸。

2025-03-29 17:33:16 1206

原创 async和await是怎么理解的,await操作符可以写什么表达式

`async` 将函数标记为异步函数,自动返回 `Promise`。- `await` 用于等待一个 `Promise` 解决(resolve)或者拒绝(reject),可以等待任何返回 `Promise` 的表达式,或者直接等待一个值(它会被包装成一个 `Promise`)。- `await` 不能在普通函数中使用,必须在 `async` 函数内使用。

2025-03-29 11:06:12 292

原创 Promise怎么使用,以及它解决了什么问题?

Promise` 是一种用于处理异步操作的 JavaScript 对象,它代表了一个可能还未完成但将来会完成的操作的结果。`Promise` 的目的是解决回调函数(callback)带来的问题,比如回调地狱(callback hell)和异步操作的链式调用等。Promise 的基本用法一个 `Promise` 是一个包含以下几种状态的对象:1. Pending(等待中):初始状态,表示异步操作尚未完成。2. Fulfilled(已完成):异步操作成功完成。

2025-03-28 21:17:24 832

原创 Promise的状态和方法是什么?

`then()`:用于处理成功和失败的回调,支持链式调用。- `catch()`:用于处理 `Promise` 被拒绝时的回调,简化错误处理。- `finally()`:无论成功或失败都执行的回调,用于执行清理操作。- `Promise.resolve()`:用于返回一个已解决的 `Promise`。- `Promise.reject()`:用于返回一个已拒绝的 `Promise`。- `Promise.all()`:用于并行执行多个异步操作,所有操作完成后才会返回。

2025-03-28 21:12:47 628

原创 es6的箭头函数与普通函数的区别,箭头函数的this通常指向哪里,箭头函数可以用作构造函数吗?

1. 箭头函数与普通函数的区别:- 语法更简洁;- `this` 绑定规则不同:箭头函数的 `this` 由外部作用域决定,而普通函数的 `this` 在调用时动态确定;- 箭头函数不能作为构造函数。2. 箭头函数的 `this`: 箭头函数的 `this` 总是指向其定义时的外部作用域,而不是调用时的上下文。3. 箭头函数能否作为构造函数:不能。箭头函数没有 `prototype`,因此不能使用 `new` 创建实例。

2025-03-28 21:05:59 1117

原创 JS:什么是闭包,以及它的应用场景和缺点是什么?

闭包的优点:- 封装:使得数据能够在函数中私有化,从而避免全局变量污染。- 保持状态:可以保持外部函数的状态,允许你在异步操作或回调中使用外部变量。- 灵活性:可以通过闭包实现高阶函数、函数工厂和柯里化等技术。- 闭包的缺点:- 内存消耗:由于闭包会延长作用域的生命周期,可能会导致内存泄漏。- 调试困难:嵌套的作用域使得调试代码变得更加复杂。- 变量无法释放:闭包可能使得不再需要的变量仍然占用内存。

2025-03-28 20:56:30 619

原创 面试官问:JS中的构造函数你是怎样理解的(或new实例化执行过程)?

在 JavaScript 中,构造函数是一种特殊的函数,它用于创建并初始化对象。通过构造函数,我们可以创建多个相同类型的对象,并为这些对象设置初始属性和方法。

2025-03-28 20:47:33 381

原创 vuex是什么,以及它里面的每一个的作用是什么

关键概念 | 作用 | 示例 || State | 存储应用的状态数据 | `this.$store.state.count` |

2025-03-28 20:41:28 1233

原创 vueRouter的hash模式跟history的区别

特性 | Hash 模式 | History 模式 || URL 显示 | 带 `#`,例如 `http://example.com/#/home` | 无 `#`,例如 `http://example.com/home` |

2025-03-28 20:37:39 1278

原创 面试官问到了vue2和vue3响应式的区别

在 Vue 2 和 Vue 3 中,响应式系统发生了一些重要的变化,主要体现在性能、API 设计和实现方式上。

2025-03-28 20:00:31 1343

原创 面试的时候问到了HTML5的新特性有哪些

HTML5 是对 HTML 的重要更新,它引入了许多新特性和改进,使 Web 开发变得更加灵活和强大。以下是一些 HTML5 的关键新特性:HTML5 引入了一些新的语义化元素,帮助开发者更清晰地结构化网页内容,改善了可访问性和 SEO。<header>:定义文档的头部区域,通常包含标题、导航等。<footer>:定义文档的底部区域,通常包含版权、联系信息等。<article>:表示一个独立的内容块,通常可以被单独分发或重用(如博客文章、新闻报道等)。<section>:表示文档中的一个区域,可以用

2025-03-28 19:50:59 1077

原创 如何把自己写的代码上传到gitte(码云)云端(新手小白十几步就可以看懂并操作)

第十步:先来个小警告吧,上传之前先看看你的文件夹里面有没有.gitignore文件,这个文件是忽略你不需要上传的文件,一般来说,项目会自带,如果没有你就自己创建一个,并把不需要上传的文件名直接粘贴进去。第七步:输入 git init 创建本地仓库(代码要先到本地仓库才能上传到云端),文件夹里面显示.git就代表创建成功了。第三步:输入你的仓库名称,建议不要太长,因为太长下面的路径会报错。第八步:打开你刚刚在网页码云上的网页,找到最下面的已有仓库,把第二行复制到终端并回车。输入以后,下面的警告不要管。

2025-03-18 11:05:57 971 1

原创 CSS伸缩盒模型(弹性盒子)

justify-content:控制项目在主轴上的对齐方式(如 flex-start, center, space-between)。​ align-items:控制项目在交叉轴上的对齐方式(如 stretch, center)。​ flex-direction:定义主轴方向(如 row, column)。​flex-wrap:允许项目换行(如 nowrap, wrap)。​交叉轴​(垂直于主轴):项目对齐的方向。​ 主轴​(默认水平方向):项目排列的方向。

2025-03-11 15:55:10 469

原创 用CSS画一条0.5px的线

上次面试前端被问到了这个问题,感觉有点懵懵的,我就回答了一个scaleY(0.5),这个是真的没想到,希望有需要的朋友可以去看看。随便记住一种就行。

2025-03-11 11:10:45 586

原创 如何在docker私有仓库中删除镜像

docker tag 镜像名 ip:端口号(一般是5000)/镜像名:版本(tag)docker push ip:端口号(一般是5000)/镜像名:版本(tag)查看打包后的容器并启动(我这个是已经弄好的)(1)标记镜像为私有仓库的镜像。(2)上传标记的镜像。

2024-10-30 21:07:02 559

原创 docker: Error response from daemon: driver failed programming external connectivity on endpoint dock

这是我在docker实验中,拉取registry镜像、并打包后,准备上传到私人仓库时遇到的问题。

2024-10-30 20:34:15 918

原创 使用Docker在已有的镜像中创建新的容器

选项表示 Docker 以“分离模式”运行容器,也就是在后台运行,而不是在前台显示输出。这使得你可以继续使用命令行,而容器在后台继续运行。指定了容器的名称为 "han3"是要使用的镜像名称。

2024-10-23 21:29:07 776

原创 使用open stack时遇到Missing value auth-url required for auth plugin password

注意:PASSWORD,如果你自己设置后,一定要记住。AUTH_URL中han是你的主机名。运行openstack服务就好了,执行命令,这里的/root/是你安装的目录。如果不行的话,看看你的配置文件里面的内容。

2024-10-22 21:13:04 1327

原创 在鉴权并验证Keystone服务的时候遇到bash: admin-openrc: 未找到命令...

bash: admin-openrc: 未找到命令...

2024-10-22 21:05:26 642 3

原创 警告:/openstack-selinux-0.8.26-1.el7.noarch.rpm: 头V4 RSA/SHA256 Signature.获取 GPG 密钥失败:[Errno 14] HTTP

警告:/var/cache/yum/x86_64/7/centos-openstack-train/packages/openstack-selinux-0.8.26-1.el7.noarch.rpm: 头V4 RSA/SHA256 Signature, 密钥 ID 764429e6: NOKEY从 http://mirrors.aliyun.com/centos/RPM-GPG-KEY-Centos-7 检索密钥。

2024-10-14 09:20:00 500

原创 前端中过渡跟动画的区别

* 想实现的效果可以自己写 *//* 想实现的效果可以自己写 *//* 想实现的效果可以自己写 *//* 想实现的效果可以自己写 */3.列表: 如果想让所有属性都持续一个时间,那就写一个值。如果想让每个属性持续不同的时间那就写一个时间的列表。/* 想实现的效果可以自己写 */作用:设置过渡的持续时间,即:一个状态过渡到另外一个状态耗时多久。2. a11:过渡所有能过渡的属性。/* 定义一个动画(定义一组关键帧)————第二种方式 *//* 定义一个动画(定义一组动画)————第一种方式 */

2024-10-11 21:33:59 440

原创 解决docker报错Error response from daemon: Get https://registry-1.docker.io/v2/: net/http: request cancel

报错:Error response from daemon: Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting for connection (Client.Timeout exceeded while awaiting headers)进入这个文件以后输入。到这里就可以解决了。

2024-10-10 20:33:10 1538 3

原创 web前端浮动以及练习

适合前端新手练手的简单浮动排版

2024-09-24 18:56:24 274

原创 Ubuntu:解决拷贝虚拟机镜像到主机后无法上网的问题

首先在自己Windows主机上win+R打开运行框,输入cmd,进入后输入ipconfig,nat配置对应的是vmnet8, 我们需要让虚拟机的IP地址和处于同一个网段下(你的电脑会是192.168.x.1).1.2 编辑网络配置信息文件注意不要直接复制粘贴!要修改下面的addresses 和 gateway4。

2024-06-13 21:44:09 891 1

原创 centos7卡在开机界面无法进入的问题及解决

一般就是 /etc/selinux/config 的 SELINUX 和 SELINUXTYPE 参数值不正确,导致系统无法启动问题。需要进入单用户模式修改配置文件。

2024-05-14 20:53:31 11353 2

原创 关于MySQL启动不成功的原因与解决办法

原因分析:一般来说,MySQL下载安装好以后是默认自启动的,如果你在电脑管家或其他地方将它关闭后重启输入正确密码也不成功,很可能是你将它自启动改成了用不启动。打开 任务管理器,找到 服务 后下滑找到你用的MySQL。然后右键将你的禁止启动改为。就可以了,这样MySQL在你用的时候输入密码就可以了,关于MySQL启动不成功的原因与解决办法。Ctrl +Alt再按 .

2024-05-14 20:29:00 753 3

原创 hadoop集群启动唯独缺少DataNode进程的解决方法

我们可以找到datanode的资料,VERSION文件,然后把所有用到datanode进程的节点上面的VERSION都删除,再在主机上重新进行格式化,再次使用。因为各种原因导致需要快照或重新配置,进入到最后一步格式化过后,开启集群发现主机进程一切正常,从节点其他进程也都有,唯独Datanode进程没有的情况。,datanode进程就可以出来了。可能是因为两次甚至多次的。然后重启Hadoop。

2024-05-13 21:12:34 2620 3

原创 虚拟机中Hadoop集群NameNode进程缺失问题解析与解决

在操作Hadoop集群时,务必遵循正确的启动和停止流程,避免异常退出导致的问题。定期检查Hadoop集群的配置文件,确保各项配置正确无误。在进行NameNode格式化之前,务必备份重要数据,以防数据丢失。如果在解决问题过程中遇到其他错误或异常,请查看Hadoop的日志文件以获取更多详细信息,并根据日志提示进行相应的调整。

2024-05-13 20:58:14 3019 4

原创 VMware centos7下通过idea实现Hadoop MapReduce经典案例之一的TopN案例

一:案例需求现假设有数据文件num.txt,现要求使用MapReduce技术提取上述文本中最大的5个数据,并最终将结果汇总到一个文件中。先设置MapReduce分区为1,即ReduceTask个数一定只有一个。我们需要提取TopN,即全局的前N条数据,不管中间有几个Map、Reduce,最终只能有一个用来汇总数据。在Map阶段,使用TreeMap数据结构保存TopN的数据,TreeMap默认会根据其键的自然顺序进行排序,也可根据创建映射时提供的 Comparator进行排序,其firstKey()方法用于返

2024-04-28 21:18:53 3005 4

原创 Hadoop 在web(浏览器)中Browse Directory,无法下载文件的解决方法

Hadoop在浏览器中下载出错

2024-04-28 20:54:10 993 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除