‍ 写在开头 点赞 + 收藏 学会 前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务，但是微软的在线服务有文件大小限制，想完整使用得花钱，一些图片文件就通过组件库antd实现，因为我们项目存在多种类型的文件，所以为了改善用户的体验，决定把文件预览单独弄一个拆出一个项 ...

Chrome 在 121 版本开始，原生支持了两个滚动条样式相关的样式 scrollbar-color 和 scrollbar-width。 要知道，在此前，虽然有 ::-webkit-scrollbar 规范可以控制滚动条，可是，::-webkit-scrollbar 是非标准特性，在 MDN 文 ...

setup概述 setup是Vue3中新的配置项，值是一个函数，组件中所用到的数据、方法、计算属性、监视等等，均配置在setup中。 setup函数返回的对象中的内容，可直接在模版中使用。 setup中不能使用this关键字，this是undefined。 setup会在beforeCreate() ...

‍ 写在开头 点赞 + 收藏 学会 一、忘了最基础的东西 前端开发的核心构建在三大基石技术上：HTML、CSS和JavaScript。回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是 ...

json-server 快速搭建REST API 服务器 ★ 认识json-server 官方文档参考 json-server 是一个非常流行的开源工具，用于快速搭建一个完整的 REST API 服务器。它使用 JSON 文件作为数据源，通过简单的配置即可模拟复杂的服务器功能，非常适合前端开发者在没 ...

基于Vue-Cli创建 现在官方推荐使用 create-vue 来创建基于 Vite 的新项目(⚠️ Vue CLI 现已处于维护模式!) # 查看@vue/cli版本号，确保@vue/cli版本在4.5.0以上 vue --version # 没有安装@vue/cil或者版本不在4.5.0以上执行 ...

JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。 console.log(a); // undefined var a = 1; 上面的代码首先使用 c ...

一、为什么要安装多个版本的node.js 现在开发前端项目，有的需要node.js版本是18以上的，或者其他版本，然而电脑上安装的是v16，直接升级到18，又怕影响老项目，最好的办法就是安装多个版本，需要哪个切换一下就行。 网上有一些安装多个版本node.js的做法，很麻烦。推荐nvm这个工具，很方 ...

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

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

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

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

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

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

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

‍ 写在开头 点赞 + 收藏 学会 首先明确一点，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=" ...

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