vxe-table 秒级渲染万级数据、极致流畅横向虚拟滚动与纵向虚拟滚动+自适应动态行高
官网：https://vxetable.cn/ 以前老版本不支持虚拟滚动动态行高，vxe-table 新版本发布后，已经可以支持虚拟滚动和动态行高了。如果需要同等行高，只需加上 show-overflow 就可以了，同等行高的渲染性能是最优的，动态行高支持的最大数量低非常多。 建议非必要的场景应该使 ...
神了！两个高仿 BiliBili 客户端！
pilipala —— 使用 Flutter 开发的 BiliBili 第三方客户端，适配移动(Android、iOS)，暂时没有适配桌面端、Pad 端、手表端等。 ...
Nuxt.js 应用中的 webpack：change 事件钩子
title: Nuxt.js 应用中的 webpack：change 事件钩子 date: 2024/11/24 updated: 2024/11/24 author: cmdragon excerpt: 通过webpack:change钩子，开发者可以知道哪些文件被修改，并可以进行适当的处理，比如 ...
vxe-table 设置单元格对齐方式，左对齐、右对齐
官网：https://vxeui.com/ <template> <div> <vxe-table border header-align="center" align="left" :data="tableData"> <vxe-column type="seq" width="70"></vxe ...
js+jquery实现贪吃蛇经典小游戏
项目只使用到了html,css,js,jquery技术点，没有使用游戏框架，下载本地直接双击index.html 运行即可体验游戏效果。 项目展示 进入游戏 游戏开始 游戏暂停 html文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...
Nuxt.js 应用中的 webpack：compiled 事件钩子
title: Nuxt.js 应用中的 webpack：compiled 事件钩子 date: 2024/11/23 updated: 2024/11/23 author: cmdragon excerpt: webpack:compiled 钩子是在 Webpack 完成编译后调用的一个重要钩子。 ...
【uni-app必备】uView UI框架，多端开发神器，让开发更简单、更高效！
uView UI是一个轻量级、高效的多端UI框架，专为UniApp开发设计。它支持Vue语法，提供丰富的组件和灵活的API，帮助开发者快速构建小程序、H5等多端应用。uView UI以其简洁、易用的特点，极大提高了开发效率，降低维护成本。适用于电商、社交、企业服务等多个场景。 ...
记录---前端中断请求的方式与原理
写在开头 点赞 + 收藏 学会 Axios.CancelToken axios对象有一个属性叫CancelToken，该属性提供了中断已经发出去的请求的方式。具体使用方式有两种： 方式一：执行器模式 <script src="https://cdn.jsdelivr.net/ ...
vue2-vuex
专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应 用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 应用场景: 多个组件依赖于同一状态、共享数据 来自不同组件的行为需要变更同一状态 vuex vuex原理 每一个 Vu ...
Nuxt.js 应用中的 webpack：compile 事件钩子
title: Nuxt.js 应用中的 webpack：compile 事件钩子 date: 2024/11/22 updated: 2024/11/22 author: cmdragon excerpt: webpack:compile 钩子是 Nuxt.js 和 Webpack 集成中的一个重要 ...
vxe-table 实现列拖拽排序
官网: https://vxetable.cn <template> <div> <vxe-button status="success" @click="resultEvent">获取列</vxe-button> <vxe-table border ref="tableRef" :column-c ...
vxe-table 实现行拖拽排序
官网: https://vxetable.cn <template> <div> <vxe-table border ref="tableRef" :row-config="rowConfig" :column-config="columnConfig" :data="tableData"> <vx ...
某趣G小说字体解码
前提条件 FontCreator 字体编辑工具：查找网络字码点或字形名称 Umi-OCR 文字识别工具：用来识别 FontCreator 中的字形 同时你需要一点点 js 知识和对未知的探索精神 查找加密字体 F12 或 Ctrl + Shift + C 或 Ctrl + Shift + J ...
Next.js项目App目录如何简单集成markdown博客
文章原文：Next.js项目App目录如何简单集成markdown博客 此教程适用于比较简单的项目实现，如果你是刚入门next，并且不想用太复杂的方式去实现一个博客项目，那么这个教程就挺适合你的。 Next.js官方关于markdown的文档有说明过如何渲染markdown，也是针对App目录的，但 ...
记录---前端如何实现文件的在线预览？
写在开头 点赞 + 收藏 学会 在计算机的世界中，有各种各样的文件，文件类型千奇百怪，作为一名前端开发工程师，我们如何来实现这些文件的在线预览呢？在这篇文章，我们已经实现了前端如何实现压缩包解析？，但是也仅仅是能够查看压缩包中的内容，并不能真实的去进行线上预览，这节就是在文件 ...
vxe-table 实现复选框多选，鼠标拖拽选择、鼠标拖拽范围选择
官网: https://vxetable.cn 通过 range 启用范围选中,启用后鼠标按住复选框的列，向上或向下滑动选取，支持快捷键; MouseLeft 按住复选框的列，向上或向下滑动选取; MouseLeft + Ctrl 局部选取/取消; <template> <div> <vxe-tab ...
Nuxt.js 应用中的 webpack：configResolved事件钩子
title: Nuxt.js 应用中的 webpack：configResolved事件钩子 date: 2024/11/21 updated: 2024/11/21 author: cmdragon excerpt: 在 Nuxt.js 项目中，webpack:configResolved 钩子允 ...
vxe-table 实现单元格中渲染饼图、柱形图
官网: https://vxetable.cn 轻量级图表，超高性能的在表格中渲染柱状图，即使是渲染上万条数据单元格图表，也是丝滑流畅。 npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-render-chart@4.0.1 // ...
vxe-table 集成 echarts 实现单元格图表功能，柱状图、饼图、折线图、右键菜单加载表格渲染
在 vxe-table 中，使用 echarts 实现表格通过右键菜单渲染折线图、饼图、柱状图等，通过扩展插件就能实现简单的配置渲染单元格图表 官网: https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions" @menu- ...
vxe-table 表格导出 pdf 文件
官网: https://vxetable.cn 通过手动调用 exportData 方法可以直接导出文件 npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-export-pdf@4.0.8 jspdf@2.5.2 <script t ...