前端开发
刷新
彻底搞清楚vue3的defineExpose宏函数是如何暴露方法给父组件使用

博主头像 前言 众所周知，当子组件使用setup后，父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。这篇文章来讲讲defineExpose宏函数是如何暴露出去这些属性和方法给父组件使用。注：本文中使用的vu ...

JavaScript 中的 Range 和 Selection 对象

博主头像 最近在做鼠标框选的需求，鼠标框选就需要用到 Range 和 Selection 对象。 Range 表示选择的区间范围，Selection 表示选择的文档内容。 Range 接口表示一个包含节点与文本节点的一部分的文档片段。 不仅仅可以用于鼠标框选，页面上任何元素、文本都可以创建 Range。 Se... ...

举例说明你对尾递归的理解，有哪些应用场景

博主头像 一、递归 递归（英语：Recursion） 在数学与计算机科学中，是指在函数的定义中使用函数自身的方法 在函数内部，可以调用其他函数。如果一个函数在内部调用自身本身，这个函数就是递归函数 其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解 一般来说，递归需要有边界条件、 ...

理解Vue 3响应式系统原理

博主头像 title: 理解Vue 3响应式系统原理 date: 2024/5/28 15:44:47 updated: 2024/5/28 15:44:47 categories: 前端开发 tags: Vue3.x TypeScript SFC优化 Composition-API Ref&Reactive ...

Vue 组件生命周期：探索钩子

博主头像 title: Vue 组件生命周期：探索钩子 date: 2024/5/27 18:42:38 updated: 2024/5/27 18:42:38 categories: 前端开发 tags: 生命周期 异步加载 通信原理 父子通信 兄弟通信 跨层通信 性能优化 第 1 章：介绍与背景 1.1 ...

如何判断一个元素是否在可视区域中？

博主头像 一、用途 可视区域即我们浏览网页的设备肉眼可见的区域，如下图 在日常开发中，我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值（例如 100 px），从而实现一些常用的功能，例如： 图片的懒加载 列表的无限滚动 计算广告元素的曝光情况 可点击链接的预加载 二、实现方式 判断一个元素是否 ...

Chart.js (v2.9.4) 2-主要的函数和对象介绍

Color() ：主要负责渲染图表时候，针对颜色处理相关函数 helpers_core：工具对象，提供了基础的工具函数功能，遍历数组，扩展对象，合并对象，克隆对象等等。 core_defaults：负责存储系统默认的全局属性或是插件，用户通过这个全局对象配置一些通用的属性或是插件，轻松让所有实例化出 ...

HTML+CSS实现全景轮播的示例代码

创建一个全景轮播效果可以通过HTML和CSS来实现，这里提供一个简单的示例代码。这个示例中，我们将使用HTML来构建基本的轮播结构，CSS来添加样式和实现轮播效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met ...

Vue.js条件渲染与列表渲染指南

博主头像 title: Vue.js条件渲染与列表渲染指南 date: 2024/5/26 20:11:49 updated: 2024/5/26 20:11:49 categories: 前端开发 tags: VueJS 前端开发 数据绑定 列表渲染 状态管理 路由配置 性能优化 第1章：Vue.js基础与 ...

Vue3源码解析--收集的依赖是什么？怎么收集的？什么时候收集的？

博主头像 从Vue开始较大范围在前端应用开始，关于Vue一些基础知识的讨论和面试问题就在开发圈子里基本上就跟前几年的股票和基金一样，楼下摆摊卖酱香饼的阿姨都能说上几句那种。找过前端开发工作或者正在找开发工作的前端都知道，面试官基本上都有那么几个常问的问题，而网上呢也有那么一套可以用来背诵的“八股文”，自己懂多 ...

Vue 3指令与事件处理

博主头像 title: Vue 3指令与事件处理 date: 2024/5/25 18:53:37 updated: 2024/5/25 18:53:37 categories: 前端开发 tags: Vue3基础 指令详解 事件处理 高级事件 实战案例 最佳实践 性能优化 第1章 Vue 3基础 1.1 V ...

第二周第五天

今天是跟随视频学习vue2的一些相关知识，并跟随视频学习和写程序。主要是了解一些有关渲染子类的知识，同时也练习了一些静态页面。总体感受前面的比较简单，后面的越来越复杂，有点看不懂了，还记不住。加油！我相信多练习一点也就会了。以下今天写的一些程序。 视频实在看不懂也没关系，多练习实际操作。同时也不能局 ...

Symbol 引用 iconfont icon图标库

博主头像 Symbol 引用 iconfont icon图标库 Symbol 引用 这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点： 支持多色图标了，不再受单色限制。 通过一些技巧，支持像字体 ...

第二周第四天

今天完成了所有的html，css，以及js的菜鸟相关课程，总的来说了解了很多的程序语言，但也有很多复杂的不懂。希望和我一样学习前端的朋友一样，不要着急。虽然是基础知识但是也很难全部记住理解30%，对剩下的有个印象即可，但是最为重要的是实际操作，慢慢练习有些基础知识慢慢就会了。 几天说一下我学习中遇到 ...

XML Schema 字符串数据类型及约束详解

博主头像 XML中的字符串数据类型表示字符序列，包括换行、回车和制表符。处理器不修改值。`normalizedString`去除这些特殊字符，`token`则进一步移除前导和尾随空格及多余空格。字符串类型可使用枚举、长度等限制。`date`和`dateTime`数据类型表示日期和时间，`duration`表示... ...

说说webpack的热更新是如何做到的？原理是什么？

博主头像 一、是什么 HMR全称 Hot Module Replacement，可以理解为模块热替换，指在应用程序运行过程中，替换、添加、删除模块，而无需重新刷新整个应用 例如，我们在应用运行过程中修改了某个模块，通过自动刷新会导致整个应用的整体刷新，那页面中的状态信息都会丢失 如果使用的是 HMR，就可以实 ...

<1···383940···50>