vue 下拉框 vxe-select 实现人员选择下拉列表
vue 下拉框 vxe-select 实现人员选择下拉列表
使用自定义选项插槽的方式,可以灵活的实现各种类型的下拉选择
官网:https://vxeui.com
github:https://github.com/x-extends/vxe-pc-ui
gitee:https://gitee.com/x-extends/vxe-pc-ui
需要注意当每一行高度超多默认高度时,必须要设置 option-config.height 来自定义选项 ...
Vue3+ElementPlus的BS端主从表的快速开发
在实际业务中,主从表的情况也是很常见的,如订单和订单明细,报价单和报价单明细,工艺和工艺路线,进货单和进货单明细等等,很常见的处理类型。
主从表一般涉及两个以上的表,一个是主表,其他的是从表的,在实际情况下,一般包含两个表较多,我们这里以两个表的主从表关系进行分析处理。本篇随笔介绍基于Vue3+ElementPlu ...
AG Grid推出全新MCP服务器——让AI更智能地理解你的数据表格!
作为全球领先的前端表格控件之一,AG Grid 再次引领创新。近日,AG Grid正式发布 AG MCP(Model Context Protocol Server) —— 一个基于开源协议的智能接口,旨在让各类AI模型(如Claude、Cursor、Copilot等)能够直接访问最新、最准确的AG Grid知识库。
AG Grid最新版试用,请联系AG Grid中国区合作伙伴 ...
记录---图文并茂讲解nginx中http升级https(部署SSL证书)知识点总结
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
为何网站要升级为https
原因有以下几点:
1. 避免浏览器的不安全的警告
浏览器对于http的网站会在地址栏明确标记【不安全】字样
这样直接降低用户对网站的信任度
造成用户流失
甚至可能被用户误认为是钓鱼网站
如下图,是笔者的网站没有升级https证书的时候的样子
升级后的
...
Web前端入门第 88 问:引入 JavaScript 的 script 标签究竟有多少用法?
HTML 版本不停的更新迭代,也导致浏览器支持的写法眼花缭乱,就拿 script 标签来说,刚刚入行的那会儿就只知道用来写内联的 js 代码,后来又学到了引入 js 文件,ES 模块规范化之后又知道能用来引入模块化的 js 代码,可这就是它的全部了吗??
然而...并不是!!!
各种用法
看看 script 千奇百怪的用法,一定有你没见过的 ...
兼容移动端!一款开源免费的中后台管理系统模版!
大家好,我是 Java陈序员。
你是否还在为搭建中后台管理系统从零开始编写代码而烦恼吗?
今天给大家推荐一款开源免费且功能强大的中后台管理系统模板,兼容移动端!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
vue-pure-admin —— 一款开源免费且开箱即用 ...
vxe-table 实现列头筛选自定义插槽模板,自定义输入框筛选数据
vxe-table 实现列头筛选自定义插槽模板,自定义输入框筛选数据
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
代码
通过自定义插槽模板 floatingFilter 实现,可以同时自定义弹出筛选面板和浮动筛选的自定义模板,非常灵活实现自定义组件
...
CSS - transition 粗浅记忆
在 CSS 中,transition 是用于实现元素样式平滑过渡的属性,能让元素从一种样式状态(如颜色、尺寸、位置等)逐渐变化到另一种状态,避免样式突变带来的生硬感。它是实现基础动画效果的核心工具,广泛用于 hover 交互、状态切换等场景。
一、transition 核心语法
transition 是一个复合属性,可以同时定义过渡的多个参数, ...
Scss 基础
scss 转 css 在线转换
https://33tool.com/scss_to_css/
变量
$primary-color: #000;
.main1 {
background-color: $primary-color;
}
一、嵌套
1.1 父选择器 & (Referencing Parent Selectors: &)
在嵌套 CSS 规则时,有时也需要直接使用嵌套外层的父选择器,例如,当给某个元素设定 hover 样式时,或者当 body 元素 ...
记录---window.close()失效 + Chrome浏览器调试线上代码
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
情况说明
主系统单点登录点击触发window.open()打开本系统。
是发布生产后的新需求:要求退出登录后直接关闭当前系统页面。
本地运行增加了window.close()方法实现功能,点击退出后页面没反应。
排查过程
官方解析中说明,window.close() 方法只能关闭由window.open()或者浏 ...
React学习笔记(一)
组件化思想
组件
组件是构建 React 应用的独立、可复用的代码块。它接收输入(称为 props),并返回描述UI的 React 元素。
函数组件 vs 类组件
函数组件:一个接受输入,并输出JSX的函数。
类组件:使用class定义,并继承React.Component的类,必须包含一个render()方法。
为什么函数组件成为主流
1、代码简洁:函数组件 ...
如何用 vxe-table 实现列头筛选,在每一列下方增加一个筛选单元格,可以对数据直接进行渲染,
如何用 vxe-table 实现列头筛选,在每一列下方增加一个筛选单元格,可以对数据直接进行渲染,记得需要最新版本才支持
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
效果
代码
通过 floating-filter-config.enabled 来启用浮动筛选,再对指 ...
记录---jsApi支付+h5支付
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
前言:判断是不是微信内,是微信内就用jsApi支付(屏蔽支付宝),不是微信内就用H5支付
此实例为vue2实例,需要vue3的宝子可以自行转换,流程上没啥区别
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
this.sh ...
像老乡鸡那样做饭!
大家好,我是 Java陈序员。
前段时间西贝罗永浩事件闹得沸沸扬扬,西贝的做法可谓是激起广大网友的不满。
想不到的是,这场争论的最后赢家居然是老乡鸡。与西贝相反的是,老乡鸡预制菜完全公开透明,不遮遮掩掩,而且价格十分亲民。
与此相对应的,最近在 Github 有个项目 —— CookLikeHOC(像老乡鸡那样做饭),十分爆火 ...
记录---vue3项目实战 打印、导出PDF
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
一 维护模板
1 打印模板:
<template>
<div class="print-content">
<div v-for="item in data.detailList" :key="item.id" class="label-item">
<!-- 顶部价格区域 - 最醒目 -->
<div class="pric ...
vxe-tree-select 树形下拉框当使用懒加载数据时如何回显
vxe-tree-select 树形下拉框当使用懒加载数据时如何回显
当使用懒加载或者当某个选项被删除时,显示自定义回显;比如使用懒加载树列表,由于数据未被加载,这时候已选的数据就不能被回显,导致显示了 value值,而不是 label。
还有一种场景就是组织架构人员选择,当选择某个人员后,可能人员变动离职,数据被删掉了,这个时 ...
拥抱新一代 Web 3D 引擎,Three.js 项目快速升级 Galacean 指南
作者: vivo 互联网前端团队- Su Ning
本文从多个维度对比 Galacean 和 Three.js 两款Web3D 引擎的差异,并介绍拟我形象项目从Three.js 切换到 Galacean 以后带来的提升以及项目迁移的心得,为其他 Three.js 项目升级到 Galacean 提供参考。
1分钟看图掌握核心观点👇
一、背景
Web 3D 技术的发展日新月异 ...
vxe-table 如何在单元格内容渲染成可点击复制的文本
vxe-table 如何在单元格内容渲染成可点击复制的文本
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
通过 cellRender.name='VxeText',设置参数 clickToCopy=true 就可以开启文本复制功能,点击复制回会自动将文本复制到剪贴板
<template ...
记录---Vue3对接UE,通过MQTT完成通讯
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
概述
一个基于Vue3的实时视频流显示系统,主要用于连接和显示Unreal Engine (UE) 服务器的实时渲染内容。该页面集成了PixelStreaming技术和MQTT通信协议,提供了完整的视频流控制和交互功能。
主要功能
实时视频流显示:连接UE服务器,显示实时渲染的3D场景
协议支持 ...
记录---用好了 defineProps 才叫会用 Vue3,90% 的写法都错了
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
Vue 3 的 Composition API 给开发者带来了更强的逻辑组织能力,但很多人用 defineProps 的方式,依然停留在 Vue 2 的“Options 语法心智”。本质上只是把 props: {} 拿出来“提前声明”,并没有真正理解它的运行机制、类型推导优势、默认值处理 ...