# project

**Repository Path**: slgwha/project

## Basic Information

- **Project Name**: project
- **Description**: 这是一个专注于前端开发效率提升的实用工具库，收集了高频使用的 JavaScript 工具函数、CSS 特效片段、HTML 模板组件以及 Vue 组合式 API 封装，帮助开发者减少重复工作，快速构建高质量 Web 应用。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-04-06
- **Last Updated**: 2026-04-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# project

### 介绍
![tip](https://badgen.net/github/label-issues/nodejs/node/ES%20Modules)![tip](https://badgen.net/badge/vue/2/orange?icon=vue)

用于存放一些比较实用，新奇的代码片段或demo
### ES6

ES6语法和案例的相关练习

### HTML

demo

### JS

- crossTagMsg-实现跨标签通信.js
- js 获取所有的emoji图标.html
- js大小写转换.js
- js封装校验数据类型.js js获取当月第一天和最后一天.js js封装获取时间.js
- js防抖和节流.js
- js将文本内容转化成语音.html
- js实现文件的切割与合并(断点续传会用到).html
- js数组reduce树形结构转扁平化数组.js
- OSSupload.js 阿里云文件上传
- 面向对象.js
- 如何渲染十万条数据.html  `content-visibility: auto` 长列表加载优化
- 实现页面阻塞三秒.js
- 虚拟DOM拆解index.js
- 前端上传图片实现预览.js
- 字符串截取bug-码元和码点.js
- Ajax进度控制.js
- [性能优化]减少DOM操作.js
- runTask.js  高量级任务执行优化

### nodejs

存放nodejs笔记和pdf文档

### 网站推荐

1. DevDocs 不同语言、框架和库的API

2. Ray.so 生成漂亮代码（的图片）

3. LambdaTest 跨浏览器测试平台

4. CSS-Tricks CSS技巧

5. OverAPI 聚合了大多数开发语言和工具的api（以备忘录展现）

6. Responsively 将各个设备屏幕展现在一个网页上

7. Meta Tags 自动生成Google, Facebook的`<meta>`标签

8. CodePen 这个就不用多说了，在线编写HTML CSS js，实时查看效果，还有其他大佬的作品参考

###  Vue的性能优化

1. 路由懒加载,有效拆分应用大小,访问时才异步加载
2. keep-alive缓存页面,避免重复创建组件实例,且能保留缓存组件状态
3. v-for和v-if避免同时使用
4. 长列表性能优化,可采用虚拟列表
5. v-once,不再变化的数据使用v-once
6. 事件销毁,组件销毁后把全局变量和定时器销毁‘
7. 图片懒加载
8. 第三方插件按需引入
9. 服务端渲染