# demos

**Repository Path**: zhulm111/demos

## Basic Information

- **Project Name**: demos
- **Description**: some demoes
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-16
- **Last Updated**: 2026-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# demos

记录一些开发的时候写的demo

## examples

+ demos-h5
  - canvas-smile.html canvas 的简易 demo
  - wark.html canvas 动画 demo
  - canvas-eg 通过 canvas 画一些简单的图形实现
  - triangle.html 三角形角标
  - img.html 通过给图片地址添加一个请求 headers 比如添加 token 的解决方案
  - svg-rect.html 通过svg绘制多个矩形
  - starting.html 系统开机启动页，获取到接口返回后跳转到指定页面
  - dragLine.html 基于jquery的拖拽辅助线
  - notice.html 当行通知公告滚动播报
  - fabric.html 测试

+ demos-js
  - mergeRowsCell.js 实现原生表格的合并单元格
  - LRU.js 实现一个简单的前端缓存器

+ demos-node
  - bathInstall.js 批量打包项目及批量指令执行

+ demos-vue
  - iview-table-infinite-scroll.html 表格无限滚动加载 插件的运用
  - price-validate.html 为清哥写的价格比对单页
  - scope-solt.html 作用域插槽的 demo
  - vue-array.html 判断同一个数组渲染两遍顺序和 key 有没有关系
  - mouseover-demo.html 动态计算鼠标移入显示浮窗位置（跟随鼠标）
  - scroll-items计算容器中可视范围内有多少个固定高度的元素，考虑到滚动情况累加上滚动后的元素个数
  - vue-cards.html iview card 的应用
  - textarea 保存换行符测试

+ demos-vite
  - jszip 前端解压压缩包，获取文件名称

+ demos-threejs
  - treeDemo.html 对树形结构数据进行处理（返回每一层级的 id 值，可以返回层级关系及末级 id 数组）
  - vue-room 这是通过 three.js 渲染房间效果
  - vue-models 这是通过 three.js 加载gltf模型的效果

+ demos-typescript
  - 学习&测试ts用法

+ demos-vite 
  - demos-vite 一个 vite 的 demo

+ demos-vue-pdf 
  - vue-pdf 插件的使用，在浏览器上添加 pdf 预览功能

+ demos-vue3.0 这是初始化的一个 vue3.0 + vite 的项目 用于后续 vue3.0 的学习
  - Message(text success error)
  - Calendar组件定制，支持多选日期
  - ColorPicker组件支持颜色列表，并单选颜色
  - Topology组件用于拓扑图的定制demo
  - CustomTreeTransfer组件包含树形穿梭框

+ demos-vue3.0-ts 
  - 这是 vue3.0 + vite + ts 的一个项目 用来后续做这方面的 demo 开发 `yarn create @vitejs/app project-name --template vue`

+ demos-react
  - 这是react的demo开发用到的
  - 新增组件[driver.js](https://kamranahmed.info/driver.js/)的使用
+ ...