分享自己使用React在写组件库的时候收获的一些心得体会。主要是参考了 antd-mobile , react-vant, tard 等组件库的。

适用于以taro框架来开发的小程序，使用技术栈为react、hooks和ts 封装的文字(dom)滚动横幅。

1. 动态绑定 navbar 与顶部的距离<view class="nav-bar" :style="{marginTop: systemBarHeight + 'px'}"></view>2. 获取系统栏高度data() {return {// 系统状态栏的高度systemBarHeight: 0};},computed: {},watch: {},created() {

react 基于 dnd-kit 进一步封装的拖拽排序组件，作用：将其抽取成一个只需传入列表和对于的回调方法、使用更为简单的组件。

基于 antd 的 upload 和 antd-img-crop 封装的图片裁切并上传组件，可以以字符串数组或文件数组的形式使用。

适用于以taro框架来开发的小程序，使用技术栈为react、hooks和ts 封装的文字(dom)滚动横幅。

分享自己使用React在写组件库的时候收获的一些心得体会。主要是参考了 antd-mobile , react-vant, tard 等组件库的。

废话不多说，先看界面。线上地址：http://47.107.64.29/该游戏平台涉及的知识点有：html、css、js、canvas、vue.js，并搭配element-ui组件库共同开发。项目介绍鼠标移动到游戏区域可以看到游戏规则点击左侧游戏区域，会先弹出小游戏的弹出层(可移动、缩小、关闭)缩小效果如下，点击×可返回弹出层状态有键盘操作的小游戏，按上下左右方向键都会有特效（可关闭）右上角可以开

uni-app 一直报这个错误，但不影响项目运行百度了很多，大部分都是说在目录中新建一个package-lock.json然后在里面添加：“sockjs”:{“dev”: false},“sockjs-client” :{“dev”: false}但尝试了多次都没用解决方法: 取消 “启用https协议” 的钩由于一开始解决h5端跨域问题，后来有些地方报错然后为了改错脑抽，在 manifest.j

使用 chooseImage 相机拍照并跳转页面崩溃，使用 chooseMedia 替代可解决部分因内存占满导致的问题。