**RDF（资源描述框架）**是一种用于机器理解网络资源的框架，使用XML编写。它通过URI标识资源，用属性描述资源，便于计算机应用程序处理信息。RDF在语义网上促进信息的确切含义和自动处理，使得网络信息可被整合。RDF语句由资源、属性和属性值组成。RDF文档包括`<rdf:RDF>`根元素和`<r... ...

title: Vuex 4与状态管理实战指南 date: 2024/6/6 updated: 2024/6/6 excerpt: 这篇文章介绍了使用Vuex进行Vue应用状态管理的最佳实践，包括为何需要状态管理，Vuex的核心概念如store、actions、mutations和getters，以及 ...

‍ 写在开头 点赞 + 收藏 学会 [webpack由浅入深]系列的内容 第一层: 了解一个小功能的完整流程. 看完可以满足好奇心和应付原理级别面试. 第二层: 源码陪读, webpack源码比较灵活, 自己看容易陷入迷惑. 文章里会贴出关键流程的代码来辅助阅读源码. 如果你正在 ...

工作中难免会遇到各种各样的数据结构，较为全面的了解数组操作，对于复杂数据结构的处理会非常有用且节省时间。所以想在这里总结一下工作中常用的数组操作，都是一些非常基础的知识，大家看个乐就好~ ...

Promise 对象使用 ★ Promise 基本认识 Promise 是一个对象，用于表示异步操作的最终完成（或失败）及其结果值。它允许你关联处理程序，这些处理程序将在异步操作成功完成时或者失败时调用，从而避免了更复杂的嵌套回调（即回调地狱）。Promise 对象通常用于执行异步操作，如网络请求、 ...

title: Vue 3 Teleport：掌控渲染的艺术 date: 2024/6/5 updated: 2024/6/5 description: 这篇文章介绍了Vue3框架中的一个创新特性——Teleport，它允许开发者将组件内容投送到文档对象模型（DOM）中的任意位置，即使这个位置在组件的 ...

‍ 写在开头 点赞 + 收藏 学会 首先明确一点，localStorage是同步的 一、首先为什么会有这样的问题 localStorage 是 Web Storage API 的一部分，它提供了一种存储键值对的机制。localStorage 的数据是持久存储在用户的硬盘上的 ...

前端跨域问题的解决方案通常涉及几种不同的方法，每种方法都有其特定的应用场景和优缺点。以下是一些常见的前端跨域解决方案： JSONP（JSON with Padding） 原理：利用<script>标签没有跨域限制的特性，通过动态创建<script>标签并设置其src属性为跨域请求的URL，来实现跨域 ...

Web 性能是 Web 开发的一个重要方面，侧重于网页加载速度以及对用户输入的响应速度 通过优化网站来改善性能，可以在为用户提供更好的体验 网页性能既广泛又非常深入 1. 为什么性能这么重要？ 1. 性能关乎留住用户 性能对于任何在线业务都至关重要 与加载速度缓慢、让人感觉运行缓慢的网站相比，加载速... ...

Don't Talk, code is here: 重点是startRecord 方法 <template> <div> <el-tooltip class="item" effect="dark" content="再次点击 【开始录音】 即为重新录制，之前录制的将被作废" placement=" ...

title: Vue.js 动画与过渡效果实战 date: 2024/6/4 updated: 2024/6/4 description: 这篇文章介绍了如何在网页设计中使用过渡动画和组件效果，以及如何利用模式和列表展示信息。还提到了使用钩子实现组件间通信的方法。 categories: 前端开发 ...

以用户为中心的性能指标是理解和改进站点体验的关键点 一、以用户为中心的性能指标 1. 指标是用来干啥的？ 指标是用来衡量性能和用户体验的 2. 指标类型 感知加载速度：网页可以多快地加载网页中的所有视觉元素并将其渲染到屏幕上 加载响应速度：页面加载和执行组件快速响应用户互动所需的 JavaScrip... ...

背景：原先电脑上安装了vue2.0和node 14.17.6版本，后面新项目使用的是vue3.0和node 16.6.1。通过nvm 安装node 16.6.1的时候，不小心把原来的2.0环境给搞坏了。 目的：本文将通过文字描述(都是cmd命令，截图感觉没啥意义)的方式，讲述卸载和安装多版本node ...

随着Web应用变得越来越复杂，而jQuery的功能却显得过于简单，难以应对这些复杂的需求。比如，对于一些需要大量动态交互的应用程序，jQuery的功能并不足够强大。此外，由于jQuery所写应用的代码结构较为混乱，其中包含了大量的全局变量和函数，例如，全局变量"$"和"jQuery"都指向了jQue... ...

基于React的SSG静态站点渲染方案 静态站点生成SSG - Static Site Generation是一种在构建时生成静态HTML等文件资源的方法，其可以完全不需要服务端的运行，通过预先生成静态文件，实现快速的内容加载和高度的安全性。由于其生成的是纯静态资源，便可以利用CDN等方案以更低的成 ...

传统实现方式 当前文章的gif文件较大，加载的时长可能较久 这里我拿小红书的首页作为分析演示 可以看到他们的实现方式是传统做法，把每个元素通过获取尺寸，然后算出left、top的排版位置，最后在每个元素上设置偏移值，思路没什么好说的，就是算元素坐标。那么这种做法有什么缺点？请看下面这张图的操作 容器 ...

title: Vue渲染函数与JSX指南 date: 2024/6/3 下午6:43:53 updated: 2024/6/3 下午6:43:53 categories: 前端开发 tags: Vue渲染 JSX基础 性能优化 组件对比 React JSX 大项目 测试策略 第1章：Vue.js入门 ...

使用 Vite 快速搭建脚手架 命令行选项直接指定项目名称和想要使用的模板，Vite + Vue 项目，运行（推荐使用yarn） # npm 6.x npm init vite@latest my-vue-app --template vue # npm 7+, 需要额外的双横线： npm init ...

Vue3简单项目流程分享——工作室主页 零、写在最前 以下是项目相关的一些链接： 源代码GitHub仓库（需要魔法上网）：仓库 网页示例（需要魔法上网）：网页示例 UI图（来源@设计师杨贺）：MasterGo主页 补充：由于时间关系，该网页没有适配手机端，最佳展示效果为网页端1440p宽度。 如果你 ...

FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定 FormCreate官网：https://www.form-create.com ...