前端

1. 首页
2. IT互联网
3. 前端

vite+vue3+ts+pinia+element-plus搭建项目（三）

现在进入页面开发，组件库选择Element Plus，考虑到前端写样式每个人的写法都不同，这样维护起来也是比较麻烦的，所以选择 Tailwindcss ，这样开发过程不用去想很多的类名，不用再去写css代码 element-plus 按需引入 yarn add unplugin-vue-components --save-dev // vite.config.ts import { defin

前端 2025年06月13日 84 点赞 0 评论 11070 浏览

关于优化Vue-router优化import引入过多导致index文件过于臃肿

1.需求 当我们在开发过程中，需要引入很多的文件，但是又不想每个文件都依次导入的时候 就会想有没有一个方法可以批量导入 require.context方法就可以解决这个问题.(仅限于webpack） function importAll (require) { console.log(require.keys(),'keys') // 此处是由多个文件路径组成的数组 require

前端 2025年05月16日 175 点赞 0 评论 11066 浏览

Vue组件化开发

✍目录总览：（组件化概念、组件注册、数据存放、组件数据共享、组件插槽、使用步骤） 一、组件化概念 1. 组件化开发思想 组件化思想的特点：标准、分治、复用、组合 2. 组件定义 **组件化**开发：根据封装的思想，把页面上可重用的 UI 结构封装为组件，从而方便项目的开发和维护。 3. Vue中的组件化开发 **vue** 是一个**支持组件化开发的前端框架**。

前端 2025年05月30日 87 点赞 0 评论 11064 浏览

Neo4j的图可视化

有三种类型 可直连接的库 无直连接的库 面向非开发者的独立产品 可直连接的库 包括 Neovis.js(Neo4j Lab 官方出品), Popoto.js(基于 D3.js). 它们都能够直接连接 Neo4j 数据库, 无需其它后端支持。 无直连接的库 不能直接操作 Neo4j 数据库，需要通过 API 做数据转换。 常见的库有 D3.js, Vis.js, Sigma.js, Vivag

前端 2024年11月13日 78 点赞 0 评论 11063 浏览

玩转ClaudeCode：使用Figma-MCP编写前端代码1:1还原UI设计图

目录本轮目标具体实践一、开启 Figma 的 MCP 服务器二、Claude Code 连接 Figma MCP三、Claude Code 代码实现 Figma 设计稿本轮目标本轮目标是制作数字化大屏的一个前端组件，要求和UI设计图还原度达到1:1。本轮目标需要我们提前准备好figma客户端，且登录帐号具有开发模式的权限（没有可以去某夕）

前端 2025年08月29日 189 点赞 0 评论 11044 浏览

redux

1.先创建count和person两个组件 2.创建count的store相关的文件夹。 store/modules/count 1.constant.js 2.createActions.js 3.index.js 4.reducer.js index.js import { legacy_createStore as createStore } from "redux"; import co

前端 2024年11月11日 194 点赞 0 评论 11043 浏览

在vue3中（vite）引入unocss，安装配置unocss

前言： 不了解unocss的朋友，建议先阅读此文章 简单来说，unocss是一个css引擎，用过Tailwind CSS和windi CSS的不会陌生，不一样的是，unocss本身不提供任何类名css，它只是解决Tailwind以及windi的编译和打包的某些问题，也就是它可以配合Tailwind或者wi

前端 2025年07月20日 105 点赞 0 评论 11015 浏览

从vw/vh到clamp()，前端响应式设计的痛点与进化

目录从vw/vh到clamp()，前端响应式设计的痛点与进化一、原生响应式设计的痛点1、使用 vw/vh/% 的蜜月期与矛盾点2、以 px+@media 为主轴实现多端样式兼容二、clamp()：响应式设计的新思路1、clamp() 是什么？2、优势分析三、实际应用场景示例1、标题文字大小2、布局容器宽度3、按钮与间距4、配合calc()实

前端 2025年11月19日 99 点赞 0 评论 10989 浏览

前端面试时被问到项目中的难点和解决方案

前端面试中，一定都会被问过项目中的难点，但是很多人都答不出来。为了让大家接下来的面试中有充足的准备，给大家整理了一些有难度又高频的面试题，希望你们求职顺利。 我们先来汇总JavaScript的笔试题： （1）介绍一下JS的基本数据类型： Undefined、Null、Boolean、Number、String （2）介绍一下JS有哪些内置对象： Object 是 JavaScrip

前端 2025年05月08日 43 点赞 0 评论 10949 浏览

Windows 搭建 Gitea

一、准备工作1. 安装 Git：Gitea 依赖 Git 进行代码管理，所以首先需要确保系统中安装了 Git。下载地址： 安装数据库（可选）默认情况下，Gitea 使用 SQLite 作为内置的轻量级数据库，但如果需要&#xff0c

前端 2025年04月17日 107 点赞 0 评论 10928 浏览