https://github.com/2fps/demo
个人博客中用到的demo，和其他各种乱七八糟的demo
https://github.com/2fps/demo
demo element-ui javascript koa2 node vue
Last synced: about 2 months ago
JSON representation
个人博客中用到的demo，和其他各种乱七八糟的demo
- Host: GitHub
- URL: https://github.com/2fps/demo
- Owner: 2fps
- License: mit
- Created: 2019-04-08T14:33:05.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-10-30T13:39:46.000Z (over 2 years ago)
- Last Synced: 2025-03-26T23:03:48.630Z (2 months ago)
- Topics: demo, element-ui, javascript, koa2, node, vue
- Language: JavaScript
- Homepage: https://www.zhuyuntao.cn/
- Size: 1.81 MB
- Stars: 70
- Watchers: 3
- Forks: 59
- Open Issues: 45
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# demo
个人博客的demo，以及其他情况下使用到demo
## 目录
+ view，包含功能性的demo。
+ knowledge，搜集自己能想到的和看到的知识点。
## 使用方法
### 启动服务，查看demo
借助于http-server库，在根目录下启动
```
http-server ./
```
访问对应端口即可查看demo。
#### 独立server
文件夹内含package.json的都需要借助npm安装依赖和启动服务，请到对应的文件夹下处理。
### 重新编译
```
npm run build
```
## 2019
### 07
+ [js实现网页摄像头截图功能](view/2019/07/js实现网页摄像头截图功能/index.html)，帮助信息查看：[README.md](view/2019/07/js实现网页摄像头截图功能/README.md)
+ [video自动播放问题](view/2019/07/video自动播放问题/index.html)，帮助信息查看：[README.md](view/2019/07/video自动播放问题/README.md)
+ [关于package.json的scripts命令中使用单双引号的问题](view/2019/07/关于package.json的scripts命令中使用单双引号的问题/index.html)，帮助信息查看：[README.md](view/2019/07/关于package.json的scripts命令中使用单双引号的问题/README.md)
+ [关于we!=we&&we==we问题联想](view/2019/07/关于we!=we&&we==we问题联想/index.html)，帮助信息查看：[README.md](view/2019/07/关于we!=we&&we==we问题联想/README.md)
+ [基于MediaRecorder实现js获取摄像头录像数据](view/2019/07/基于MediaRecorder实现js获取摄像头录像数据/index.html)，帮助信息查看：[README.md](view/2019/07/基于MediaRecorder实现js获取摄像头录像数据/README.md)
+ [浏览器标签页聚焦和失焦事件-visibilitychange](view/2019/07/浏览器标签页聚焦和失焦事件-visibilitychange/index.html)，帮助信息查看：[README.md](view/2019/07/浏览器标签页聚焦和失焦事件-visibilitychange/README.md)
### 06
+ [background-size为100%-100%时背景图填充不完整](view/2019/06/background-size为100%-100%时背景图填充不完整/index.html)，帮助信息查看：[README.md](view/2019/06/background-size为100%-100%时背景图填充不完整/README.md)
+ [h5原生拖拽不能触发drop事件问题](view/2019/06/h5原生拖拽不能触发drop事件问题/index.html)，帮助信息查看：[README.md](view/2019/06/h5原生拖拽不能触发drop事件问题/README.md)
+ [react中使用redux](view/2019/06/react中使用redux/index.html)，帮助信息查看：[README.md](view/2019/06/react中使用redux/README.md)
+ [webpack-dev-server开启https访问](view/2019/06/webpack-dev-server开启https访问)，帮助信息查看：[README.md](view/2019/06/webpack-dev-server开启https访问/README.md)
### 05
+ [chrome下rem单位与12px问题](view/2019/05/chrome下rem单位与12px问题/index.html)，帮助信息查看：[README.md](view/2019/05/chrome下rem单位与12px问题/README.md)
+ [ES6中的尾递归优化](view/2019/05/ES6中的尾递归优化/index.html)，帮助信息查看：[README.md](view/2019/05/ES6中的尾递归优化/README.md)
+ [typeof未定义变量](view/2019/05/typeof未定义变量/index.html)，帮助信息查看：[README.md](view/2019/05/typeof未定义变量/README.md)
+ [typescript版node环境搭建](view/2019/05/typescript版node环境搭建)，帮助信息查看：[README.md](view/2019/05/typescript版node环境搭建/README.md)
### 04
+ [js中arraybuffer与blob的区别](view/2019/04/js中arraybuffer与blob的区别/index.html)，帮助信息查看：[README.md](view/2019/04/js中arraybuffer与blob的区别/README.md)
+ [js实现pcm数据编码](view/2019/04/js实现pcm数据编码/index.html)，帮助信息查看：[README.md](view/2019/04/js实现pcm数据编码/README.md)
+ [js实现pcm音频转wav与播放](view/2019/04/js实现pcm音频转wav与播放/index.html)，帮助信息查看：[README.md](view/2019/04/js实现pcm音频转wav与播放/README.md)
+ [webAudio制造噪音并播放](view/2019/04/webAudio制造噪音并播放/index.html)，帮助信息查看：[README.md](view/2019/04/webAudio制造噪音并播放/README.md)
+ [webAudio实现pcm音频数据收集](view/2019/04/webAudio实现pcm音频数据收集/index.html)，帮助信息查看：[README.md](view/2019/04/webAudio实现pcm音频数据收集/README.md)
+ [webAudio播放本地音乐](view/2019/04/webAudio播放本地音乐/index.html)，帮助信息查看：[README.md](view/2019/04/webAudio播放本地音乐/README.md)
+ [webpack打包typescript多文件，提示没有该文件](view/2019/04/webpack打包typescript多文件，提示没有该文件)，帮助信息查看：[README.md](view/2019/04/webpack打包typescript多文件，提示没有该文件/README.md)
+ [webpack打包文件同时支持script引入和npm安装](view/2019/04/webpack打包文件同时支持script引入和npm安装)，帮助信息查看：[README.md](view/2019/04/webpack打包文件同时支持script引入和npm安装/README.md)
+ [webpack支持启动dev服务和热更新，并支持打包时增加文件注释](view/2019/04/webpack支持启动dev服务和热更新，并支持打包时增加文件注释)，帮助信息查看：[README.md](view/2019/04/webpack支持启动dev服务和热更新，并支持打包时增加文件注释/README.md)
+ [关于js中setTimeout和setInterval的定时上限值](view/2019/04/关于js中setTimeout和setInterval的定时上限值/index.html)，帮助信息查看：[README.md](view/2019/04/关于js中setTimeout和setInterval的定时上限值/README.md)
### 03
+ [await与forEach](view/2019/03/await与forEach/index.html)，帮助信息查看：[README.md](view/2019/03/await与forEach/README.md)
+ [koa-unless增加method限制](view/2019/03/koa-unless增加method限制/index.html)，帮助信息查看：[README.md](view/2019/03/koa-unless增加method限制/README.md)
+ [wordpress简单插件开发](view/2019/03/wordpress简单插件开发/index.html)，帮助信息查看：[README.md](view/2019/03/wordpress简单插件开发/README.md)
+ [前端路由原理-hash](view/2019/03/前端路由原理-hash/index.html)，帮助信息查看：[README.md](view/2019/03/前端路由原理-hash/README.md)
+ [前端路由原理-history](view/2019/03/前端路由原理-history/index.html)，帮助信息查看：[README.md](view/2019/03/前端路由原理-history/README.md)
+ [基于node实现websocket通信](view/2019/03/基于node实现websocket通信)，帮助信息查看：[README.md](view/2019/03/基于node实现websocket通信/README.md)
### 02
+ [react中onFocus事件](view/2019/02/react中onFocus事件)，帮助信息查看：[README.md](view/2019/02/react中onFocus事件/README.md)
+ [基于node简单实现RSA加解密](view/2019/02/基于node简单实现RSA加解密)，帮助信息查看：[README.md](view/2019/02/基于node简单实现RSA加解密/README.md)
### 01
+ [基于阿里云实现简单的语音识别功能(node)](view/2019/01/基于阿里云实现简单的语音识别功能(node))，帮助信息查看：[README.md](view/2019/01/基于阿里云实现简单的语音识别功能(node)/README.md)
### 00
+ [element-ui源码学习](view/2019/00/element-ui源码学习/index.html)，帮助信息查看：[README.md](view/2019/00/element-ui源码学习/README.md)
+ [js导出excel-csv](view/2019/00/js导出excel-csv/index.html)，帮助信息查看：[README.md](view/2019/00/js导出excel-csv/README.md)
+ [js导出excel-xml](view/2019/00/js导出excel-xml/index.html)，帮助信息查看：[README.md](view/2019/00/js导出excel-xml/README.md)
## 2018
### 12
+ [innerText值多空格的问题](view/2018/12/innerText值多空格的问题/index.html)，帮助信息查看：[README.md](view/2018/12/innerText值多空格的问题/README.md)
## 2017
### 06
+ [tabindex属性及特殊用法](view/2017/06/tabindex属性及特殊用法/index.html)，帮助信息查看：[README.md](view/2017/06/tabindex属性及特殊用法/README.md)