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: {} 拿出来“提前声明”,并没有真正理解它的运行机制、类型推导优势、默认值处理 ...
JavaScript数据网格方案AG Grid 34.2 发布:更灵活的数据结构、更流畅的大数据交互与全新 UI 体验
近日,JavaScript 数据表格方案AG Grid版本,本次更新为开发者带来了更灵活的数据分组方式、更顺畅的大数据集交互体验,以及更直观的 UI 提示与操作反馈。
AG Grid最新版下载,请联系AG Grid中国区合作伙伴慧都科技
以下为本次更新的核心亮点:
核心功能更新
1. 日期与时间分组
支持基于日期的层级分组(如日、周、月、季 ...
vxe-table 如果设置表头和表尾单元格文本超出提示框主题色
vxe-table 如果设置表头和表尾单元格文本超出提示框主题色,自定义文本溢出提示的主题色,默认是黑色的,可以通过 tooltipConfig.theme='light' 来设置
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
效果
代码
支持headerTooltipConfig ...
听歌体验直接拉满!推荐一款高颜值音乐播放器!
大家好,我是 Java陈序员。
你是否也曾遇到过这样的困扰:喜欢的音乐播放器要么颜值不够能打,界面好看的功能又太过简陋;在线听歌得忍受满屏广告和冗余功能,而且受版权限制,本地音乐管理又杂乱无章...
今天给大家推荐一款一款高颜值音乐播放器,听歌体验直接拉满!
关注微信公众号:【Java陈序员】,获取开源项目分享、A ...
记录---前端微服务框架深度对比:无界(Momentum)与乾坤(Qiankun)实战指南
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
一、引言:为何选择微前端?
在传统单体前端架构中,随着业务复杂度增加,代码臃肿、协作困难、部署效率低等问题愈发突出。微前端通过将项目拆分为多个独立自治的微应用,解决了这些问题:
技术栈无关:支持 Vue、React、Angular 等框架混合开发
独立部署:各团队可独立开发、 ...
如何用 vxe-table 实现2个树表格可以互相拖拽数据
如何用 vxe-table 实现2个树表格可以互相拖拽数据
row-drag-config.isCrossTableDrag 启用跨表格、多表格互相拖拽。
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
效果
代码
跨表拖拽需要确保数据主键不重复,通过 row-config.keyField ...
记录---让网页像现实世界一样“拿起来,放进去”
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
引言
2025年,我们早已习惯用手指滑动屏幕、拖动文件。而这一切流畅体验的背后,HTML5 的 拖拽(Drag and Drop) 功能功不可没。它让网页不再只是“点一点”,而是可以“拖一拖、放一放”,大大提升了交互的直观性和用户体验。
为什么拖拽如此重要?
回想 ...
vxe-table 单元格超出隐藏内容提示使用自定义插槽模板
vxe-table 单元格超出隐藏内容提示使用自定义插槽模板
当内容溢出时显示为省略号,show-overflow 和 show-header-overflow 和 show-footer-overflow
如果需要更灵活的展示,还可以使用自定义提示插槽模板,通过 headert-tooltip、tooltip、footer-tooltip 来自定义模板
查看官网:https://vxetable.cn
gitbub:https://gith ...
记录---基于uniapp,编写一个自定义的日期组件
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
环境配置
系统:windows10
平台:HBuilderX4.76
语言:vue、javascript
库:uni
概述
本文是基于uniapp,编写的自定义日期选择器组件,大致效果如下:
1、组件简介
这是一个日期选择器,即可以选择年、月、日的组件,所以,组件的功能是很简单的,组件的效果就是如上面的 ...