今天闲闲,闲来无事看看书,下一句,今天闲一点,今日闲来无事

都是骗人的，我也遇到了类似的。一开始说的很仔细，强调让你下订单时发截图让他看看有没有错，付款后先别收货，等返款后才确认。还强调了三次，好像很为你着想一样。 但是实际操作的时候，我发了订单截图给他，他就给我一个二维码（中间一个淘字好像真的一样，但我搜了网上说有设备就能做），说用手机支付宝扫码支付，这是为了避免被淘宝查到会封号。

我扫码后发现根本不是链接淘宝支付的，而是一个根本不知道什么网页的支付页面，没有任何单位、负责人、联系方式的说明，这种支付了要查可就麻烦了报警也查不到他呀！

我就一直还没付款，他追问了两次，我说扫码的我就不做了，太多类似骗局。

结果我还没删他好友呢，突然他的聊天框就从我的视线范围消失了，这是他把我拉黑的节奏！！

如果是真的会返款，就算不做多刷单，只做1单也算可以的，1单难道淘宝还会查封吗？

何必急着拉黑？

所以他这是怕被投诉呢！

用户不同步跳转页面实现方式 页面跳转需要哪几个步骤

用户不同步跳转怎么办,不同步中登账户销户会影响什么,用户未同步,同步用户信息

实现react移动端项目

• 能够应用CRA+React+Mobx+Antd-mobile开发C端项目
• 掌握基于React的C端项目开发流程
• 学会如何应用next优化项目

• 脚手架：cra

  • dva-cli
  • umi

• 脚本：ts

• react版本：react v18 2022年更新

  • 【【微信】】

• 路由：react-router 【【微信】】年10-11月

  • react-router v5

• 状态管理器：mobx v6

  • redux
  • redux + react-redux
  • redux + react-redux + 分模块
  • redux + react-redux + 分模块 + redux-thunk
  • redux + react-redux + 分模块 + redux-saga
  • redux + react-redux + 分模块 + redux-thunk + immutable + redux-immutable
  • redux + react-redux + 分模块 + redux-saga + immutable + redux-immutable
  • rtk
  • mobx v6

• 组件库：antd-mobile v5

  • http【【网址】】/zh
  • 更像是vant UI库了

• hooks

一般企业级项目，很少会直接抽离配置文件

抽离配置文件目的：对webpack进行二次封装

推荐使用 craco 进行覆盖

【【网址】】/package/@craco/craco

为了支持 commonjs 规范，安装如下模块

这种文件称之为 ts 中的声明文件（）

项目根目录创建 ，代码如下：

为了使 TS 文件引入时的别名路径能够正常解析，需要配置 ，在 选项里添加 path 等属性。为了防止配置被覆盖，需要单独创建一个文件 ，添加以下代码

在 引入配置文件：

修改 如下：

https://create-react-app.bootcss.com/docs/adding-a-sass-stylesheet

cra 默认自带sass支持，只需要安装模块即可自动启动

思考每个页面的头部和内容区域是根据用户的选择而一起改变的，那么可以创建以下四个基本页面

【【网址】】/en/main

此时地址栏分别输入 、、、 查看项目运行结果， 可以得知已经可以通过路由显示不同的页面 但是用户一般都是通过底部选项卡来切换页面的

在文件夹下创建文件夹，在文件夹下创建底部组件

因为底部选项卡需要字体图标，可以选择 iconfont阿里字体图标库，搜索图标，加入购物车，添加至项目，选择,点击，拷贝css链接

项目根目录下中引入css链接

底部组件展示如下：

此项选择使用声明式导航跳转

react提供了两个可以使用 声明式导航跳转方式 ： Link NavLink

如果不需要设置选中的样式，可以使用Link 组件

如果需要设置选中的样式，建议使用NavLink

http【【网址】】/zh

react 移动端项目建议使用 Ant Design Mobile

直接引入组件即可，antd-mobile 会自动为你加载 css 样式文件

在vue/react项目中建议使用 作为数据请求的方案

axios官网&#【【网址】】/

http【【网址】】/zh/components/infinite-scroll

http【【网址】】/zh/components/pull-to-refresh

分析清除到底是哪一个容器产生了滚动条

分析得知 content 容器产生了滚动条，可以给它绑定一个 scroll 事件用于判断 回到顶部按钮显示还是不显示

通过 content 的dom的scrollTop 属性可以设置滚动条距离

图标是在一个单独的 npm 包中，如果你想使用图标，需要先安装它：

提取首页面组件的业务逻辑，封装自定义hooks，统一导出

现在主流手机都有安全区域，那么写代码时一定要注意

http【【网址】】/zh/components/safe-area

• 构建详情页面组件

• 构建路由

通过访问地址发现可以跳转到详情，但是详情页面不应有 底部选项卡，需要处理

• 秒杀列表声明式进入详情

• 产品列表编程式进入详情

大图预览遇到了 点击穿透问题

• 使用tap事件代替 click 事件（tap事件原生不支持，需要额外引入插件）

• 使用mouse事件代替click 事件

• 使用fastclick事件代替click事件（一般页面引入插件即可）

  https://antd-mobile-v2.surge.sh/docs/react/introduce-cn

  引入 FastClick 并且设置 html (更多参考 #576)

  引入 Promise 的 fallback 支持 (部分安卓手机不支持 Promise)

其实要登录需要先注册，借用vue项目的注册账户，此处直接实现登录

注册路由使用嵌套路由

【【网址】】/ ― v5

https://www.mobxjs.com/ -v6

给请求添加token

底部组件提供了 各个选项的事件，需要按照组件提供写法去写

实现类似于vue的导航守卫，定义路由时处理

使用useMemo计算属性

默认执行 打包出来的项目资源以绝对路径方式引入

通过给 文件中添加更改为相对路径

执行 打包,上传服务器，服务器测试

http://121.89.205.189:3000/m-react/#/home