深色elementplus主题vue3

介绍 Vue3 的常见目录结构

当着手使用 Vue3 开发项目时,理解其目录结构至关重要。Vue3 的文件组织和模块分隔方式直接关系到项目的可维护性和扩展性。本文将深入探讨 Vue3 的标准目录结构,并提供一些实用的指南和推荐做法。 在 Vue 3 项目中,通常会有以下一些常见的目录和文件: src 目录: src 目录是 Vue ......
常见 结构 目录 Vue3 Vue

【uview2.x/uview-plus3.x/uv-ui框架】修改主题颜色

前言:在使用uview-plus和uv-ui时发现文档有时候挺乱的,看的挺累,这不,最近折腾个自定义主题,发现和文档所说的压根不对,以下是文档: 1. 按照官方说法,一堆报错,这里就不列举了,接下来看看正规做法: 2. 找到对应的主题包,就是官方让你在uni.scss中引入的那个,复制一份到公共目录 ......
uview uview-plus 框架 颜色 主题

burp技术主题基本技能之使用HTML编码与前导零进行xss bypass

使用编码对攻击进行模糊处理 https://portswigger.net/web-security/all-topics burp官网所有技术主题 基础技能 URL decoded 服务器端;HTML decoded 客户端 input filters输入过滤器:还需要对输入进行解码,检查输入安全 ......
前导 编码 技能 主题 bypass

vue3中自定义ref实现防抖

import { customRef } from "vue"; /** * @description 自定义ref实现防抖 * @param {String} value * @param {Number} delay * @returns */ export const debounceRef ......
vue3 vue ref

vue3学习之createApp(App).mount('#app')

装了vue-cli之后,新建个项目跑起来了,碰上个没理解的问题,不知道createApp(App).mount('#app') 挂载的这个id=“app”从哪冒出来的 用命令创建出来的项目,components/HelloWorld.vue, App.vue, main.js中都没有 估摸着得是底层 ......
createApp mount vue3 39 vue

【UniApp】-uni-app-修改组件主题和样式

前言 好,经过上个章节的介绍完毕之后,了解了一下 uni-app-扩展组件 那么了解完了uni-app-扩展组件之后,这篇文章来给大家介绍一下 uni-app-修改组件主题和样式 首先不管三七二十一,先来新建一个项目 搭建演示环境 创建一个全新的项目,因为本文要修改组件主题和样式,所以这次创建项目选 ......
样式 组件 uni-app 主题 UniApp

vue3 vite.config.ts 如何增加构建时间,并展示在index.html里面

