自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端面试知识点(JS、CSS、Angular)

以下是针对我知识点薄弱的地方进行的总结,为面试的一些基础知识进行复习。

2023-11-10 15:44:47 160

原创 圣杯布局和双飞翼布局的实现方法

使用传统的float浮动和相对定位来实现。flex布局实现两列固定中间自适应。grid网格直接为列设置值。

2025-05-29 16:16:54 244

原创 使用SCSS实现随机大小的方块在页面滚动

‌ 是一种动态注入变量或表达式到选择器、属性名、属性值等位置的机制。表示需同时满足为父元素的第n个元素且类名为给定条件。

2025-05-29 10:24:12 230

原创 angular的rxjs中的操作符

rxjs是一个用于处理异步数据流的一个库,以下是该库中部分的操作符一、take和interval操作符take操作符(只取前n个发出的值)和interval(每间隔n毫秒,发出递增的数字0,1,2...n)//每隔一秒输出从0开始的数字,take表示输出前10个数字,最后得到的结果是输出了0-9的数字});

2025-05-13 16:12:14 281

原创 js的操作符执行顺序

所以下面连续赋值中,会优先执行a.x,此时的a为{n:1},然后在执行右边的赋值a={n:2}

2025-05-12 14:35:16 230

原创 angular的cdk组件库

【代码】angular的cdk组件库。

2025-05-07 16:47:24 230

原创 Windows批处理脚本

【代码】Windows批处理脚本。

2025-04-24 10:03:12 180

原创 二维数组交换行和列

二维数组中的行和列交换,原来数组的行来作为交换后的列也就是交换后的二维数组的长度,原来数组的列,作为交换后的行。

2025-03-21 16:54:28 268

原创 angular中的路由传参

在angular中传参时可以使用矩阵参数,即直接通过变量=值的形式在地址中体现,但需要注意参数的使用范围为。,而不是全局的查询参数。

2025-03-18 15:46:30 369

原创 angular中下载接口返回文件

createObjectURL属于js的原生方法,位于window.URL上,用于将Blob或者File文件转换为可以临时的URL地址进行显示。

2025-03-12 14:58:20 290

原创 moment.js时间处理库

moment().second()和moment().seconds()都可以获取或者设置秒数,如果超过59则会增加分钟数,以此类推:获取分钟为moment().minute(),获取小时。moment中调任何操作方法都会改变时间,所以如果不想修改原时间就复制一个时间进行具体操作。当前时间为2025-3-11加7天后返回值为3.18日的实例。验证当前时间是否有效,有效返回true,反之返回false。该方法可用于设置星期几,星期日为 0,星期六为 6。返回给定实例的最大值,可以找到给定实例中最大的时间。

2025-03-12 14:04:21 488

原创 js响应数据的响应体和URL编码解码

