全局 组件vite vue3
常用开源组件
常用开源组件集合： https://github.com/YSGStudyHards/DotNetGuide 常用工具： https://github.com/laochiangx/Common.Utility/tree/master 文档管理： https://github.com/dorisoy ......
5分钟搞定vue3函数式弹窗
前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简单的实现方式呢？ 函数式弹窗的使用场景 首先我们来看看什么是函 ......
css框架和组件库有什么区别
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
当创建pvc后，kubernetes组件如何协作
本文分享自华为云社区《当创建一个pvc后，kubernetes会发生什么？》，作者：可以交个朋友。 一、背景 外部存储接入 Kubernetes 的方式主要有两种：In-Tree 和 Out-of-Tree： In-Tree 是指存储驱动的源码都在 Kubernetes 代码库中，与 Kuberne ......
vscode设置vue3代码格式化
下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac：【shift】+【option】+【f】win：【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标，可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
界面组件DevExpress WPF v23.2 - 更轻量级的主题支持
DevExpress WPF Subscription拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 DevExpress ......
ajax有哪些组件
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。 其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
naming conflicts with other components【vue3】
问题描述： 在vue3中有相同名称的文件时，会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案： 修改vite. ......
electron-vite 安装， 打包下载资源失败，设置国内镜像
由于electron默认打包会从github上下载相关二进制包，众所周知，国内GitHub访问是相当慢的，所以经常会出现下载失败导致打包不成功，这时我们就需要配置国内的镜像源，以解决从GitHub下载慢甚至无法下载的问题。 修改npm配置文件（没有就创建）： npm的配置文件为用户根目录下的：~/. ......
vue3hooks中的生命周期钩子
vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活 hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑 根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......
Vue3中实现world、excel、txt、pdf文件预览，（vue-office的使用)
依赖 "@vue-office/docx": "^1.3.0", "@vue-office/excel": "^1.4.5", "@vue-office/pdf": "^1.5.3", 代码案例 核心代码 <div class="preview-box"> <a-modal class="previ ......
docker安装Nginx并运行vue3前端
Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时 ......
vue3路由跳转与参数获取
// 普通跳转 router.push('/index') // query 参数 router.push({ path: '/index', query: { id: 123, } }) // params 参数 router.push({ name: 'index', params: { id: ......
vue3版本下element-plus和antd-vue选哪个更好一些？
Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？ Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己 ......
vscode 全局搜索屏蔽一些不需要看到的文件的办法
vscode 全局搜索的时候总是容易把工程中map文件的一些索引搜索到，十分的烦人 发现一个办法可以过滤掉： 打开折叠项，开启排除搜索文件，填入*.map, *.htm，我这里只需要过滤这两种类型文件。 结果如下图： 这就可以了 还有其他的办法： 找到 search.exclude设置项： 添加你需 ......
vite启动后提示：Network: use --host to expose，且无法通过网络IP访问服务
 原因： 当 局域网 中另一台设备需要访问该服务时，必须通过本机 IP + 端口 访问。 尝试访问后，发现找不到这个 ......
七天.NET 8操作SQLite入门到实战 - 第七天BootstrapBlazor UI组件库引入（1）
前言 由于第七天Blazor前端页面编写和接口对接的内容比较的多，所以这一章节将会分为三篇文章来进行讲解，大家可以认为分为早、中、晚来进行阶段性学习，从而提高学习效率😁。 七天.NET 8 操作 SQLite 入门到实战详细教程 第一天 SQLite 简介 第二天 在 Windows 上配置 SQ ......
大数据组件常见端口汇总
Hadoop:50070：HDFS WEB UI端口8020 ： 高可用的HDFS RPC端口9000 ： 非高可用的HDFS RPC端口8088 ： Yarn 的WEB UI 接口8485 ： JournalNode 的RPC端口8019 ： ZKFC端口19888：jobhistory WEB ......
2024-01-09 改变antd组件样式（:global）
使用:global关键字来改变antd组件的样式，如要改变antd的样式.ant-table-title， 请在.ant-table-title之前再包一层样式，然后在这层样式里面去改变antd的样式就不会影响到其它.ant-table-title： .tableBox { :global { .a ......
如何在Vue中实现全局Loading效果
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
many=True源码分析，局部全局钩子源码解析
1 many=True -__init__ >一路找到了BaseSerializer 》__new__决定了生成的对象是谁 2 入口是is_valid() 》BaseSerializer--》is_valid 》self._validated_data = self.run_validation(s ......
学习JavaScript中的Web组件和自定义元素
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
「实用分享」如何用Telerik UI组件创建可扩展的企业级WPF应用？
Telerik UI for WPF拥有超过100个控件来创建美观、高性能的桌面应用程序，同时还能快速构建企业级办公WPF应用程序。UI for WPF支持MVVM、触摸等，创建的应用程序可靠且结构良好，非常容易维护，其直观的API将无缝地集成Visual Studio工具箱中。 WPF通常用于具有 ......
vue2和vue3的区别？
vue2和vue3的区别？ 1. 双向数据绑定原理不同。 vue2利用Object.defineProperty()实现数据劫持，结合发布订阅模式实现。 vue3利用proxy实现数据代理。 2. 是否支持碎片 vue2模板中只能有一个根节点。 vue3中可以有多个根节点。 3. API类型不同 v ......
Salesforce LWC学习(四十六) record-picker组件浅谈
本篇参考： https://developer.salesforce.com/docs/platform/lwc/guide/reference-graphql.html https://developer.salesforce.com/docs/platform/lwc/guide/referen ......
docker直接运行vue3源代码npm run dev
有套代码，需要在服务器直接run dev，docker build玩起来。 步骤： 将自己的代码上传到服务器，本例：/home/flow/ruoyi-ui cd到项目根目录 ruoyi-ui，新建Dockerfile，内容如下，根据自己本地运行的node版本改第一行版本号。 FROM node:1 ......
flutter-button小组件
Widget btnFlatButtonWidget({ required VoidCallback onPressed, Widget? text, double width = 140, double height = 44, Color gbColor = AppColors.primaryE ......