变量与常量 let：用来定义变量，可以只声明不定义； 例如： <script type="module"> let a; // 只声明不定义 let x = 2, name = "kitty"; // 定义若干个变量 let d = { // 定义一个对象，类似于python中的字典 name: " ...

vxe-table 实现行高拖拽功能，需要注意更新到最新版本才支持该功能 官网：https://vxetable.cn 通过 row-config.resizable 和 row-resize 启用行高拖拽功能; 当需要多列允许触发行高拖拽时，通过 row-resize 指定任意列 <templat ...

‍ 写在开头 点赞 + 收藏 学会 如何跨越不同窗口通信 在现代 Web 开发中，多个窗口或标签页之间的通信成为了越来越常见的需求，尤其是在应用需要同步数据、共享状态或进行实时更新的场景中。不同窗口间的通信方式有很多种，选择合适的方式可以大大提高开发效率和用户体验。本文将详细介绍 ...

‍ 写在开头 点赞 + 收藏 学会 vue3封装一个基础甘特图 只支持简单展示功能 代码通俗易懂 效果图： 主要计算 计算出整体的日期范围 根据每项开始时间和结束时间计算出每一项所占的长度 // 基础甘特图封装 import { ref } from 'vue' import d ...

作者：咕魂 日期：2025年1月13日 目录注意事项实现方法 注意事项 不要给svg加style属性，会导致实际布局与图片布局不一致 不要使用overflow：hidden属性，文本超出长度转换为省略号将无法使用 // 替换方案 // js限制字符串长度 formatStr(text) { let ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：千寻 什么是事件循环? 我们为什么需要事件循环？对于 JavaScript 是一门单线程语言我们是肯定的，JavaScript 单线程的特性保证了渲染和 Ja ...

大家好，我是 Java陈序员。 可以说现在 AI 给我们的生活、工作带来了极大的便利，各种大语言模型层出不穷，功能多样。 今天，给大家介绍一款支持多模型服务的桌面客户端，开箱即用！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 Che ...

有个新需求，当点击【下载】按钮时，直接将当前 html页面下载为 PDF。通过 html2canvas + jsPDF 可实现PDF单页下载，甚至是多页下载，记录分享一下~ 最后有样式源码，可自取 ...

需求 我有一个用vue3项目实现的ai聊天功能。使用js文件的形式来引入其它项目，具体的表现显示是一个机器人icon，点开就是iframe。但是定死iframe的宽高，就显得不够灵活。所以我打算做一下类似windows窗体那样的拖拽调整宽高。具体代码也借助了chat AI，如果完全自己实现还是很耗时 ...

OOCSS OO(“Object Oriented”)：面向对象。 OOCSS：Object Oriented css（面向对象css）的缩写，是一种用最简单的方式编写的CSS代码，从而使代码 重用性，可维护性和可扩展性更好的书写方法。 OOCSS 解决的问题 很多开发者在编写 CSS 时，经常会遇 ...

‍ 写在开头 点赞 + 收藏 学会 前言 在 JavaScript 的世界里，事件流就像一只永不停歇的蝴蝶，每一个动作、每一个点击、每一个滚动，都会触发一连串的蝴蝶效应。作为一名开发者，掌握事件流的艺术，不仅能让你的网页更加生动、更加交互，也能让用户体验到前所未有的舒适。那么，事 ...

缘由 网上的在线json格式化有很多，但我是个有追求的人。在线的很难同时支持折叠、有缩进线、代码高亮、离线的，方便部署的、易用的、不请求后端（为了安全）的json格式化工具。 去Github上找项目，华而不实的东西占半个屏幕，格式化json要点好几下，一个json格式化工具npm安装之后几百个文件。 ...

一.three框架材质原理与应用 其实three里面所有的材质不管是基础还是点等等之类最终都会编译为shader然后执行，所以如果拿到一个材质我想对某个地方小改一下，那么也是可以用shader来进行修改的 这里用基础材质创建一个平面 通过材质的这个回调就可以拿到他的shader并且里面也有顶点着色器 ...

vxe-table 实现 excel 选择一个单元格，拖拽自动复制新的单元格 官网：https://vxetable.cn 鼠标按住右下角扩展按钮，当选取一个单元格时，自动将当前内容填充到扩展区域的所有单元格中 <template> <div> <vxe-grid v-bind="gridOptio ...

层叠 声明冲突：同一个样式，多次应用到同一个元素 层叠：解决声明冲突的过程，浏览器自动处理（权重计算） 1. 比较重要性 重要性从高到底： 作者样式表：开发者书写的样式 1） 作者样式表中的!important样式 作者样式表中的普通样式 浏览器默认样式表中的样式 2. 比较特殊性 看选择器 总体规 ...

JavaScript 实现支持过期时间的数据缓存功能 要在 JavaScript 中实现数据缓存功能并支持设置过期时间，可以使用 localStorage、sessionStorage 或内存对象（如 Map 或普通对象）来存储数据，并为每个缓存项设置一个过期时间。以下是一个简单的实现示例： Jav ...

前言 高阶组件HOC在React社区是非常常见的概念，但是在Vue社区中却是很少人使用。主要原因有两个：1、Vue中一般都是使用SFC，实现HOC比较困难。2、HOC能够实现的东西，在Vue2时代mixins能够实现，在Vue3时代Composition API能够实现。如果你不知道HOC，那么你平 ...

Puter —— 一个免费、开源、自托管的互联网操作系统，具备完整的操作系统桌面功能，可以作为云存储服务、远程桌面、Web 托管平台等。 ...

周选择器 vxe-date-picker 自定义一周开始日 官网:https://vxeui.com 周一开始 <template> <div> <vxe-date-picker v-model="val1" placeholder="周选择，周一开始" type="week" :start-day ...

这是一部ECharts的实战手册，内容系统而全面，由浅入深，能带领读者快速从新人晋级为高手，做出漂亮的商业级数据图表。本书内容得到了ECharts项目官方核心Committer&PPMC 成员羡辙的高度评价和推荐。 ...