给VitePress的右上角增加Github角标
介绍
我没有找到VitePress的Github角标的插件,所以做了后面的嵌入流程,方案是在主题布局中直接引入。如果不知道这两个项目的同学可以看看介绍部分
github-corner
可以在页面的四角显示Github角标,可以自定义大小、背景颜色。当鼠标移动到这个角标时还能看到Github摇尾巴的动画
官网地址: https://tholman.com/github-cor ...
Pixelium Design:Vue3 的像素风 UI 组件库
👾 Pixelium Design:Vue3 的像素风 UI 组件库
Pixelium Design 是一个基于 Vue 3 的像素风 UI 组件库。我们从早期像素游戏的经典美学中汲取灵感,为现代 Web 应用带来复古风格的界面和体验。该项目的初衷是为开发者提供一系列可复用、高效能的像素风组件,让项目中轻松实现独特的视觉风格。
如果你对这个项目感兴趣,欢迎 ...
宝藏工具站!一个轻量实用的在线工具集合!
大家好,我是 Java陈序员。
在日产生活中,常常需要各种小工具来解决日常遇到的问题,比如图片处理、文本转换、编程开发等。
快速搭建!一个轻量的在线工具箱!
8.7K+ Star!快速搭建个人在线工具箱
今天,给大家推荐一个集成了多种实用功能的轻量工具集合网站,无论是日常办公、学习还是娱乐,都能在这里找到合适的工具。
...
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 ...
记录---图文并茂讲解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 ...