前端

vite+vue3+ts+pinia+element-plus搭建项目(三)

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

Vue组件化开发

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

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

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

在vue3中(vite)引入unocss,安装配置unocss

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

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

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

Vue3.0 | vue3的新特性

Vue3的变化 官网地址: 一、对比vue2的变化 1.优点 vue3支持vue2的大多数特性,实现对vue2的兼容 vue3对比vue2具有明显的性能提升 打包大小减少41% 初次渲染快55%,更新快133% 内存使用减少54% 更好的支持TypeScript 使用Prox

Vue中的内置指令与自定义指令

一、内置指令 1、v-text指令 :向标签中添加文本 2、v-html指令:向指定恒点中渲染包含html结构的内容。 2-1、与插值语法的区别: (1).v-html会替换掉节点中所有的内容,{{xx}}则不会 。 (2).v-html可以识别html结构。 2-2、严重注意: v-html有安全性问题!!! (1).在网站上动态演染任查HTML是非常危险的,容易导致XSS攻击。 (2).定要

Neo4j的图可视化

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

开源:各种前端设计和动效,这个项目里一应俱全

一、简述 经过了两个月的精心打磨,该项目也趋于稳定,我想是时候与大家见面了,今天就向大家隆重介绍这个开源项目:visualization-collectio,一个专注于前端视觉效果的集合应用,里面有大量的前端设计和丰富的动效案例,包括有Html视觉、Css动效、Canvas动效、Echarts交互、Three.js3D、人工智能应用和图片处理工具这七大模块。 该项目也是我在工作之余完