React
文章平均质量分 59
Rattenking
迎接着黎明的曙光前行!
展开
-
【taro react】---- 解决H5接入uni-app版本的IM
的接入就使用了 TUIKit 含UI集成方案,遇到的问题,uni-app的UI本来就是一个单独的项目,需要集成到现有的 Taro React 中,就只能作为一个独立的项目,不跳转时不影响原有逻辑。用于把文件从源码目录直接拷贝到编译后的生产目录。由于项目开发比较紧张,原创 2023-06-14 10:00:00 · 901 阅读 · 0 评论 -
Taro React组件开发(3) —— RuiRate 评论评分
【代码】Taro React组件开发(3) —— RuiRate 评论评分。原创 2023-02-13 09:19:38 · 747 阅读 · 0 评论 -
Taro React组件使用(1) —— Overlay 遮罩层【渐入渐出动画遮罩层】
在 Taro 文件中引入组件,将组件放入src下的components文件夹中。提供一个简单的 Overlay 遮罩层,在页面上的层级为 1026;原创 2022-10-23 10:00:00 · 833 阅读 · 0 评论 -
【taro react】---- H5 通过 Jenkins 实现自动化部署
2. 编译配置我的博客,欢迎交流!我的CSDN博客,欢迎交流!微信小程序专栏前端笔记专栏微信小程序实现部分高德地图功能的DEMO下载微信小程序实现MUI的部分效果的DEMO下载微信小程序实现MUI的GIT项目地址微信小程序实例列表前端笔记列表游戏列表...原创 2022-07-01 10:45:30 · 674 阅读 · 1 评论 -
【taro react】---- 编译H5运行后报错:Uncaught ReferenceError: $RefreshSig$ is not defined
1. 报错2. 解决办法npx browserslist@latest --update-db3. 解决报错yarn dev:h5 正常启动,不再报错!原创 2022-05-26 14:38:32 · 1475 阅读 · 0 评论 -
【taro react】---- 编译微信小程序后报错:Error: Minified React error #321;
1. 错误图片2. 报错场景taro 3.2.12 react 编译成微信小程序,微信开发者工具打开编译后的项目报错!3. 解决办法删除 node_modules 文件夹重新安装,执行yarn4. 结果解决报错!WXRUI体验二维码下载我的博客,欢迎交流!我的CSDN博客,欢迎交流!微信小程序专栏前端笔记专栏微信小程序实现部分高德地图功能的DEMO下载微信小程序实现MUI的部分效果的DEMO下载微信小程序实现MUI的GIT项目地址微信小程序实例列表原创 2022-05-25 09:59:16 · 2362 阅读 · 4 评论 -
【taro react】 ---- 项目打包生成不同目录【代码编译到不同生产目录】
1. 官方文档代码编译后的生产目录2. 实际开发问题不同端程序的打包,都会生成到dist文件夹下边,这就导致如果同时多端调试或者打包,会很麻烦!不同程序的打包命令!"build:weapp": "taro build --type weapp","build:swan": "taro build --type swan","build:alipay": "taro build --type alipay","build:tt": "taro build --type tt","b原创 2022-05-10 10:19:45 · 891 阅读 · 0 评论 -
【taro react】---- 时间罗盘实现
1. 最终效果2. 开发环境taro react v3.2.123. 实现原理每一秒获取本地当前时间,进行时间的修改和转动!transition 执行旋转动画;transform 执行旋转角度。4. SCSS 实现引入 unidreamLED 字体!设置界面默认的css;设置显示罗盘的盒子大小【rui-date-roulette-content】;提取年月日时分秒盒子公用代码【rui-common-content】;分别设置年月日时分秒盒子的大小和边框颜色【rui-year-原创 2022-05-09 16:11:10 · 985 阅读 · 2 评论 -
【taro react】---- h5跳转后生命周期多次执行
1. 问题场景从上图可以看到,进入页面同一个接口执行了两次【当然这个次数不是固定的,会出现三次也会出现一次】,检查了页面代码,只在onShow生命周期请求了一次接口!2. 问题原因测试实例1:搜索参数name=123,正常http://localhost:10086/#/pages/goodsList/goodsList?name=123测试实例2:搜索参数name=a,正常http://localhost:10086/#/pages/goodsList/goodsList?name=原创 2022-05-06 11:01:17 · 557 阅读 · 0 评论 -
【taro react】---- h5路由配置取消路由上的#
默认打包访问路由https://{{domain}}/#/pages/index/index期望打包访问路由https://{{domain}}/pages/index/index解决文档taro 路由相关的配置 h5.router配置路由模式配置路由模式。‘hash’ 与 ‘browser’ 分别对应 hash 路由模式和浏览器 history 路由模式。默认值:‘hash’。实例module.exports = { // ... h5: { // ...原创 2022-04-28 14:49:56 · 1397 阅读 · 0 评论 -
【taro react】---- 【使用 redux 的配置笔记】
1. 目标学会 yarn 或 npm 安装中间件学会配置 redux 的 store学会 store 的接入和使用2. 安装中间件安装redux用到的中间件: redux react-redux redux-thunk redux-logger$ yarn add redux react-redux redux-thunk redux-logger# 或者使用 npm$ npm install --save redux react-redux redux-thunk redux-lo原创 2021-11-03 10:27:40 · 476 阅读 · 0 评论 -
【taro react】 ---- Stepper 步进器组件封装
1.完整代码import React, { Component } from 'react'import { View, Text, Input } from '@tarojs/components'import './index.scss'export default class RuiStepper extends Component { constructor(props) { super(props) } // 操作对值的加减操作 handleStep(valu原创 2021-10-27 11:33:01 · 878 阅读 · 2 评论 -
【taro react】---- VSCode 配置用户代码片段
1. 知识点生成用户的全局代码片段 json 文件;快捷键生成代码片段;2. 生成代码片段配置文件2.1 方法一点击【设置】点击【用户代码片段】2.2 方法二点击【文件】点击【首选项】点击【用户片段】3. 生成配置文件点击【新代码片段】输入【jsx.json】回车生成文件【jsx.json.code-snippets】这里生成的是全局代码片段,也可以生成针对本项目的代码片段4. 编辑配置文件复制一个print配置模板prefix 是代码片段快捷输入原创 2021-10-19 11:25:45 · 888 阅读 · 0 评论 -
【taro react 错误解决】 ---- Uncaught TypeError: Cannot read properties of null (reading ‘getContext‘)
1. 错误提示Uncaught TypeError: Cannot read properties of null (reading 'getContext')2. 错误截图3. 错误分析创建 canvas 的绘图上下文 CanvasContext 对象时canvas还未加载完成;Taro.createCanvasContext 所放生命周期错误!4. 解决问题错误代码export default class Index extends Component { compone原创 2021-09-24 17:05:44 · 15125 阅读 · 3 评论 -
【taro react 错误解决】---- Uncaught SyntaxError: Unexpected token ‘<‘
1. 报错提示Uncaught SyntaxError: Unexpected token '<'2. 报错截图3. 查看报错原因4. 分析原因 这里肯定不可能是错误的,依次向下查找;head 标签里边的 meta title script 等都是常规,没有多余的 ‘<’,没有报错;body 标签中 script 的 app.js 的静态资源文件路径错误!5. 造成问题的原因app.js 是脚手架自动引入,也就是说不是代码的问题,而是配置问题;查看 conf原创 2021-09-23 10:30:01 · 1402 阅读 · 0 评论 -
【React 错误处理】 ---- Error: Minified React error #185;
1. 报错信息Error: Minified React error #185; visit https://reactjs.org/docs/error-decoder.html?invariant=185 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.2. 报错截图3. 解决报错在 render 中使用 setState原创 2021-09-08 10:31:05 · 8485 阅读 · 0 评论