前端开发 - 第5页 - 网站分类 - 博客园

2024 Web 新特性 - 使用 Popover API 创建弹窗

Popover API 为开发者提供了a56爆大奖在线娱乐声明式的方式来创建各种类型的弹窗。目前已在所有三大浏览器引擎中可用，并正式成为 Baseline 2024 的一部分。 ...

前言众所周知，vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时，无需使用.value就可以直接修改ref变量的值，比如：<button @click="msg = 'Hello Vue3'">change msg</button>。你猜vue是在编 ...

vue脚手架

typora-root-url: img vue脚手架 1 vue脚手架的概念 Vue脚手架（Vue Scaffolding）是Vue.js**官方提供的一个工具，专门用于快速搭建单页面应用（SPA）的项目结构。它通过命令行界面（CLI）提供了一套标准化的开发流程，包括项目初始化、自动化构建、本 ...

资源描述框架的用途及实际应用解析

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

Vuex 4与状态管理实战指南

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

记录--前端起dev从110秒减少到7秒, 开发体验大幅提升

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

记录工作中常用的 JS 数组相关操作

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

Promise对象

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

Vue 3 Teleport：掌控渲染的艺术

title: Vue 3 Teleport：掌控渲染的艺术 date: 2024/6/5 updated: 2024/6/5 description: 这篇文章介绍了Vue3框架中的一个创新特性——Teleport，它允许开发者将组件内容投送到文档对象模型（DOM）中的�a56爆大奖在线娱乐馕恢茫词拐飧鑫恢迷谧榧� ...

记录--localStorage是同步还是异步的？为什么？

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

前端怎么解决跨域问题

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

Web 网页性能及性能优化

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

Vue 前端页面利用MediaRecorder实现音频录制

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

Vue.js 动画与过渡效果实战

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

Web 页面性能衡量指标-以用户为中心的效果指标

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

vue2.0和vue3.0同时使用

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

前端开发框架发展概览

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

基于React的SSG静态站点渲染方案

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

记录：瀑布流最佳实现方案

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

Vue渲染函数与JSX指南

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入门 ...