首先需要安装vite-plugin-html插件 在vite.config.ts文件中增加如下代码: plugins: [ createHtmlPlugin({ minify: true, pages: [ { template: 'index.html', filename: 'index.htm ......
时间 config index vue3 vite

Vue3基于elementPlus定制样式覆盖

scss 变量替换方案 步骤: 安装scss pnpm add sass -D 准备定制样式文件 styles/element/index.scss /* 只需要重写你需要的即可 */ @forward 'element-plus/theme-chalk/src/common/var.scss' w ......
elementPlus 样式 Vue3 Vue

C# + Vue3采用SM4

引用 类库: using Org.BouncyCastle.Asn1; using Org.BouncyCastle.Asn1.GM; using Org.BouncyCastle.Asn1.X9; using Org.BouncyCastle.Crypto; using Org.BouncyCas ......
Vue3 Vue SM4 SM

Linux内核开发流程指南 - 7. 高级主题【ChatGPT】

https://www.kernel.org/doc/html/v6.6/process/7.AdvancedTopics.html 高级主题 到目前为止,希望你已经掌握了开发过程的工作方式。然而,还有更多需要学习的地方!本节将涵盖一些对于希望成为 Linux 内核开发过程中的常规部分的开发人员有帮 ......
内核 流程 ChatGPT 指南 主题

Vue3 diff算法详解

Diff 更新算法 由于目前Vue3对于性能的优化做了很多的处理,所以其在更新时并不会对所有的节点都进行diff更新。目前会进行diff更新的有以下两种情况: v-for容器节点 自写的render()函数 还有一种特殊情况会进行无diff的按序更新,这种更新是全替换模式,非常耗时: 无key值的v ......
算法 Vue3 diff Vue

懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...

在 Vue3 中,有许多与响应式相关的函数,例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法,让在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ref() 大家对于 ref 这个 AP ......
toRefs isRef toRef unref Vue3

vue3 引入axios 并封装下

没有考虑取消重复请求、重复发送请求、请求缓存等情况 重复请求参考此链接 实现请求拦截 实现响应拦截 常见错误信息处理 请求头设置 api 集中式管理 index.js import axios from "axios"; import qs from "qs"; const serverConfig ......
axios vue3 vue

在vue3中使用openlayers3实现track轨迹动画

网上太多资料代码,抄来抄去,而且版本也是OL2的,部分API已经弃用 基础知识不多说,直接讲重点 三个关键变量 // 记录开始动画的时间 const startTime = ref(0); // 轨迹分割的颗粒度,数值越小分的越细 const particle = 20; // 轨迹动画的速度,数值 ......
openlayers3 openlayers 轨迹 动画 track

vue2、vue3适配大屏。分辨率变化,样式不变

一、vue3适配大屏的,创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co ......
大屏 样式 vue 分辨率 vue2

CSDN转到博客园,定制博客园皮肤,主题美化

1 引言 从CSDN转到博客园有段时间了,最近重新捣鼓一下博客的皮肤。 如果借鉴我的代码,真改一下头像和签名,我无语了。 2 定制博客 2.1 创建博客 主要步骤为,申请博客 - 申请js - 寻找博客园主题美化。 以下是我的博客定制化主要参考的文章。 https://www.yuque.com/a ......
博客 皮肤 主题 CSDN

VS Code 配置Vue3模板

配置用户代码片段 搜索vue 配置模板 { "vue3": { "prefix": "vue3", "body": [ "<template>", " <div>", " </div>", "</template>", "", "<script setup lang=\"ts\">", "impor ......
模板 Code Vue3 Vue VS

vue3视频播放器组件vue-video-player

1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
vue-video-player 组件 vue 播放器 player

uni-app 基础架构搭建 ts+vue3 命令行

1. 安装全局degit npm install -g degit2.创建工程 my-vue3-ts-project # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-ts-project # 创建以 ts 开 ......
架构 命令 uni-app 基础 vue3

vue3

Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/re ......
vue3 vue

【源码系列#03】Vue3计算属性原理(Computed)

专栏分享:vue2源码专栏,vue3源码专栏,vue router源码专栏,玩具项目专栏,硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 语法 传入一个 getter 函数,返回一个默认不可手动修改的 ref 对象 const count = ref(1) const plusOne = ......
源码 Computed 属性 原理 Vue3

uniapp使用vue3+ts的聊天对话框

先看一下效果图 通过scroll-view实现消息的刷新和滑动,能查看消息和发送图片,支持图片数量自定义。 其中主要是scroll-view通过id定位滑动,当有新消息滑动到最底部,上拉能够刷新历史消息;当选择图片的时候,输入框根据选择的图片数量高度进行调整; ......
对话框 uniapp vue3 vue ts

VUE3引入pinia配置使用

文档:https://pinia.vuejs.org/zh/introduction.html 1.引入pinna npm install pinia -S 2.在src文件里面创建store文件article.js 在main.js中引用pinna import { defineStore } f ......
pinia VUE3 VUE

项目: vue2+Vue3(重构)去哪儿网webapp

技术栈:Vue+webpack+vue-router+vuex+axios+element UI+ swiper 三个大组件:首页、城市选择详情页、详情页 开发方式是用模块化:一个大组件里会有多个子组件,由这些子组件来'填充'大组件,这样方便后续维护: city city.vue component ......
项目 webapp vue2 Vue3 vue

vue3移动端引入px2rem-loader

版本 "postcss-px2rem": "^0.3.0", 1、npm install postcss-px2rem 2、 ......
px2rem-loader loader vue3 2rem vue

Vue3+Vite+ElementPlus管理系统常见问题

本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......

Vue3+Vite+ElementPlus管理系统常见问题

本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......

博客园主题设置

前言 浏览博客的时候,偶然发现别的博主设置的主题很简约好看,一开始以为是自定义的样式,再到发现第二个博主也用着同样的样式,才发现是有“皮肤主题”的,然后才发现便捷的博客园主题设置方式。 设置方式 我的博客 -> 管理 -> 设置 然后就进入到了设置界面 #### 接下来进行设置 博客皮肤设为Cust ......
主题 博客

vue3 之 封装hooks

注意: 使用 Hooks 来做的话,需要封装一个以 use 开头的函数,自定义 Hooks 有一个潜规则,就是要 use 开头 一、相关链接 ① 已经封装好可直接使用的:https://vueuse.org/core/useMounted/ ② 为什么要在Vue3中多使用Hooks?好处是啥? :  ......
hooks vue3 vue

vue3引入mitt(eventBus)

版本 "mitt": "^3.0.1" 1、npm install mitt 2、项目下创建文件夹eventBus 建 myEventBus.js import mitt from 'mitt'export default mitt() 3、组件里监听 组件A import myEventBus f ......
eventBus vue3 mitt vue
共1780篇  :6/60页 首页上一页6下一页尾页