A_lose的博客

CI/CD（持续集成/持续部署）是一种软件工程实践，通过自动化构建、测试和部署流程，提高开发效率和软件质量。CI（持续集成）旨在频繁地将代码集成到共享仓库中，并运行自动化测试。CD（持续部署）则自动将经过测试的代码部署到生产环境中，确保软件的快速交付。话不多说我们直接代码进行分析。

在utils中的tools.js中我们一些配置，比如我们request当中axios创建的baseURL在外面被抛出引入。在以后公司开发项目中我们的代码由于是多人开发不是一个人的开发，那么我们应该把一个模块分成多个模块来分开去实现。我们平时项目中请求axios直接在项目当中请求，但是我们以后大多使用都是封装到外部，通过抛出引入来使用。pages是我们的路由组件，我们使用路由的组件在此当中。router是我们的路由配置信息，我们的路由配置在当中。我们在src/services下封装我们的接口。

那么我们可以通过query、body、params方法可以获取到前端传过来的参数，我们再通过是否存在将它添加到一个对象中，我们查找数据使用find查找，将对象传入以实现多条件模糊搜索。我们前边可以看到，我们前端进行获取数据的时候使用到了for遍历，给数据中每个对象添加一个key值，这样就可以避免我们table报key值错误问题了。如果存在我们将它添加到我们的空对象里面 这里使用到了$regex是为了模糊搜索，否则就必须精准搜索。但是我们想要实现多条件的，那么我们应该判断前端是否输入了某个需要搜索的数据。

1、首先需要下载第三方库antd-mobile我们需要使用的是InfiniteScroll 无限滚动、PullToRefresh 下拉刷新2、我们需要在最外层的盒子上定义ref属性，并且需要调用onScroll事件、最外层盒子样式需要overflow-y:scroll;这里我们需要使用ref获取到页面高度和滚动条高度通过onScroll事件来判断是否触底这里是触底的操作 我们页面到底数据更新是在这里进行重新调用获取数据接口来渲染页面css必须使用overflow-y:scroll;

小型项目遇到的问题

现在执行 npm install react-draggable，执行完后应该在你的 node_modules 中就装好了 react-draggable。现在，我们希望当用户鼠标拖拽把手时，把手本身可以被移动。首先我们把 react-draggable 导入。在准备好 react 脚手架后，你就可以到目录里，执行 npm start把项目跑起来。如果你本地没有安装 npx 的话，强烈推荐，使用非常方便。二、安装 react-draggable。三、接入 react-draggable。

立方贝赛尔曲线： cubic-bezier.com （可以设置好曲线弧度，直接复制）向页面底部抛掷小球，css动画, 立方贝塞尔曲线。点击按钮，先将小球移到点击的地方。设置个定时器（可以重复点击）创建一个小球Div ,