- 博客(54)
- 收藏
- 关注
RSS订阅
原创 CSS动画应用
这里是一些关于动画的应用，不定时更新进去一、进度条的动画.example {.child {&:after {top: 50%;left: 100%;100% {
2023-12-26 15:57:46
420
原创 CSS动画知识点
对动画的知识点较为薄弱，通过以下知识点的记录来加深印象一、@keyframes@keyframes 规则是创建动画。@keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。您必须定义动画的名称和动画的持续时间(如 animation: frame 5s;如果省略的持续时间，动画将无法运行，因为默认值是0。图片颜色由绿色逐渐为蓝色.example {//绑定动画名称 动画时间//无限次播放/* from-to，等同于0%-100%;*/from {
2023-12-26 15:17:48
919
原创 力扣算法刷题记录
没刷过算法题，感觉自己算法方面的知识较为薄弱，在力扣上看了几道发现自己都不会，看了解题答案后才感觉逐渐明朗，所以来记录一下算法题。
2023-12-20 16:16:46
812
原创 浏览器输入URL再按下回车会经历哪些过程
看各种面经发现这个问题是一个高频出现的面试问题，但我自己对于浏览器知识点的了解相对薄弱，通过这篇文章来简单了解下浏览器相关知识点。以上就是在浏览器中输入URL到回车会发生的全部过程。
2023-12-14 14:27:43
878
原创 ECharts的颜色渐变
使用new echarts.graphic.LinearGradient()方法。若把y->y2改为0，1则表明是竖向的渐变。
2023-12-07 15:57:49
948
原创 ECharts柱形图数据差距过大触发点击事件
在项目开发中，由于一些数据量差距过大，导致偏小的值的点击事件难以触发，此时我们可以不用传统的点击事件，而是用可以包括背景区域的点击事件来触发。相当于点击整个坐标轴区域都能触发点击事件而不只是点击已有的数据形成的柱体。
2023-11-10 09:23:51
282
原创 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
638
原创 JS中的arguments对象
arguments是一个类数组对象，之所以称为类数组对象，是因为他除了数组所具有的length属性外，并没有数组本身自带的其他方法。2.指定的形参传递值的情况下，arguments对象与形参值相同，并且可以相互改变。arguments是所有函数都具有的一个。实参在arguments类数组中。1.arguments的使用。，表示的是函数实际接收的。
2023-10-20 09:39:41
139
原创 js数组中reduce方法的使用
initialValue:传递给函数的初始值,如果传了previous初始值为initialValue传的值,currentValue为数组的第一个元素,如果不传previous为数组的第一个元素,currentValue为数组的第二个元素。
2023-07-26 09:49:14
115
原创 在Angular中制作大屏数字滚动效果
在工作中总会制作数据大屏,而数字的滚动也是其中常用的,最近学习到一种使用js方法和css来制作数字滚动的效果。
2023-07-19 10:17:38
255
原创 Grid布局的使用
如上图所示，整体布局水平垂直居中显示其中中间的元素分为六个板块，其中左边分为上下两个板块右边单独一个板块。这里需要使用grid布局进行完成。
2023-06-14 15:34:03
95
原创 浏览器的渲染流程
浏览器无法直接理解和使用HTML，所以需要将HTML转换成可以理解的-DOM树，解析HTML是所有过程的开始。dom树和cssom完成后则会进行渲染树的构建，其中cssom的解析会阻塞渲染树的构建，也就是说cssom树完成时才能继续进行渲染树的构建。在解析时，如果需要link链接的css，则先下载再解析，css的下载不会影响dom树的解析过程。渲染树构建完成之后，浏览器会跟就渲染树来进行布局，浏览器中的元素的位置和大小确定了，这一步也可以叫做回流。，就需要重新计算渲染树，这就是回流，比如元素的。
2023-06-13 09:25:46
62
原创 es6中的扩展运算符与对象拷贝情况
属性值为引用类型时，此时只是拷贝了引用类型的地址，他和原属性值指向的地址一致，此时修改引用对象里面的属性值会使得原对象的值也发生改变。对象由属性和属性值组成 而当属性值为简单数据类型时，此时修改拷贝后对象中的属性值不会影响原对象。扩展运算符为es6中新增的运算符，扩展运算符允许扩展可迭代对象的元素，例如数组、映射或集合。以下示例 修改属性值影响了原对象。
2023-06-09 08:48:27
384
原创 浏览器地址的组成部分
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
157
原创 TS中的高级类型
ts支持将字面量作为一个类型使用，而字面量类型分为三种：数字字面量类型、字符串字面量类型、布尔字面量类型。type作用就是给类型起一个新名字，支持基本类型、联合类型、元祖及其它任何你需要的手写类型。字符串字面量类型和数字字面类类型一样，可以指定类型为一个具体的值，如果为其他值则会报错。联合类型可以理解为多个类型的并集，它允许类型为多种类型之一。数字字面量类型指定类型为一个具体的值，如果为其他值则会报错。
2023-06-02 16:15:07
297
原创 Class类中的public、private、protected修饰符
2.当private标记的成员来自同一出处的时候，则可以兼容，如果为不同出处则不行。protected和private作用相似，在类的外部仍然不能访问基类的私有成员，1.当成员被标记为私有时，它就不能在类的外部被访问。但在派生类中可以访问基类的私有成员。
2023-05-31 10:31:14
2448
原创 es6中的class类
class相当于es6中的语法糖，新的class类的写法相较于普通的构造函数更能体现对象原型，更接近于面向对象编程的语法。
2023-05-30 09:33:37
100
原创 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
750
原创 Angular使用ResizeObserver结合ng-zorro表格组件
这是其中一个方法，我们也可以使用模板变量在table组件的父元素div上，然后使用viewchild获取此时获取到的是dom元素 直接获取dom元素的nativeElement属性。通过viewchild获取表格组件 注意此时获取的是组件table,如果要获取其dom元素需要访问basicTable.elementRef.nativeElement。
2023-05-09 17:50:47
186
原创 Angular中ng-zorro组件的树节点拖拽排序
需要注意的是返回的arg中的pos是随机的 有时候为-1 有时候为1 他的目标节点不同，所以在进行传参时需要判断 上移的时候 当pos为-1/1 以及下移的时候当pos为-1/1。nzBeforeDrop：drop前二次校验,允许用户自行决定是否允许放置 接受的类型是可观察对象。
2023-05-05 15:34:26
432
原创 JS正则表达式
正则表达式（代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。
2023-04-21 11:12:19
42
原创 JS作用域
JS作用域也是JS的重点知识，今天来复习一下面试的重点作用域是可访问变量的集合。作用域分为全局作用域、函数作用域以及es6新增的块级作用域。
2023-04-20 09:43:19
65
原创 CSS清除浮动的方法
为什么需要清除浮动？因为会存在以下情况：当父节点不设置高度时，子节点设置高度且设置浮动，脱离了标准流，此时父节点会高度塌陷。影响布局如图：正常状态下父节点未设置高度，子节点撑起了父节点给子节点设置浮动后.parent {.son {以上五种方法则是清除浮动常见的方法。
2023-04-19 16:17:21
179
原创 BFC块级格式化上下文
BFC即 Block Formatting Contexts (块级格式化上下文)，它指浏览器中创建了一个独立的渲染区域，并且拥有一套渲染规则，它决定了其子元素如何定位，以及与其他元素的相互关系和作用。BFC属于流布局内的一块区域。BFC的目的：形成一个完全独立的空间，让空间中的子元素不会影响到外面的布局。BFC的使用在清除浮动的时候极为常见，而如何形成BFC就是解决浮动的方法之一。
2023-04-19 14:17:57
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人