自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【报错】快速解决 Error: error:0308010C:digital envelope routines::unsupported at new Hash

网上的方法很多,可以通过降级node版本,或者更新 browserslist 数据库、设置环境变量等等方法。我这里直接教大家一个快速解决,不同降版本!也不用更新那些变量,真的超级简单哦😆。我在网上搜了一下,是因为我的node版本太高了(我的是node20)因为 nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥进行了限制,所以出现了错误。

2024-09-20 12:01:33 278

原创 2024年最新版TypeScript学习笔记——泛型、接口、枚举、自定义类型等知识点

TypeScript支持基础类型如布尔值、数字、字符串、数组、元组、枚举等,以及高级类型如交叉类型、联合类型、类型别名和条件类型。它引入了接口来定义对象结构,支持类和面向对象编程,包括构造函数、方法和装饰器。函数在TypeScript中可以定义输入输出类型,增强了代码的可读性。泛型允许创建可重用的代码组件,支持多种数据类型。模块和命名空间特性使得代码组织和封装更加有效,避免了全局命名冲突。装饰器为类和成员提供元数据,混入允许合并构造函数和工厂方法,而类型声明文件(.d.ts)则提供必要的类型信息。

2024-09-18 14:27:48 1403

原创 关于Typora上传图片错误解决办法——(上传图片失败。错误信息: {“success“:false,“message“:“upload error. see C:\\Users\\))

就是因为这个选项,导致了我们上传图床的时候添加了后缀路径,导致上传失败了,所以我们只需要把这个选项关闭了,就能成功啦🥳。在这个图像设置当中,我们要关闭图片语法偏好里面的。其实对于这个问题,不是上传服务错误,而是你的图像路径名称出错了。关闭了该选项之后,再试着上传以下图片,出现。就表示咱们得图片能够上传到图床咯🤗。然后图片也没有展示出来。

2024-09-16 15:35:29 241

原创 2024年最新版Vue3学习笔记

本篇文章是记录来自尚硅谷禹神2023年课程的学习笔记,不得不说禹神讲的是真的超级棒!基于vite创建,是一个新一代的前端构建工具。优点:wepack构建流程vite构建流程创建步骤:安装插件:目录分析:创建应用:导入根组件:挂载组件:编写一个App组件:启动项目:向下兼容语法,且中的模板中可以没有根标签。新创建的组件:在App.vue中使用组件上面是使用Vue2的选项式(OPotionsAPI)写法来写的类型的 ,数据、方法、计算属性等,是分散在:、、中的,若想新增或者修改一个需求,

2024-09-15 18:57:11 1793

原创 2024年最新版Ajax+Axios 学习【包含原理、Promise、报文、接口等...】

包含原理、Promise、报文、接口

2024-09-04 21:05:49 1838

原创 2024年最新版JavaScript学习笔记【3万字总结】

本篇文章是记录来自黑马pink老师2023年课程的学习笔记,不得不说pink老师讲的是真的超级棒! 内容也是非常丰富的,本篇文章我也是基于在原始课程的基础上,添加了一些自己的写法,还有一些小案例内容。所有涉及到的JavaScript知识点有:变量、数组、数据类型、运算符、函数、对象、BOM和DOM、事件、面向对象、以及ES6+新特性。正则表达式等等等。而且本篇内容还不算完结,知识记录了pink老师讲的课的知识点,后面我还会添加上Promise、AJAX、跨域等知识,让整个JavaScript体系完完

2024-08-21 14:51:50 884

原创 HTML+CSS进阶用法 (下)——移动端适配、媒体查询和响应式布局

欢迎来到移动端适配方案的介绍!随着移动互联网的快速发展,越来越多的用户通过手机和平板电脑访问网站。为了确保网站能够在各种设备上呈现出最佳的视觉效果和用户体验,我们需要采取有效的适配策略。本篇文章将带你了解几种常用的适配方法,包括宽度适配、等比适配、媒体查询以及使用 flexible.js 和 vw 布局。让我们一起探索如何构建响应式网页,使其能够完美适应不同屏幕尺寸!

2024-08-16 08:15:00 1200

原创 HTML+CSS进阶用法(中) ——CSS动画

