# zl-pro-demo-code

**Repository Path**: zhangluzhanglu/zl-pro-demo-code

## Basic Information

- **Project Name**: zl-pro-demo-code
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-01-17
- **Last Updated**: 2021-11-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# zl-pro-demo-code 此包作用为各种应用的demo
```js
[
    { "cli": "help", "fun": "查看帮助命令" },
    { "cli": "-v", "fun": "查看版本" },
    { "cli": "cleanCloud-test", "fun": "cleanCloud-test" },
    { "cli": "firebase5.5.4-test", "fun": "firebase5.5.4-test" },
    { "cli": "socketio-test", "fun": "socketio-test" },
    { "cli": "websocket-test", "fun": "websocket-test" },
    { "cli": "zl-md2html", "fun": "nodejs将md转换为html" },
    { "cli": "firebase-realdata", "fun": "firebase-实时数据测试" },
    { "cli": "firebase-host-test", "fun": "firebase云托管服务测试-项目部署" },
    { "cli": "webworker-test", "fun": "webworker测试" },
    { "cli": "zl-events-test", "fun": "zl-events测试" },
    { "cli": "docker-test", "fun": "docker打包测试" },
    { "cli": "anyd-rem-demo", "fun": "任意端-rem适配方案" },
    { "cli": "mob-event-demo", "fun": "移动端事件" },
    { "cli": "gzip-demo", "fun": "gzip压缩-demo" },
    { "cli": "h5-call-yj", "fun": "h5调用硬件底层" },
    { "cli": "http-cache-demo", "fun": "http缓存-demo" },
    { "cli": "nodejs-zb-demo", "fun": "nodejs直播实现demo" },
    { "cli": "react-noeject-proxy", "fun": "react-未eject-代理跨域" },
    { "cli": "react-yeject-proxy", "fun": "react-已eject-代理跨域" },
    { "cli": "react-demo-xnyh", "fun": "react-demo-性能优化" },
    { "cli": "ref-zf-demo", "fun": "ref转发-demo" },
    { "cli": "xdoc-world-review", "fun": "xdoc-world文档预览" },
    { "cli": "postcss-in-gulp", "fun": "创建postcss-in-gulp的demo" },
    { "cli": "mobile-adaptation-rem", "fun": "移动端适配rem解决方案demo" },
    { "cli": "mobile-adaptation-vw", "fun": "移动端适配vw解决方案demo" },
    { "cli": "mobile-adaptation-remAndRem", "fun": "移动端适配rem+vm混合使用demo" },
    { "cli": "pc-adaptation-rem", "fun": "pc端适配rem解决方案demo" },
    { "cli": "postcss-in-react-eject", "fun": "postcss在释放配置后的react应用中使用" },
    { "cli": "postcss-in-react-rewired", "fun": "postcss在重写配置后的react应用中使用" },
    { "cli": "postcss-in-vue", "fun": "postcss在vue中的基本使用" },
    { "cli": "react-unit-testing-pro", "fun": "react-unit-testing-pro" },
    { "cli": "react-shouldComponentUpdate", "fun": "React优化性能：shouldComponentUpdate，PureComponent,Memo" },
    { "cli": "vue-demo", "fun": "vue官方脚手架demo" },
    { "cli": "vue-demo-sourceMap", "fun": "vue-demo-sourceMap" },
    { "cli": "vue-e2e-demo", "fun": "vue-e2e-demo" },
    { "cli": "vue-unit-testing-pro", "fun": "vue-unit-testing-pro" },
    { "cli": "canvas-demo", "fun": "canvas-demo" },
    { "cli": "cypress-demo", "fun": "cypress-demo" },
    { "cli": "file-upload", "fun": "file-upload" },
    { "cli": "puppeteer-test", "fun": "puppeteer-test" },
    { "cli": "webpack-dev-server", "fun": "webpack-dev-server" },
    { "cli": "webpack-env", "fun": "webpack-env" },
    { "cli": "webpack-merge", "fun": "webpack-merge" },
    { "cli": "indexDB-demo", "fun": "indexDB使用示例" },
    { "cli": "js-ocr-tesseract", "fun": "ocr图片文字识别示例" },
    { "cli": "react-js-base-demo", "fun": "以js为主的react官方脚手架demo" },
    { "cli": "react-ts-base-demo", "fun": "以ts为主的react官方脚手架demo" },
    { "cli": "react-js-pro", "fun": "包含eslint,antd,redux，以js书写的react-demo" },
    { "cli": "react-ts-pro", "fun": "包含eslint,antd,redux,router，以ts书写的react-demo" },
    { "cli": "uesRef-demo", "fun": "React-hooks-uesRef-demo hooks-读取dom,存储跨周期数据" },
    { "cli": "useCallback-demo", "fun": "React-useCallback-demo  hooks-缓存返回的函数" },
    { "cli": "useContext-demo", "fun": "React-hooks-useContext-demo hooks-在多层组件中传递数据" },
    { "cli": "useImperativeHandle-demo", "fun": "React-hooks-useImperativeHandle-demo 使用 ref 时自定义暴露给父组件的实例值" },
    { "cli": "useLayoutEffect-demo", "fun": "React-hooks-useLayoutEffect-demo DOM 布局后，浏览器执行绘制之前执行" },
    { "cli": "useMemo-demo", "fun": "React-hooks-useMemo-demo-缓存的返回返回值，类似于vue的计算属性computed的做法" },
    { "cli": "useReducer-demo", "fun": "React-hook-useReducer-demo,管理多个state" },
    { "cli": "useEffect-demo", "fun": "React-hook-useEffect-demo,等价于class组件的生命周期函数" },
    { "cli": "css-margin-demo", "fun": "margin-top，margin-bottom重叠问题" },
    { "cli": "egg-example", "fun": "egg各模块基本使用示例" },
    { "cli": "exceljs-demo", "fun": "使用exceljs在node端生成Excel的一个基本使用示例" },
    { "cli": "项目地址", "fun": "https://gitee.com/zhangluzhanglu/zl-pro-demo-code.git" }
]
```