通过一个导入人员的响应体来了解请求的响应体具体返回的数据,通过调importExcel接口,根据.subcribe的参数分情况判断返回,如果响应内容为空时,提示导入成功,否则下载返回的excel文件,如果出错则提示出错。主要针对URL部分内容进行编码,对浏览器中的中文字符进行 ‌。保留 URI 结构中的保留字符(如。

2025-03-11 15:12:50 243

原创 箭头函数中的this指向问题

箭头函数自身没有this,它的this为外层作用域的this指向。

2025-03-03 14:25:37 253

原创 js重要知识点

forEach方法只是循环遍历,不可以改变数组内的值,数组内的元素如果为简单数据类型,则forEach循环时修改元素不会起作用,但如果为引用数据类型如对象,则可以修改数组内的对象的属性值。,每一趟可以决定出一个最大的元素,所以不需要进行比较,那么可以得到内层循环的取值则为数组总长度-1-j。set用于储存一组不重复的值,set是无序的所以无法使用索引访问,set会自动去除重复的数据。但修改数组内对象的属性值可以改变:索引值为0的对象的value被改为999。外层循环是总共要进行的躺数,为数组总长度-1。

2025-01-20 11:47:47 322

原创 力扣面试经典题

自己的算法层面较为薄弱,希望能通过尝试做力扣的题能提升下自己,以下都是根据自己的方法做出来的,比较繁琐,有的方法结合了力扣里比较优秀的解答。

2025-01-20 11:47:12 900

原创 tailwindcss框架知识点

默认情况下是每次修改完代码得重新编译才行,想要一保存就出现效果需要修改tailwind.config.js中,**如果未生效就找到这个js文件保存一下就可以自动更新了,不需要mode参数**可以在配置文件中自定义样式,如下面新增一个名字为lhh_pink颜色为粉色的命令。确保style.css在angular.json中的脚本中引入。注意:似乎这个方法也不能次次生效,找不到原因。

2025-01-17 14:19:00 414

原创 angular项目知识点

记录一下对于angular项目里的配置文件的解析,以前都没有具体了解过。

2025-01-17 14:18:18 427

原创 牛客题库知识点解析(二)

整理了牛客上错题的一些知识点

2024-08-01 08:53:58 456

原创 牛客JS知识题库解析(一)

这里是一些易搞混的知识点,记录下来加深记忆。

2024-07-31 10:16:56 443

原创 JS知识点巩固

这里的知识点记录的是日常生活中容易搞忘的知识点reduce的用法和二维数组的行列交换对我来说理解稍微复杂了些,需要加深记忆,记录一下。

2024-07-30 15:35:37 267

原创 CommonJS规范相关知识点

JS以上则是对CommonJs使用的相关知识点总结,希望对你有所帮助。

2024-01-23 16:19:30 493

原创 CSS动画应用

这里是一些关于动画的应用,不定时更新进去一、进度条的动画.example {.child {&:after {top: 50%;left: 100%;100% {

2023-12-26 15:57:46 515

原创 CSS动画知识点

对动画的知识点较为薄弱,通过以下知识点的记录来加深印象一、@keyframes@keyframes 规则是创建动画。@keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。您必须定义动画的名称和动画的持续时间(如 animation: frame 5s;如果省略的持续时间,动画将无法运行,因为默认值是0。图片颜色由绿色逐渐为蓝色.example {//绑定动画名称 动画时间//无限次播放/* from-to,等同于0%-100%;*/from {

2023-12-26 15:17:48 1005

原创 力扣算法刷题记录

没刷过算法题,感觉自己算法方面的知识较为薄弱,在力扣上看了几道发现自己都不会,看了解题答案后才感觉逐渐明朗,所以来记录一下算法题。

2023-12-20 16:16:46 926

原创 前端面试CSS知识点

以下是我根据自己薄弱的地方整理的对应知识点一、块级元素、行内元素和行内块元素的区别。

2023-12-15 10:30:39 503

原创 浏览器输入URL再按下回车会经历哪些过程

看各种面经发现这个问题是一个高频出现的面试问题,但我自己对于浏览器知识点的了解相对薄弱,通过这篇文章来简单了解下浏览器相关知识点。以上就是在浏览器中输入URL到回车会发生的全部过程。

2023-12-14 14:27:43 1199

原创 ECharts的颜色渐变

使用new echarts.graphic.LinearGradient()方法。若把y->y2改为0,1则表明是竖向的渐变。

2023-12-07 15:57:49 2821

原创 flex布局中的flex:1相关知识

flex布局的相关使用

2023-12-07 09:47:13 618

原创 Angular的Ng-Zorro组件库通知提醒框知识点

【代码】Angular的Ng-Zorro组件库通知提醒框知识点。

2023-11-29 09:13:04 647

原创 Git Flow的简单使用

需要先提交一下当前分支的代码,再切换为develop后进行该操作。xxx为自己命名的分支。

2023-11-15 14:33:49 246

原创 ECharts柱形图数据差距过大触发点击事件

在项目开发中,由于一些数据量差距过大,导致偏小的值的点击事件难以触发,此时我们可以不用传统的点击事件,而是用可以包括背景区域的点击事件来触发。相当于点击整个坐标轴区域都能触发点击事件而不只是点击已有的数据形成的柱体。

2023-11-10 09:23:51 677

原创 grid布局中grid-row和grid-column

grid-column属性定义了网格元素列的开始和结束位置。结合了grid-column-start和grid-column-end。grid-row属性定义了网格元素行的开始和结束位置。结合了grid-row-start和grid-row-end。

2023-11-02 10:01:43 1623

原创 JS中的arguments对象

arguments是一个类数组对象,之所以称为类数组对象,是因为他除了数组所具有的length属性外,并没有数组本身自带的其他方法。2.指定的形参传递值的情况下,arguments对象与形参值相同,并且可以相互改变。arguments是所有函数都具有的一个。实参在arguments类数组中。1.arguments的使用。,表示的是函数实际接收的。

2023-10-20 09:39:41 212

原创 echarts的click事件

在使用echarts的过程中,最常用的则是不同系列所对应的click返回参数的不同。

2023-08-31 16:14:16 1738

原创 js数组中reduce方法的使用

initialValue:传递给函数的初始值,如果传了previous初始值为initialValue传的值,currentValue为数组的第一个元素,如果不传previous为数组的第一个元素,currentValue为数组的第二个元素。

2023-07-26 09:49:14 160

原创 在Angular中制作大屏数字滚动效果

在工作中总会制作数据大屏,而数字的滚动也是其中常用的,最近学习到一种使用js方法和css来制作数字滚动的效果。

2023-07-19 10:17:38 513

原创 JS继承的六种方式

让新实例的原型是另一个构造函数的实例。

2023-06-27 17:16:37 1143

原创 CSS实现三列布局两边固定中间自适应

使用这两个属性来实现两侧宽度固定中间自适应,flex-grow会在剩余宽度变化时自动分配宽度。

2023-06-27 10:45:57 577

原创 echarts在angular项目中的使用

文中所示的是柱状图的一个效果,为增强对该实例的印象,结合工作中所制作的数据大屏来进行联系。

2023-06-20 09:51:28 929

原创 Grid布局的使用

如上图所示,整体布局水平垂直居中显示其中中间的元素分为六个板块,其中左边分为上下两个板块右边单独一个板块。这里需要使用grid布局进行完成。

2023-06-14 15:34:03 231

空空如也

空空如也

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

TA关注的人

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