/使用 from 和 to 关键字:@keyframes 动画名称{from{} //开始状态to{} //结束状态//使用百分比:@keyframes 动画名称{0% {}10% {}.....100% {}

2024-08-15 08:45:00 505

原创 HTML+CSS进阶用法(上)——平面转换、渐变、空间转换

在这篇博客中,我们将深入探讨CSS中的变换属性`transform`,它为网页设计带来了无限的可能性。从基础的位移、旋转和缩放,到复杂的3D转换和动画效果,`transform`属性都能轻松实现。让我们开始这段视觉与技术的旅程,探索如何使用这些强大的工具来创造令人惊叹的网页效果。---欢迎来到CSS变换的世界,这里充满了创意和可能性。在本篇博客中,我们将一起学习如何使用`transform`属性来实现各种平面和空间转换效果,包括位移、旋转、缩放,以及如何通过渐变和动画来增强我们的网页设计。无论你是初

2024-08-14 17:39:22 926

原创 【小技巧】前端HTML项目开发创建流程!

项目目录base.css/* 去除常见标签默认的 margin 和 padding */* { margin: 0; padding: 0; box-sizing: border-box;}/* 设置网页统一的字体大小、行高、字体系列相关属性 */body { font: 16px/1.5 "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; c

2024-08-14 10:00:00 242

原创 一天搞定Vue3——包含Axios、ElementUI Plus、Vuex的使用!!!

一天搞定Vue3——包含Axios、ElementUI Plus、Vuex的使用!!!前言,本篇文章是依据bilibili博主(波波酱老师)的学习笔记,波波酱老师讲的很好,很适合速成!!!本篇文章会与vue2进行对比学习,并且也有很多的JavaScript知识点,要提前掌握他们才能学的效果更佳,见效更快。

2024-08-13 16:44:40 1086

原创 【项目】基于Vue3.2+ElementUI Plus+Vite 通用后台管理系统

【项目】基于Vue3.2+ElementUI Plus+Vite 通用后台管理系统

2024-08-13 15:43:08 576

原创 【项目】基于Vue2+Router+Vant 前端面经项目

基于vue2+vue-Router+Vant组件库的面经项目

2024-08-13 15:40:02 1148

原创 超级简单的路由懒加载实现方法!!!

如上,如果我们需要导入这些组件,但是还没有被需要使用的时候,就会非常的占用资源。懒加载就配置好啦🥳。甚至还可以直接在路由当中。

2024-08-12 14:47:44 199

原创 前端面试常问的CSS盒子模型和flex布局

内边距:padding(出现在内容与盒子边缘之间)边框线:border外边距:margin(出现在盒子之外)盒子尺寸=内容尺寸+边框尺寸+内边距尺寸,所以给盒子加上border/padding会撑大盒子。还有flex布局

2024-08-11 18:00:00 798

原创 前端面试常考的CSS样式问题!!!

​ 公式:通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式

2024-08-11 11:15:00 878

原创 前端面试常考的CSS定位和CSS高级应用,你会多少鸭?

CSS定位:静态定位、相对定位、固定定位、层级效果、粘性定位、绝对定位CSS高级应用:CSS精灵图(雪碧图)、字体图标、透明度opacity、光标类型cursor、显示和隐藏属性,BFC块级上下文、表格样式、文字溢出效果、文字溢出显示省略号、渐变色的使用

2024-08-10 17:17:34 682

原创 前端面试常考的HTML标签知识!!!

article | 网页文章 | 网页的独立文章区域 |作用:在网页中显示预留的字符。

2024-08-10 17:06:53 304

原创 一天搞定前端开发必备技能(5)——json、json-server搭建接口数据

前端也能配置接口数据啦!!!,实习生是不是还在忧愁项目提供的接口关闭了,开发者是不是还在等待后端接口写的太慢了,测试是不是还看不懂前端的json数据呢?现在学习了这篇文章,看看能不能解君愁🌹。

2024-08-10 17:04:46 746

原创 【小技巧】CSS如何实现文字溢出显示省略号

是一种常见的文本截断技术,用于在文本内容超出其容器宽度时,提供一种视觉上的提示,表明文本已被截断。在列表项或者导航菜单中,经常会在列表项或导航菜单中,由于空间有限,当文本内容较长时,可以使用省略号显示文本已被截断。这个方法很多地方都会用到,我们可以直接复制下来,写在一个公共样式当中,下次直接使用类名即可(当然,文字省略了之后,也要得找个时机让他的文字完全显示的做法,只需要设置一个。方法非常简单,只需要添加以下👇三句话就可以实现啦🥳!伪类,让鼠标经过的时候显示全。设置不允许换行,强制文字一行显示。

2024-08-03 20:42:48 668

原创 一天搞定React(5)——ReactRouter(下)【已完结】

Hello!我看到了消息,一定会及时更正过来∠(°ゝ°)。话不多说,直接开学💪⛽️

2024-07-26 20:26:56 953

原创 一天搞定Recat(5)——ReactRouter(上)【已完结】

Hello!我看到了消息,一定会及时更正过来∠(°ゝ°)。话不多说,直接开学💪⛽️。

2024-07-25 23:30:39 795

原创 面试前端实习常问的关于【ES6新特性】的问题

是一些面试前端实习时可能会问到的关于ES6新特性的问题:箭头函数、类和继承、模板字符串、解构赋值、默认参数值、剩余参数和扩展运算符、Promises、模块化、Set和Map、Proxy和Reflect、Symbol、迭代器和生成器。

2024-07-25 18:49:21 1255

原创 一天搞定React(4)——Redux【已完结】

Hello!我看到了消息,一定会及时更正过来∠(°ゝ°)。话不多说,直接开学💪⛽️!

2024-07-24 22:00:13 1463

原创 搞定前端面试题——MVC模型和MVVM模型的区别!!!

MVVM是一种设计模式,主要用于构建用户界面,特别是在现代的前端框架中。MVC 是一种软件设计模式,用于组织代码,使应用程序的组件。,从而更容易开发和维护。视图不直接与模型交互。

2024-07-24 11:30:25 418

原创 一天搞定React(3)——Hoots组件【已完结】

Hello!大家好,今天带来的是React前端JS库的学习,课程来自黑马的往期课程,具体连接地址我也没有找到,大家可以广搜巡查一下,但是总体来说,这套课程教学质量非常高,每个知识点都有一个小案例,最后有一个总的美团外卖案例教学,大家可以看看我这篇文章,如果能够帮到你们,还请多多点赞o( ̄▽ ̄)d支持支持🌹,如果文章中有错误的或者是遗漏信息,可以在评论区指出或者是与我私信。我看到了消息,一定会及时更正过来∠(°ゝ°)。话不多说,直接开学💪⛽️!

2024-07-21 23:39:58 1164 2

原创 一天搞定React(2)——JSX语法【已完结】

Hello!大家好,今天带来的是React前端JS库的学习,课程来自黑马的往期课程,具体连接地址我也没有找到,大家可以广搜巡查一下,但是总体来说,这套课程教学质量非常高,每个知识点都有一个小案例,最后有一个总的美团外卖案例教学,大家可以看看我这篇文章,如果能够帮到你们,还请多多点赞o( ̄▽ ̄)d支持支持🌹,如果文章中有错误的或者是遗漏信息,可以在评论区指出或者是与我私信。我看到了消息,一定会及时更正过来∠(°ゝ°)。话不多说,直接开学💪⛽️!

2024-07-21 23:36:27 1110

原创 一天搞定React(1)——React安装与配置【已完结】

Hello!大家好,今天带来的是React前端JS库的学习,课程来自黑马的往期课程,具体连接地址我也没有找到,大家可以广搜巡查一下,但是总体来说,这套课程教学质量非常高,每个知识点都有一个小案例,最后有一个总的美团外卖案例教学,大家可以看看我这篇文章,如果能够帮到你们,还请多多点赞o( ̄▽ ̄)d支持支持🌹,如果文章中有错误的或者是遗漏信息,可以在评论区指出或者是与我私信。我看到了消息,一定会及时更正过来∠(°ゝ°)。话不多说,直接开学💪⛽️!

2024-07-21 23:34:00 269

原创 搞定前端实习题——CSS绘制三角形和圆形!!!

是CSS中的一个属性,用于设置元素边框的圆角。它可以给元素的四个角设置圆弧形状,使得元素看起来更加柔和,而不是尖锐的直角。时,它表示边框的顶部颜色是完全透明的。这意味着,如果边框的宽度不为零,它仍然会占用空间,但不会显示任何颜色。主要是设置上下左右边框的宽度来实现不同颜色,不同形状的三角形或者是梯形。的值设置为元素尺寸的50%,它就会变成一个完美的圆形。:百分比基于元素的尺寸,100% 将创建一个完美的圆形。分隔,第一个值是水平半径,第二个值是垂直半径。属性用于设置元素顶部边框的颜色。:应用于所有四个角。

2024-07-19 17:18:39 385

原创 搞定前端面试题——HTTP状态码!!!

1xx:请求被接受,但是需要继续处理。2xx:服务端被接受。4xx:代表着客户端存在问题。3xx:代表着需要我们完成请求,但是呢需要我们进一步操作(适用于重定向)

2024-07-19 10:00:00 243

原创 【报错】npm error code ENOENT npm error syscall open npm error path E:\Intellectron\ReactStudy\package.j

如果你出现了以上报错,哈哈哈哈不用担心,超级简单就可以完成了,其实就是没有。

2024-07-18 23:30:19 613

原创 搞定前端面试题——GET/POST请求方法!!!

GET:获取指定资源的表示方式,只适合于获取数据。POST:数据传输到指定的资源位。

2024-07-18 21:30:00 355

原创 搞定前端面试题——三次握手和四次挥手!!!

在网络的世界里,数据的传输就像一场精心编排的舞蹈。每一步都必须精确无误,以确保信息能够安全、可靠地从一点传递到另一点。这正是TCP协议的核心所在——通过“三次握手”建立连接,以及通过“四次挥手”优雅地结束对话。今天,我们将深入探讨这两个过程,它们是确保网络通信可靠性的关键机制。

2024-07-18 17:00:00 345

原创 搞定前端面试题——TCP和UDP!!!

首先为了认识TCP和UDP,我先通过一个小故事来深刻体会以下:想象一下,你正在和一个朋友通过信件交流。TCP就像你每次寄信时都会确保信件安全送达,并且对方也确认收到了。这就像是你和对方通过电话确认:“嘿,我刚刚寄出了一封信,你收到了吗?”对方回复:“是的,我收到了。”然后你再继续写下一封信。这个过程虽然有点慢,但非常可靠,确保了每封信都能被对方收到。而UDP则像是你把信扔进邮筒,然后就不管了。你不需要确认对方是否收到了信,也不需要等待对方的回复。这种方式更快,但也有可能信件在途中丢失或者被弄乱。

2024-07-18 12:24:07 340

原创 【vue报错】error ‘_‘ is defined but never used no-unused-vars、`error ‘xxx‘ is assigned a value but never

在前面加一行注释:(通常表示你给一个变量赋了值,但在代码中没有使用它)在前面加一行注释:(表示忽略下一行校验)

2024-07-17 17:37:51 221

原创 一天搞定前端必备开发技能(4)—— Webpack最热门构建工具

随着Web应用的日益复杂化,相关开发技术如同春日里的百花争艳,竞相绽放。这一趋势对前端构建工具提出了更为严苛的要求。在众多构建工具中,Webpack以其卓越的性能和灵活性脱颖而出,成为当前最为流行且不可或缺的前端构建工具之一。它几乎已经成为每一位追求前沿技术的前端工程师必备的技能之一。因此,紧跟行业步伐的前端工程师们,掌握Webpack已成为提升工作效率、优化项目开发的必修课。

2024-07-16 15:58:29 1035

原创 【vue报错】npm error code ERESOLVEnpm error ERESOLVE could not resolvenpm error

这是因为在安装@commitlint/config-conventional和@commitlint/cli时,npm 遇到了依赖冲突。具体来说,@vue/eslint-config-standard@6.1.0依赖于eslint-plugin-vue@^7.0.0,但是你的项目中已经安装了eslint-plugin-vue@8.7.1。

2024-07-16 15:54:36 421

原创 Vs code终端修改字体大小和字体

1. 打开设置——》找到用户。2. 搜索框搜索“font”,然后找点击“终端”选项。3. 上面一个是修改终端字体的,下面是修改终端字体大小。

2024-07-16 11:16:13 656

原创 一天搞定前端必备开发技能 (3)——自动化构建工具gulp

gulp 是一个自动化构建工具,它使用 Node.js 编写,主要用于前端开发过程中的自动化任务。gulp 的核心功能是能够快速地执行常见的任务,如压缩 JavaScript 代码、编译 Sass 样式表、合并文件、优化图片等。接下来让我们开启gulp的学习之旅吧🥳!!!

2024-07-15 13:13:22 998

原创 一天搞定前端必备开发技能 (2)——less和Sass预处理器的使用

​ Less(LeanerStyleSheets的缩写)是一门向后兼容的CSS扩展语言。​ 因为LesS和CSS非常像,因此很容易学习。而且Less仅对CSS样式增加了少许方便的扩展,这就是Less如此易学的原因之一。

2024-07-15 10:40:17 827

2024年7月-山东依智科技Web前端实习生面试题

hr说他们是线上实习岗位,取消了面试环节,前期需要做一个项目测试,就相当于笔试,用来检验个人水平,所以发了这个大赛资料。讲道理还是有点难度啊!!!!!

2024-07-10

空空如也

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

TA关注的人

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