- 博客(43)
- 收藏
- 关注
RSS订阅原创 【前端学习】TypeScript中的类型断言、接口、函数重载
一、类型断言定义：当外面希望TypeScript不要帮我们进行类型检查，而是交给我们自己来，它是把某个值强行指定为特定类型；写法：value as type 如：target as string：将target的类型断言成string类型；二、接口通过使用interface关键字来定义接口；接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约；1、可选属性当对某些字段的要求是可选的时，可以在属性名后面加个问号即可；interface Person{ name？：
2023-03-02 15:16:52
564
1原创 Vue学习：Vue中的默认插槽、具名插槽和作用域插槽
定义：插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。子组件添加标签决定插入的位置。二、具名插槽当父组件中有多个需要插入的内容时，可以使用具名插槽的方式插入到子组件中。子组件：三、作用域组件子组件：父组件：...
2022-06-16 10:14:14
519
原创 Vue学习：Vue中的全局事件总线和消息的订阅与发布
Vue中的全局事件总线可以任意组件间的相互通信，其原理就是创建一个东西能够让所有的组件和vm都能识别到，这个东西就可以叫做全局事件总线。
2022-06-15 22:54:49
971
原创 Vue学习：Vue中的组件自定义事件
一般情况下，可以通过props实现父组件传递数据给子组件，通过vue的组件的自定义事件也可以实现子组件和父组件之间的通信。通过使用$on(eventName) 监听事件，使用 $emit(eventName) 触发事件，$off(eventName)移出自定义事件监听器。自定义组件传递数据的两种写法：1、通过父组件给子组件绑定一个自定义事件实现：子给父传递数据（使用@或v-on）：父组件中接收参数：...
2022-06-15 22:21:05
2804
原创 【前端学习】前端学习第十九天：浏览器对象模型（BOM）中的对象
在介绍BOM中的对象之前，首先来了解一下URL的概念，URL全称为统一资源定位符，是互联网是标准资源地址，互联网上每一个文件都有一个唯一的URL；window对象给我们提供了一个location属性用于获取或设置窗体的URL，并且可以用于解析URL，因为这个属性返回的是一个对象，所以我们将这个属性也称为location对象。一、location对象location对象的属性有：location.href：获取或设置整个URL;location.host：返回主机；location.p
2022-04-10 19:11:33
1152
原创 【前端学习】前端学习第十八天：BOM浏览器对象模型中window对象常见事件
一、BOM概述：BOM，全称为浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window，window对象是浏览器的顶级对象。BOM是包含DOM的。二、window对象的常见事件：1、窗口加载事件window.onload:页面加载事件，当文档内容完全加载完成时会触发该事件；2、调整窗口大小window.onresize=function(){...}:调整窗口大小事件，需注意的是，window.innerWidth()是当前屏幕的宽度；三、wind
2022-04-07 09:59:58
424
原创 【前端学习】前端学习第十七天：JavaScript中的事件属性（下）
一、键盘事件1、onkeydown：当按下字符键或功能键时触发该事件，如果按住不放，则会持续触发该事件；2、onkeypress：当按下字符键并松开时触发该事件，如果按住不放，则会持续触发该事件；3、onkeyup：当释放按键时触发该事件。二、鼠标事件1、onmousedown：当按下鼠标按钮时触发该事件；2、onmouseup：当松开鼠标按钮时触发该事件；3、onmousemove：当鼠标指针移动时触发该事件；4、onmouseover：当鼠标移到某元素上触发该事件（有事件
2022-04-06 15:21:55
1419
原创 【前端学习】前端学习第十六天：JavaScript中event对象和事件属性（上）
当事件发生时，浏览器会自动建立一个event对象，事件处理函数通过event对象的属性来获取事件的类型、键盘按键的状态、鼠标位置坐标、鼠标按钮的状态信息等。因为在DOM事件模型中，event对象以函数参数的形式传入，在IE事件模型中，event对象作为window对象的属性，通过window.event获取，所以通用模式可以写为：function EventHandler(ev){var e=ev||window.event;}下面介绍常用的DOM事件模型对象常用的属性：1、screen
2022-04-05 10:39:15
1309
原创 【前端学习】前端学习第十五天：JavaScript中的事件模型
在各种浏览器中存在三种事件模型：原始事件模型、DOM事件模型和IE事件模型；一、原始事件模型：原始事件模型被所有浏览器支持；在原始事件模型中。事件一旦发生就直接调用事件处理函数，事件不会向别的对象传播，原始事件模型中事件程序的注册可以采用以下几种方式；1、在HTML中设置事件属性<input type="button" value="确定" onclick="alert('hello');">2、在JavaScript中设置事件属性格式：obj.eventType=h
2022-04-02 20:39:01
1350
原创 【前端学习】前端学习第十四天：JavaScript中DOM元素的操作
一、DOM元素的获取1、getElementById（）：通过id获取元素，得到的是一个元素对象；2、getElementByTagName（）：通过标签名获取元素，返回的是一个集合；3、getElementByClassName（）：通过类名获取元素，返回的是一个集合；4、querySelector（）：返回指定选择器的第一个元素，里面的选择器需要加符号，如querySelector（‘.box1’）；5、querySelectorAll（）：返回指定选择器的所有元素；两个特殊的获
2022-03-28 09:55:24
1078
原创 【前端学习】前端学习第十三天：JavaScript中DOM技术介绍
DOM即文档对象模型，是一种与浏览器、编程平台和语言无关的应用程序接口，它提供了动态访问和更新文档的内容、结构和样式的基本方法。下面是网页文档对象对应的节点树：DOM中节点具有不同的类型，常见的节点类型有以下几种：1、文档节点：整个文档是一个文档节点（Document（9））；2、元素节点：每个HTML标记是一个元素节点（Element（1））；3、文本节点：包含在HTML标记中的文本是文本节点（Text（3））；4、属性节点：每一个HTML标记属性是一个属性节点（Attr.
2022-03-26 10:05:16
852
原创 【前端学习】前端学习第十二天：JavaScript函数介绍
声明函数的两种方式：1、命名函数：function fn（）{...}；2、匿名函数：var 变量名=function fn（）{...}；调用的时候直接：变量名（）；函数返回值注意事项：1、return后面的代码不会被执行；2、当return后面有多个值时，返回的结果是最后一个值；3、函数如果有return，就返回return后面的值，如果没有则返回undefined；函数参数传递注意事项：当不确定有多少个参数传递时，可以通过使用arguments的方式获取，argumen
2022-03-25 12:45:11
804
原创 【前端学习】前端学习第十一天：JavaScript常用内置对象介绍（下），包含数组对象、日期对象和正则表达式
上篇文章我们介绍了部分常用的内置对象，今天，我们再来介绍一下其他的一些比较常用的内置对象。一、Array对象Array对象用来建立数组，数组中可以存放多个不同数据类型的元素；创建数组的格式：1、利用数组字面量：var arr=[1,2,3]；2、利用new Array（）：var arr=new Array（1，2，3）；数组的属性：length：表示数组的长度，即数组中元素的个数；数组的方法：1、push（）：向数组的末尾添加一个或多个元素，返回的值是新数组的长度；
2022-03-24 17:06:03
652
原创 【前端学习】前端学习第十天：JavaScript常用内置对象介绍（上）
在面向对象的编程语言中，类是对具有相同属相同方法的某一类对象的描述，但在JavaScript中并没有真正的类，JavaScript中的对象也不完全是类的实例，而是一种特殊的数据类型，JavaScript提供了许多内置对象，下面我们就来介绍一下常用的几种内置对象。一、Math对象Math对象不需要使用new创建实例，而是直接通过Math调用其属性和方法；Math对象常用的属性有：1、E：返回自然对数的底数e（约等于2.718）；2、LN2：返回2的自然对数（约等于0.693）；3、PI
2022-03-23 17:13:47
743
原创 【前端学习】前端学习第九天：JavaScript基础知识讲解
JavaScript是运行在客户端的脚本语言，属于高级语言；JavaScript由以下三部分组成：1、ES 规定了js的语法；2、DOM 文档对象模型；3、BOM 浏览器对象模型；引入js的方式：1、行内式；如：<input type="button" onclick="alert(...)" />；2、内嵌式；如：<script> alert(...) </script>；3、外部引入式；如：<script src="..."&
2022-03-21 09:58:55
713
原创 【实习生面试】阿里前端实习生一面流程及题目
前段时间抱着试一试的态度参加了阿里前端实习生的面试，下面把自己面试中的一些提问情况和自己的心得体会分享给大家。首先，面试官会先介绍一下他们部门的情况，以及大概的面试流程，阿里前端实习生的面试总共有四面，一面会由面试官问一些简单的技术问题，二面由所申请部门的前端负责人进行面试，三面由职位更高一些的面试官，比如我申请的是菜鸟网络，则由菜鸟网络的负责人进行三面，第四面是hr面；接下来，面试官会先让简单介绍一下自己，然后会问一下在学校学习了哪些和前端相关的课程，有没有做什么项目，还有平时是通过什么方式学习前
2022-03-20 10:35:19
1940
原创 【前端学习】前端学习第八天：transform变形平移使用方法及立方体3D动画效果完整版
通过使用transform对元素进行变形等相关操作，可以使元素的效果更加生动，下面就来介绍一下transform具体的一些属性。1、平移 translatetranslateX（）：沿着x轴方向平移；translateY（）：沿着y轴方向平移；translateZ（）：沿着z轴方向平移。其中，有两个特殊值：translateX（-50%）：水平居中；translateY（-50%）：垂直居中；二、旋转 rotaterotateX（）：沿着x轴方向旋转；rotateY（
2022-03-19 15:05:08
2228
原创 【前端学习】前端学习第七天：过渡效果和动画效果
一、过渡 transitioncss中的过渡效果允许用户在给定的时间平滑的改变属性值。如需创建过渡效果，必须明确两件事：要添加效果的 CSS 属性 效果的持续时间transition也包含多个分支属性：1、transition-property：指定要过渡的属性；该属性有三种类型的值：none：使得当前无过渡效果；all：默认值，为所支持的所有css属性设置过渡效果；某一属性：如width、height等。2、transition-duration：指定过渡持续的时间
2022-03-18 20:08:40
902
原创 【前端学习】前端学习第六天：盒子的浮动和定位详解
一、浮动 float通过浮动可以使一个元素向其父元素的左侧或右侧移动；下面来介绍float的这三个属性值：1、none：默认值，元素不浮动；2、left：元素向左浮动；3、right：元素向右浮动。浮动的特点：1、元素设置浮动后，水平布局的等式便不需要强制成立；2、元素设置浮动后，将会从文档流中脱离，此后元素的一些特点也会发生改变。脱离文档流的特点：块元素：1、块元素不再独占页面一行；2、块元素的高度和宽度默认被内容撑开；行内元素：行内元素脱离文档流后
2022-03-17 15:33:20
1892
原创 【前端学习】前端学习第五天：CSS盒子模型详解
一、盒子模型概念在css中，盒子模型由content（内容）、border（边框）、padding（内边距）和margin（外边距）组成，它们之间的关系如图所示：盒子模型可以分为标准盒模型和IE盒模型，如下图所示：二、border（边框）边框的大小也会影响盒子的大小，下面来介绍盒子模型的三个属性：1、border-color：用来指定border的颜色，默认为color的颜色；2、border-width：用来指定border的粗细程度，默认为3像素；3、bord..
2022-03-16 17:00:31
750
原创 【前端学习】前端学习第四天：CSS常用选择器详细介绍及优先级排名
选择器是css中一个非常重要的概念，它可以用来控制css样式代码控制的对象，从而实现对效果的控制。一、元素选择器定义：又称标签选择器，是将HTML中元素的名称作为选择器的名称；格式：元素名称{属性1：属性值1；...}；举例：二、类别选择器定义：通过给标签定义一个class属性，对元素的样式进行控制；格式：.类别名称{属性1：属性值1；...}；举例：三、ID选择器定义：通过给标签定义一个id属性，用法和类别选择器类似，不同之处在于各元素的id属性值最好保持不一样；
2022-03-15 20:04:41
1146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人