前端

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

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

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

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

Vue组件化开发

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

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

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

小程序页面之间(传值)传递数据的方法

1、给html元素添加data-*属性来传递值,然后通过e.currentTarget.dataset或onload的param参数获取(data- 名称不能有大写字母,不可以存放对象) 2、设置id 的方法标识来传值,通过e.currentTarget.id获取设置的id值,然后通过设置全局对象的方式来传递数据 3、在navigator中添加参数数值 4、使用全局遍历实现数据传递 5、页面跳转或

iOS 组件化(二) - 远程/本地管理私有库

iOS 组件化(一) - CocoaPods原理理论篇 iOS 组件化(二) - 远程/本地管理私有库 iOS 组件化(三) - 组件化工程介绍 一、前言 1.了解组件化 组件化就是将单一工程的项目按照功能职责或者业务职责划分成一个一个模块,模块间解耦调用。 2.组件化解决耦合问题 当一个项目开发初期的时候,开发人员较少,业务较为简单,此时采用单一工程开发的模式,能保证开发效率。当项目越来越大,开

微前端解决方案-qiankun实战及部署

先来张图片压压惊 image.png 在线demo:wzs.bengdada.com/ 单独访问在线子应用: subapp/micro-react subapp/micro-vue2 subapp/micro-vue3 一.导读 1.什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端架构具备以下几个核心价值:

el-form的el-input 输入框按回车页面刷新问题

1、问题:当页面只有一个输入框时,获取焦点时,点击回车整个页面被刷新了 <el-form :model="Form" label-width="100px"> <el-form-item label="名称"> <el-input v-model="Form.name"></el-input> </el-form

基于Java和高德开放平台的WebAPI集成实践-以搜索POI2.0为例

目录前言一、高德搜索API简介1、高德开放平台2、搜索功能介绍 3、部分API介绍二、Uniapi集成高德API1、API集成流程2、访问接口的定义3、业务调用集成三、常见问题与优化四、总结前言        在当今数字化时代,地理信息系统(GIS)和位置服务(LBS)已成为许多应用程序的核心组成部分。无论是导航、物流、社交网络

Sword - 为 Kotlin 函数增加代理功能(四) - Kotlin IR

简介 Sword:一个可以给 Kotlin 函数增加代理的第三方库,基于 KCP 实现。 Sword - 为 Kotlin 函数增加代理功能(一) Sword - 为 Kotlin 函数增加代理功能(二) Sword - 为 Kotlin 函数增加代理功能(三) 前面三篇文章笔者记录了 Sword 的实现过程,如何使用 Sword 以及如何通过 KSP 为 InvocationHandler