- 博客(77)
- 收藏
- 关注
原创 微信小程序跳转到另一个小程序(往返)
小程序B到A,使用到的函数:wx.navigateBackMiniProgram(Object object)小程序A到B,使用到的函数:wx.navigateToMiniProgram(Object object)
2023-09-19 10:58:14
262
原创 Vue3 Cannot read properties of undefined (reading ‘use‘)
在用vue3脚手架搭建项目的时候,配置路由 一直报错,错误代码不显示了正确代码min.jsimport { createApp } from 'vue'import App from './App.vue'import Router from './router/index'// createApp(App).use(Router).mount('#app')const app = createApp(App)app.use(Router)// app.use(ElementPl
2022-03-24 14:32:10
10108
3
转载 同一个form表单两个按钮提交两个接口
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>支付测试模板</title></head><body><form action="" name="pay" method="post" enctype="multipart/form-data"> 评估类型:<input typ
2021-12-27 10:18:56
672
原创 redux.js:275 Uncaught Error: Actions must be plain objects. Instead, the actual type was: ‘function‘
import store from './store'import { AUGMENT, SUBTRACT } from './antistop'export const augment = (data) => ({ type: AUGMENT, data })export const subtract = (data) => ({ type: SUBTRACT, data })// 异步定义的方法 action// store直接接收对象 异步传的是一个方法是不对的expor
2021-12-21 13:34:09
1908
转载 React路由组件传递参数
1.params参数路由链接(携带参数): <Link to='/demo/test/tom/18'}>详情</Link>注册路由(声明接收)<Route path="/demo/test/:name/:age" component={Test}/>接收参数:this.props.match.params2.search参数首先引入 querystring import qs from 'querystring'路由链接(携带参数):<
2021-12-14 14:14:32
1197
原创 Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly.
原因React路由版本问题,你可以查看自己的package.json文件,查看react-router-dom的版本,应该是 6 版本。在 React-Router v6版本中,Route更改了使用方式。//最新语法<Routes> <Route path="/home" element={<Home />} /> <Route path="/about" element={<About />} /></Routes>
2021-12-13 17:15:32
574
原创 React订阅及发布
首先安装 pubsub-jsnpm i pubsub-js在组件中引入import PubSub from 'pubsub-js'订阅组件search = () => { PubSub.publish('atguigu',this.state.lebie) }发布组件 componentDidMount() { PubSub.subscribe('atguigu', (_, stateObj) => {
2021-11-29 11:35:02
381
原创 React解决跨域问题
1 package.json里面添加代理 proxy: { '/api': { target: 'http://localhost:5000/', // 后台服务地址以及端口号 ws: true, changeOrigin: true, //是否跨域 pathRewrite: { '^/api': '' } } },2 配置多个代理在项目目录src/下新建setu
2021-11-25 15:06:09
577
原创 reduce()的react的自我理解
render() { // console.log(this.props.shuodu.length) const {shuodu}=this.props // 取值不用花括号 // reduce是数组的方法 // reduce的方法传的两个值,一是方法,二是初始值0 // count 每次计算后的值, shuodus是shuodu调用的每一项 0是初始值 const bo...
2021-11-25 11:11:30
1143
原创 react高阶函数和函数柯里化 学习
import React, { Component } from 'react'class Optimize extends Component { state = { name: '', password: '' }// 高阶函数 // 函数中有函数是函数柯里化 message = (val) => { console.log(val) return (e) => { .
2021-11-15 15:04:05
553
原创 js将字符串转换为数组
我们可以使用split()函数将字符串转换为数组,如下所示:var text = "1,2,3,4,5";var array = text.split(",");//逗号是分隔符这样array的值就成了数组[1,2,3,4,5]。
2021-08-04 15:58:36
15218
原创 input里面placeholder 字体设置
记录生活每一天 , <input class="pellationag" type="text" placeholder-class="phcolor" placeholder="请输入您的姓名" />.phcolor{ font-size: 28rpx; font-family: PingFang SC; font-weight: bold; color: #BEBEC0; line-height: 70px;}...
2021-07-15 15:01:03
472
原创 css 边框写三角箭头旋转
总是忘这个属性 transform: rotate(45deg); 记录一下 width: 20rpx; height: 20rpx; border-top: 1rpx solid #BEBEC0; border-right: 1rpx solid #BEBEC0; position: absolute; right: 10rpx; top: 40%;
2021-07-15 11:44:34
128
原创 一个盒子子元素平均分
display: flex; justify-content: space-between; flex-wrap: wrap; text-decoration: none;
2021-07-13 18:22:42
334
原创 小程序设置 navigationBarTitleText 不显示
怎么都不显示{ "usingComponents": {}, "navigationBarTitleText": "搜索"}马虎驴,pages 写错了,写成pagex了!完美解决,呼死自己
2021-07-13 13:49:35
647
原创 UnhandledPromiseRejectionWarning: Error: Cannot find module‘‘@tarojs/plugin-platform-weapp‘ from
版本号太高了npm install -g @tarojs/cli@1.2.26切换版本就可以了
2021-07-05 10:56:48
2000
1
原创 ./node_modules/taro-ui/dist/weapp/index.ts Module not found: Can‘t resolve ‘./style/index.scss‘ in ‘
创建Taro 项目是正常的 安装了raroui就开始报错就是安装版本问题taro ui2.+和taro3.+版本不兼容npm install taro-ui@3.0.0-alpha.3完美解决
2021-07-05 10:19:59
1215
原创 React Native:侧滑删除组件SwipeableFlatList
案例:SwipeableFlatList主要实现代码: <SwipeableFlatList data={this.state.dataArray} renderItem={(data) => this.renderItemView(data)} //侧滑删除 renderQuickActions={() => this.quickActions()} maxSwipeDistance=
2021-06-03 10:15:19
542
原创 React tab 切换
打开文件import React, { Component } from "react";import Hello from "../components/Hello";import { Button } from "antd";export default class Gong extends Component { state = { data: ["数据11", "数据22", "数据333"], addressJobs: [ { addres
2021-05-10 15:16:55
379
原创 前端面试题平时总结
1、浏览器缓存有哪些,通常缓存有哪几种1、http缓存是基于HTTP协议的浏览器文件级缓存机制。2、websql这种方式只有较新的chrome浏览器支持,并以一个独立规范形式出现3、indexDB 是一个为了能够在客户端存储可观数量的结构化数据,并且在这些数据上使用索引进行高性能检索的 API4、Cookie一般网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据(通常经过加密)5、Localstoragehtml5的一种新的本地缓存方案,目前用的比较多,一般用来存储ajax返
2021-04-20 18:18:27
107
原创 taro 小程序 画布 海报保存 图片
import Taro, { Component, Config } from '@tarojs/taro'import './index.scss'import { View } from '@tarojs/components'type S = { member?: MemberVO, scan: boolean,}export default class UserHome extends Taro.Component<any, S> { stat.
2021-04-15 11:48:43
964
原创 Cannot find module ‘@tarojs/plugin-platform-weapp‘ from ‘D:\VR\durian-weapp‘
你的版本太高了 需要切换到低版本sudo mv @tarojs @tarojs1.34搞定
2021-04-09 17:30:12
5421
转载 vue项目 PC端导出csv或excel数据表方法及其移动端导出表格方法
首先感谢 张刻骨一:第一种方法:(不可移动端导出)// 导出明细csv格式(纯前端导出) getExport() { // this.getDetailList(); if (this.startTime && this.endTime) { exportAccessList({ residenceId: this.residenceId, startTime: this.startTime,
2021-04-07 11:00:52
812
转载 微信小程序 页面跳转的五种方式
wx.switchTab(Object object)wx.reLaunch(Object object)wx.redirectTo(Object object)wx.navigateTo(Object object)wx.navigateBack(Object object)wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面wx.switchTab({ url: '/index'})wx.redirectTo(O
2021-04-01 09:09:37
731
原创 vue项目实现页面跳转 携带参数
this.$router.push({ path: "/Shengc", //页面路径 name: "Shengc",// 页面名字 params: { key: "shuku", msgKey: row, //值 pandaun:e, }, });
2021-03-31 15:33:28
249
原创 vue的本地数据的存 取 删
vue的本地数据的存 取 删window.localStorage.setItem('key', value); //储存文件window.localStorage.getItem('key'); //读取文件window.localStorage.removeItem('key'); //清除文件
2021-03-30 11:32:52
1663
原创 vue 页面生成图片功能
首先感谢作者:巨人1首先安装依赖包cnpm install html2canvas --savesudo cnpm i qrcanvas --save2<template> <div> <!-- 设置了两个块区域 当点击了生成海报时把canvas转换成base64的图片,然后把最开始当样式隐藏掉 把获取的的base64的地址赋值给src--> <img class="kahuf" v-if="!test" :src="imgSrc"
2021-03-29 15:17:41
4225
原创 小程序跳转另一个小程序
我是在做taro项目的时候遇到的这个,所以说 taro也是可以用的在app.js config 中增加 navigateToMiniProgramAppIdList 配置你想跳转的小程序idnavigateToMiniProgramAppIdList: [ "wx328" ],2.然后通过事件跳转wx.navigateToMiniProgram({ appId: '', path: 'page/index/index?id=123', extraDa
2021-03-20 15:32:40
288
原创 css - 高度不定的情况下,让文字水平居中
在不知道高度的情况下,并且不知道文字有几行,宽度还要固定,实在没办法,各种找答案,功夫不负有心人,给父元素设置padding:15px 0; 然后下面的代码就可以了display: -webkit-box;-webkit-box-pack: center;box-pack: center;-webkit-box-align: center;box-align: center;...
2021-03-19 17:10:03
620
原创 taro项目拉取下来报错
$ cnpm run dev:weappweApp@1.0.0 dev:weapp D:\VR\durian-weappnpm run build:weapp – --watchweApp@1.0.0 build:weapp D:\VR\durian-weapptaro build --type weapp “–watch”� Taro v3.1.3(node:12848) UnhandledPromiseRejectionWarning: Error: Cannot find modu
2021-03-15 14:06:04
3915
2
转载 小程序页面传值传递对象[Object Object]
版权声明: https://blog.youkuaiyun.com/caoyan0829/article/details/798070581.先将要传的对象转译一下2.将声明的变量拼接在 url上3.到跳转的页面上去接受转译的对象变量打印效果如下,得到了对象
2021-03-11 16:18:26
2130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人