自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2023-11-10 15:44:47 96

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

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

2024-08-01 08:53:58 404

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

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

2024-07-31 10:16:56 381

原创 JS知识点巩固

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

2024-07-30 15:35:37 233

原创 CommonJS规范相关知识点

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

2024-01-23 16:19:30 441

原创 CSS动画应用

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

2023-12-26 15:57:46 459

原创 CSS动画知识点

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

2023-12-26 15:17:48 970

原创 力扣算法刷题记录

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

2023-12-20 16:16:46 894

原创 前端面试CSS知识点

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

2023-12-15 10:30:39 472

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

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

2023-12-14 14:27:43 1113

原创 ECharts的颜色渐变

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

2023-12-07 15:57:49 2192

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

flex布局的相关使用

2023-12-07 09:47:13 552

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

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

2023-11-29 09:13:04 579

原创 Git Flow的简单使用

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

2023-11-15 14:33:49 222

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

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

2023-11-10 09:23:51 550

原创 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 1211

原创 JS中的arguments对象

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

2023-10-20 09:39:41 182

原创 echarts的click事件

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

2023-08-31 16:14:16 1489

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

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

2023-07-26 09:49:14 139

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

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

2023-07-19 10:17:38 401

原创 JS继承的六种方式

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

2023-06-27 17:16:37 507

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

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

2023-06-27 10:45:57 524

原创 echarts在angular项目中的使用

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

2023-06-20 09:51:28 831

原创 Grid布局的使用

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

2023-06-14 15:34:03 171

原创 浏览器的渲染流程

浏览器无法直接理解和使用HTML,所以需要将HTML转换成可以理解的-DOM树,解析HTML是所有过程的开始。dom树和cssom完成后则会进行渲染树的构建,其中cssom的解析会阻塞渲染树的构建,也就是说cssom树完成时才能继续进行渲染树的构建。在解析时,如果需要link链接的css,则先下载再解析,css的下载不会影响dom树的解析过程。渲染树构建完成之后,浏览器会跟就渲染树来进行布局,浏览器中的元素的位置和大小确定了,这一步也可以叫做回流。,就需要重新计算渲染树,这就是回流,比如元素的。

2023-06-13 09:25:46 117

原创 es6中的扩展运算符与对象拷贝情况

属性值为引用类型时,此时只是拷贝了引用类型的地址,他和原属性值指向的地址一致,此时修改引用对象里面的属性值会使得原对象的值也发生改变。对象由属性和属性值组成 而当属性值为简单数据类型时,此时修改拷贝后对象中的属性值不会影响原对象。扩展运算符为es6中新增的运算符,扩展运算符允许扩展可迭代对象的元素,例如数组、映射或集合。以下示例 修改属性值影响了原对象。

2023-06-09 08:48:27 477

原创 浏览器地址的组成部分

lhhbk擅长ts,CSS知识点,Js知识点,等方面的知识,lhhbk关注angular.js,css,node.js,html5,scss,echarts,html,typescript,javascript,css3领域.5.第五部分:type=blog 查询参数 由键值对组成,且用等号进行连接,多个参数用&符号进行分隔。,是以安全为目标的 HTTP 通道,在HTTP的基础上通过传输加密和。2.第二部分:blog.csdn.net ip/域名。3.第三部分:此地址使用了默认端口号,则隐藏了端口号,

2023-06-07 09:36:13 222

原创 CSS不定宽高垂直水平居中的方法

父元素位于相对定位,子元素绝对定位,再结合transform的水平和垂直移动来实现不定宽高的子元素垂直居中。

2023-06-05 09:38:20 413

原创 TS中的高级类型

ts支持将字面量作为一个类型使用,而字面量类型分为三种:数字字面量类型、字符串字面量类型、布尔字面量类型。type作用就是给类型起一个新名字,支持基本类型、联合类型、元祖及其它任何你需要的手写类型。字符串字面量类型和数字字面类类型一样,可以指定类型为一个具体的值,如果为其他值则会报错。联合类型可以理解为多个类型的并集,它允许类型为多种类型之一。数字字面量类型指定类型为一个具体的值,如果为其他值则会报错。

2023-06-02 16:15:07 388

原创 Class类中的public、private、protected修饰符

2.当private标记的成员来自同一出处的时候,则可以兼容,如果为不同出处则不行。protected和private作用相似,在类的外部仍然不能访问基类的私有成员,1.当成员被标记为私有时,它就不能在类的外部被访问。但在派生类中可以访问基类的私有成员。

2023-05-31 10:31:14 3210

原创 CSS布局

缩小界面时:child2永远200px宽度。图片位于右边,文字围绕在图片周围。如下图文字被分割为三列。

2023-05-30 15:22:48 73

原创 es6中的class类

class相当于es6中的语法糖,新的class类的写法相较于普通的构造函数更能体现对象原型,更接近于面向对象编程的语法。

2023-05-30 09:33:37 125

原创 Angular中使用ionic组件

在项目的编写中除了使用ng-zorro组件来绘制pc端界面,同样可以使用ionic来绘制简单的移动端界面。此文章则是对一些简单的ionic的组件进行使用一、ion-input组件使用常用作登录以及一些表单的使用,与ion-list结合使用。注意:在项目中使用ionic自带的例子时,在ion-input上添加label不起效果。需重新设置ion-label标签来表示。如以下例子,在angular项目中不能起到效果应该使用如下方法,以下是常用的几种input框

2023-05-22 10:54:19 913

原创 Angular使用ResizeObserver结合ng-zorro表格组件

这是其中一个方法,我们也可以使用模板变量在table组件的父元素div上,然后使用viewchild获取此时获取到的是dom元素 直接获取dom元素的nativeElement属性。通过viewchild获取表格组件 注意此时获取的是组件table,如果要获取其dom元素需要访问basicTable.elementRef.nativeElement。

2023-05-09 17:50:47 245

原创 JS冒泡排序

根据以上例子可知,排序的轮次为数组长度-1,而每一轮中排序的次数是数组的长度-第几轮排序。根据这个总结,可以封装一个冒泡排序的算法。

2023-05-06 10:16:21 73

原创 Angular中ng-zorro组件的树节点拖拽排序

需要注意的是返回的arg中的pos是随机的 有时候为-1 有时候为1 他的目标节点不同,所以在进行传参时需要判断 上移的时候 当pos为-1/1 以及下移的时候当pos为-1/1。nzBeforeDrop:drop前二次校验,允许用户自行决定是否允许放置 接受的类型是可观察对象。

2023-05-05 15:34:26 668

原创 Grid布局知识

在项目中遇到 grid-column-start还稍微有一点懵,不是很熟悉所以通过以下例子加强一下对grid布局的使用。

2023-04-21 17:02:53 397

原创 JS正则表达式

正则表达式(代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。正则表达式可以是一个简单的字符,或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。

2023-04-21 11:12:19 64

原创 Ng-Zorro中的tabs导航

注意区分导航tabs栏数据是否是异步渲染服务器获取,如果为服务器获取则会自动调用tabs界面变更函数。

2023-04-20 15:11:18 571

原创 JS作用域

JS作用域也是JS的重点知识,今天来复习一下面试的重点作用域是可访问变量的集合。作用域分为全局作用域、函数作用域以及es6新增的块级作用域。

2023-04-20 09:43:19 81

空空如也

空空如也

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

TA关注的人

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