Next.js 14 带来了许多激动人心的新特性，包括局部渲染、Server Actions 增强等。作为一名前端开发者，我最近在项目中升级到了 Next.js 14，今天就来分享一下从项目搭建到实际应用的完整过程。 项目初始化 首先，让我们创建一个全新的 Next.js 14 项目： # 使用 c ...

Promises/A+ 这是一个开放标准，旨在让不同开发者实现的 JavaScript Promise 能够无缝衔接并应用——由前辈们制定，为其他后来者提供参考 一个 promise 所表示的是异步操作的结果。与 promise 交互的主要方式是通过它的 then 方法，该方法会注册所传入的回调函数 ...

‍ 写在开头 点赞 + 收藏 学会 功能实现需要用到MediaRecorder、navigator.mediaDevices.getUserMedia、Blob等API，uniapp App端不支持，需要借助renderjs来实现 实现逻辑 通过navigator.mediaDe ...

在现代软件开发中，创建 定制化的命令行工具(CLI) 已成为满足公司业务需求的关键一环。这类工具可以辅助执行诸如代码检查、项目初始化等任务。为了提高开发效率并简化维护过程，我们将功能模块化，并通过多个子包来组织这些功能。本文将介绍如何使用 Lerna 来管理一个多包项目，并基于 Commander ...

前言 大家好，我是小徐啊。谷歌chrome浏览器是我们在开发Java应用的时候，常用的浏览器。这个浏览器功能十分强大，非常适合我们进行开发调试代码。有时候，我们打开了一个页面，但由于手误关闭了，或者关闭了，想再恢复，有没有好的办法呢？其实是有的。今天，小徐就来介绍下如何快速恢复刚才关闭的页面。 文末 ...

自研tauri2.x+vite6+vue3+arco.design客户端os管理系统Tauri2ViteOS。 vue3-tauri2-os原创跨平台Tauri2.0+Vite6+Pinia2+Arco-Design+Echarts+sortablejs桌面端OS管理平台系统。提供macos和win ...

vxe-table 新增数据，插入指定节点位置操作 官网：https://vxetable.cn npm install vxe-pc-ui@4.3.37 vxe-table@4.9.31 // ... import VxeUI from 'vxe-pc-ui' import 'vxe-pc-ui/ ...

前言 虚拟列表对于大部分一线开发同学来说是一点都不陌生的东西了，有的同学是直接使用第三方组件。但是面试时如果你简历上面写了虚拟列表，却给面试官说是通过三方组件实现的，此时空气可能都凝固了。所以这篇文章欧阳将会教你2分钟内实现一个定高的虚拟列表，至于不定高的虚拟列表下一篇文章来写。 欧阳也在找工作，坐 ...

本章节实现效果，通过gui快速添加场景，家具，并且可以快速设置家具实现一个编辑器效果 一.基础设置与物体添加列表 用之前做过的一个案例来改 首先不要这个模型，然后换个背景颜色，并且添加一个网格辅助器 1.1 添加场景 先往事件对象里面添加一个函数，到时候点击就会调用这个函数，而这个函数就是往场景加这 ...

"我们真的需要自己写一套组件库吗？"上周的技术评审会上,我正在和团队讨论组件库的选型。作为一个快速发展的创业公司,我们既需要高质量的组件,又想保持灵活的定制能力。在对比了多个方案后,我们选择了 shadcn/ui 这个相对较新的解决方案。 说实话,最开始我对这个决定也有些担忧。毕竟相比 Ant De ...

‍ 写在开头 点赞 + 收藏 学会 前言：跨域与同源策略 跨域：通常出现在Web开发中，特别是在涉及到Ajax请求或Fetch API调用时，当一个网页尝试从不同的源加载资源时，就会遇到跨域问题。这里所说的“不同的源”，是指请求资源的源（由协议、域名和端口号组成）与提供资源的源不 ...

这个问题需要分以下两个步骤解决： 检查抖动的页面组件是否有多个根节点 增加离开过渡的css样式 v-leave-to: {display: none} 步骤1（检查抖动的页面组件是否有多个根节点） 我在为路由跳转增加了一个动画，如下： <template> <router-view v-slot=" ...

React 应用程序是由 组件 组成的。一个组件是 UI（用户界面）的一部分，它拥有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。 ...

什么是 useSWR ? 听名字我们都知道是一个 React 的 hooks，SWR 是stale-while-revalidate的缩写, stale 的意思是陈旧的, revalidate 的意思是重新验证/使重新生效, 合起来的意识可以理解成 在重新验证的过程中先使用陈旧的，在http 请求中 ...

在块div或行内span的标题显示2行信息。如下 当mouse移至紫色箭头所指的bytes时，它会title显示2行message，如红色箭头所指。. 代码示例， ...

vue 上传组件 vxe-upload 图片和附件拖拽调整顺序，通过设置 drag-sort 参数就可以启用拖拽排序功能 官网：https://vxeui.com/ 图片拖拽排序 <template> <div> <vxe-upload v-model="imgList" mode="image" ...

虽然现在很多公司都已经实现自动化部署，但有些公司还是手动打包和部署的，原因就不说了，说多了都是泪~ 想要实现本地打包，并且自动压缩dist文件夹，只需要三步即可： 1、安装 archiver npm i archiver -D 2、根目录添加 auto-zip.js 文件，并且复制以下代码 cons ...

作为一位前端开发者，我们经常会听到这么一句话：“JavaScript的执行是按照顺序自上而下依次执行的。”这句话说的并没有错。但是它似乎又好像不完全对。我们先来看以下这段代码。你觉得结果会输出什么？ 1 showName() 2 console.log(myName) 3 4 var myName ...

vxe-table 实现复选框分页跨页勾选 官网：https://vxetable.cn 当使用数据分页与复选框多页勾选时，可以通过 checkbox-config.reserve 启用 <template> <div> <vxe-button status="success" @click="ge ...

"能不能让 AI 直接在我的代码编辑器里帮我写代码？"两个月前，我们团队接到了这样一个挑战。作为一名前端工程师，我深知在浏览器中构建一个复杂的 AI 编程助手并非易事。今天，我想分享我们是如何一步步实现这个系统的。 系统架构设计 首先，让我们看看整个系统的核心架构： // types/index ...