前端
关注
分享
扫一扫
文章平均质量分 66
vue、react
小鱼爱吃火锅
多学习，多积累
展开
-
vue之插槽（slot）
插槽（slot）是 Vue.js 提供的一种机制，用于在组件中插入内容。插槽允许你在父组件中定义内容，并将其传递到子组件中进行渲染。原创 2024-10-22 19:53:05 · 559 阅读 · 1 评论 -
TypeScript 中的模块系统（Module System）
模块系统：TypeScript 的模块系统基于 ES6 模块规范，允许你将代码分割成独立的文件，并通过导入和导出机制在文件之间共享代码。导出（Export）：用于将模块中的变量、函数、类、类型等暴露给其他模块使用。：导出接口。：导出类型别名。：导出常量。：导出函数。：导出类。：导出枚举类型。：导出默认值。导入（Import）：用于从其他模块中引入变量、函数、类、类型等。导入命名导出。导入默认导出。导入所有导出。重新导出（Re-export）原创 2024-10-13 18:19:37 · 823 阅读 · 0 评论 -
vue3之 shallowRef、markRaw
shallowRef用于创建一个浅层响应式引用，只对顶层属性进行响应式处理。markRaw用于标记一个对象，使其完全跳过 Vue 的响应式系统。这两者都可以用于优化性能，避免不必要的响应式开销，特别是在处理大型对象或第三方库对象时。shallowRef是 Vue 3 中的一个 API，用于创建一个浅层响应式引用。与ref不同，shallowRef。原创 2024-10-13 17:09:04 · 825 阅读 · 0 评论 -
vue3之生命周期钩子
在 Vue 3 中，组合式 API 提供了一系列的生命周期钩子函数，这些函数可以在组件的不同生命周期阶段执行特定的逻辑。：在组件挂载到 DOM 之前调用。onMounted：在组件挂载到 DOM 之后调用。：在组件更新之前调用。onUpdated：在组件更新之后调用。：在组件卸载之前调用。：在组件卸载之后调用。原创 2024-10-13 17:01:11 · 1098 阅读 · 0 评论 -
DOM（Document Object Model，文档对象模型）
DOM（Document Object Model，文档对象模型）是一个跨平台且与语言无关的接口，允许程序和脚本动态访问和更新文档的内容、结构和样式。DOM 将 HTML 和 XML 文档表示为一个树结构，其中每个节点都表示文档的一部分（例如元素、属性、文本等）。原创 2024-10-13 16:05:55 · 1529 阅读 · 0 评论 -
vue3之选项式 API (Options API)与组合式 API (Composition API)
然而，只推荐你在一个已经基于选项式 API 开发了很久、但又需要和基于组合式 API 的新代码或是第三方库整合的项目中这样做。attribute 是一个标识，告诉 Vue 需要在编译时进行一些处理，让我们可以更简洁地使用组合式 API。组合式 API 是 Vue 3 中引入的新方式，通过导入 Vue 的 API 函数（如。都是选项式 API 的一部分，它们定义了组件的状态、计算属性、方法和生命周期钩子。选项式 API 是 Vue 2 中的传统方式，通过在组件对象中定义多个选项（如。等）来描述组件的逻辑。原创 2024-10-13 15:25:09 · 841 阅读 · 0 评论 -
vue3之computed计算属性
在 Vue 3 中，computed是一个用于创建计算属性的 API。计算属性是基于其依赖项进行缓存的属性，只有在其依赖项发生变化时才会重新计算。它们通常用于处理复杂的逻辑或数据转换，以便在模板中使用。原创 2024-10-13 15:10:28 · 1218 阅读 · 0 评论 -
vue3之defineComponent
/script>h1 {</style>使用可以更好地定义组件的 props、emits 和其他选项，从而提供更严格的类型检查。在这个示例中，帮助我们定义了props和emits的类型，从而提供更严格的类型检查。原创 2024-10-10 13:13:22 · 3385 阅读 · 0 评论 -
vue3定义组件
你可以直接在JavaScript文件中定义组件。原创 2024-10-10 13:07:45 · 816 阅读 · 0 评论 -
router.resolve 方法
方法签名location：要解析的目标路由，可以是路径字符串或路由对象。（可选）：当前路由位置，默认为当前激活的路由。append（可选）：是否在当前路径后追加目标路径。返回值返回一个对象，通常包含以下属性：href：解析后的 URL 字符串。route：解析后的路由对象。location：解析后的目标位置对象。原创 2024-07-29 12:33:47 · 1944 阅读 · 0 评论 -
通过不同方式在 Vue 3 中传递路由参数
通过path参数传递：在路由路径中定义动态参数，并使用将其作为 props 传递。通过query参数传递：在路由跳转时通过query参数传递数据，并在组件中使用useRoute获取。通过props选项传递：在路由配置中使用props选项传递静态或动态参数。原创 2024-07-25 15:19:10 · 919 阅读 · 0 评论 -
useRoute和useRouter
useRoute返回当前路由对象。用于获取当前路由的路径、参数、查询参数等信息。响应式，可以监听路由的变化。useRouter返回路由实例。用于编程式导航和操作路由栈。提供方法如pushreplacegoback等。原创 2024-07-25 14:57:15 · 1246 阅读 · 0 评论 -
vue3入门特性
Vue 3 是一个用于构建用户界面的渐进式 JavaScript 框架：核心思想是通过声明式的方式来描述 UI 组件，并通过响应式系统来自动更新 UI。Vue 3 引入了许多新特性和改进，包括组合式 API（Composition API）、更好的性能和 TypeScript 支持。原创 2024-07-14 01:01:10 · 790 阅读 · 0 评论 -
vite.config.js文件配置指南
【代码】vite.config.js文件配置指南。原创 2024-07-13 18:11:05 · 2308 阅读 · 0 评论 -
package.json 脚本配置使用环境文件
参数来决定使用哪个环境文件。：预览生产环境构建的应用，默认使用。：构建生产环境的应用，默认使用。：构建预发布环境的应用，使用。：运行开发服务器，默认使用。在代码中，你可以通过。原创 2024-07-13 17:48:51 · 879 阅读 · 0 评论 -
.env.development、.env.production、.env.staging
环境变量文件（如）用于根据不同的环境（开发、生产、测试等）配置应用程序的行为。原创 2024-07-13 17:39:01 · 1649 阅读 · 0 评论 -
基本页面布局（一级和二级导航栏）
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{margin: 0; padding: 0;} #header{height: ...原创 2019-10-29 11:18:48 · 7914 阅读 · 0 评论 -
照片轮播
1.鼠标不放在照片上，照片自动轮播2.鼠标放到照片上，停止轮播，滞留在当前页面3.左右切换按钮，实现上一张照片和下一张照片切换4.右下角标签按钮实现照片之间切换<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> &...原创 2019-11-27 21:40:57 · 307 阅读 · 0 评论 -
yarn使用
Yarn 是一个由 Facebook 开发的 JavaScript 包管理工具，旨在解决 npm（Node Package Manager）的一些性能和一致性问题。Yarn 提供了更快的依赖安装、更可靠的锁定机制以及更好的离线支持。以下是 Yarn 的主要作用和使用方法。原创 2024-07-12 23:27:10 · 337 阅读 · 0 评论 -
Vue项目报错import { performance } from ‘node:perf_hooks‘
问题：昨天项目还好好的，今天就能报错了import { performance } from ‘node:perf_hooks‘；解决方法：换一个16版本以上的node，已解决问题，升级流程参考下面的文档。最后记得在/etc/profile添加/更新node最新的路径。在Vue3项目中，要求node版本要大于16。原创 2024-07-11 14:15:42 · 966 阅读 · 0 评论 -
ts和js的关系
JavaScript：适合快速开发和小型项目，学习曲线较低。TypeScript：适合大型项目和团队协作，提高代码质量和可维护性。原创 2024-07-07 15:50:11 · 725 阅读 · 0 评论