自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端面试中常问的问题

Obejct.defineproperty 语法:Obejct.defineproperty(obj,prop,descriptor)

2023-10-24 12:30:23 47

原创 Vue3 中使用 ECharts 图表库

【代码】Vue3 中使用 ECharts 图表库。

2023-10-07 22:50:17 292 1

原创 gitee 命令

1.从远程仓库拉取代码。

2023-09-22 21:35:37 89 1

原创 封装 input 框组件

封装 input 框组件1. 可以使用 input 的原生属性disabled :禁用输入框maxlength:输入长度限制v-model:双向绑定2. 一键清空给清除按图标加 v-if 指令,当输入框中存在内容则显示给图标元素绑定点击事件,点击触发输入框的 value=‘’只在 text、textarea3. 输入框大小size:big,default,small,默认 default,4.文本域高度自适应autosize:接收 boolean 或对象接收一个包含最

2023-09-20 12:02:47 70 1

原创 ES6 新增特性

【代码】ES6 新增特性。

2023-09-20 09:56:14 40 1

原创 Vue 生命周期

Vue 生命周期一、生命周期钩子二、各生命周期发生的事三、各生命周期钩子的使用场景四、数据请求在 created 和 mouted 的区别一、生命周期钩子序号生命周期vue2vue3(选项式)vue3(组合式)1组件创建前beforeCreatebeforeCreatesetup2组件创建完成createdcreatedsetup3组件挂载前beforeMountbeforeMountsetup4组件挂载完成mountedmoun

2023-09-20 08:25:41 32 1

原创 HTML标签笔记

【代码】HTML标签笔记。

2023-09-16 15:31:44 16 1

原创 BFC在页面重排时的作用

BFC (块级格式化上下文) ,如果把BFC看作是一个容器的话,容器内部的元素不会影响到容器外部的元素。

2023-09-16 11:21:01 45 1

原创 JS class 类

(5) 第五步:如果 constructor 函数内部返回了一个对象,则实例对象为该对象;当使用 new 关键字生成实例对象时,class 中的 constructor 会被执行,之后返回一个实例对象。// 通过该 class 类创建的所有实例都可以使用 class 类中的普通函数。// class 中没有 constructor 函数,// 普通方法,所有实例对象皆可调用。// 普通方法,所有实例对象皆可调用。// 返回由构造函数创建的实例对象。// 构造函数,用于创建实例对象。

2023-09-15 17:15:27 65

原创 script setup API

在中,任何以 v 开头的驼峰式命名的变量都可以被用作一个自定义指令指令钩子 (可选)序号指令钩子作用1created组件创建完成时调用2组件挂载前调用3mounted组件挂载完成时调用4组件更新前调用5updated组件更新完成时调用6组件卸载前调用7unmounted组件卸载完成时调用。

2023-09-15 14:15:50 45

原创 网络攻击(前端)

攻击者通过通过在网站中注入恶意脚本,当用户浏览器运行这些网页时,通过注入的脚本操纵用户浏览器。造成该漏洞的原因:网站未对恶意代码进行过滤处理,将其与正常代码混为一体,浏览器无法识别恶意代码,从而导致恶意代码在浏览器中运行。CSFR 攻击(跨站请求伪造攻击),攻击者诱导用户进入第三方网站,然后该网站窃取用户身份向被攻击网站发送跨站请求。比如在网站中的一个 img 标签构建一个请求,当用户点击该图片时会自动发起请求。比如构建一个表单,然后隐藏它,当用户进入页面时,自动提交这个表单。

2023-09-15 14:13:44 126

原创 Vue2 与Vue3 响应式原理

Vue2与Vue3的响应式区别

2023-09-14 09:50:16 35 1

原创 vue3 script setup 响应式:核心

(5) 可以为 .value 赋予新的值,它也是响应式的,即所有对 .value 的操作都将被追踪,并且写操作会触发与之相关的副作用。(2) 参数:基本数据类型或复杂数据类型(复杂数据类型推荐使用 reactive)(4) 此对象只有一个指向其内部值的属性 .value。(3) 返回值:一个响应式的、可更改的 ref 对象。(1) 创建一个 ref 对象。

2023-08-31 14:21:40 44

原创 JavaScript Promise对象

主要用于异步计算解决异步代码的回调地狱问题将异步代码队列化,按照我们预期的顺序执行。

2023-08-31 14:10:42 36

原创 JS 处理异常的方法

【代码】JS 处理异常的方法。

2023-08-31 14:06:24 27

原创 vue 插槽 (v-slot)

【代码】vue 插槽 (v-slot)

2023-08-31 12:09:09 203

原创 <script setup> 生命周期 API

【代码】<script setup> 生命周期 API。

2023-08-23 19:51:20 265

原创 Typrscript基本应用

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。比如,你可以定义值类型分别为 string,number, boolean 类型的元组。元组类型中的类型要与数组中的元素,数量和位置要一一对应对应。6.5 枚举成员类型与联合枚举类型。

2023-08-23 16:36:29 23

原创 Vue $emit 子组件向父组件传递数据

(4) 父组件通过 v-on (缩写为 @) 来监听事件。(3) 触发子组件事件时,调用刚才声明的自定义事件。(5) 当父组件监听到子组件的自定义事件。(1) 在子组件中声明自定义事件。触发时,触发监听事件里的回调函数。(2) 给子组件绑定一个事件。

2023-07-28 17:10:11 102 1

原创 Vue3 选项式的状态选项

【代码】Vue3 选项式。

2023-07-26 15:26:36 65 1

原创 js数组方法

JavaScript 数组方法

2023-07-26 13:30:44 36 1

原创 使用vite创建项目

使用vite创建项目

2023-07-04 18:13:08 4616

原创 前端面试题汇总

HTTP(超文本传输协议),是一种详细规定了浏览器和万维网服务器之间相互通信的规则,通过因特网传送万维网文档的数据传输协议HTTP是基于TCP/IP的应用层协议HTTP不仅能应用于网页浏览,只要通信双方都遵守HTTP协议,都能使用HTTP协议服务器端完成页面的DOM结果拼接,然后发送到浏览器,为其绑定状态和事件,成为完全可交互的过程自定义hook是标准的封装和共享逻辑的方式自定义hook是一个函数,其名称以use开头自定义hook其实就是逻辑和内置Hook的组合。

2023-07-03 21:23:07 235 1

Vue3 中使用 ECharts 图表库

Vue3 中使用 ECharts 图表库

2023-10-07

gitee 配置,解决冲突及常用命令

gitee 配置,解决冲突及常用命令

2023-09-22

JavaScript ES6新增特性

JavaScript ES6新增特性

2023-09-20

Vue 生命周期中各钩子函数的作用及应用场景

Vue 生命周期中各钩子函数的作用及应用场景

2023-09-20

关于前端 JS 中 class 类 的个人理解

关于前端 JS 中 class 类 的个人理解

2023-09-15

script setup 响应式:核心

script setup 响应式:核心

2023-08-31

JavaScript promise对象

JavaScript promise对象

2023-08-31

JavaScript 处理异常的方法

JavaScript 处理异常的方法

2023-08-31

vue 插槽 (v-slot)

vue 插槽 (v-slot)

2023-08-31

script setup 生命周期API

script setup 生命周期API

2023-08-23

Typescript基本应用

Typescript基本应用

2023-08-23

空空如也

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

TA关注的人

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