自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 vue3 实现背景视频/图片 根据菜单项自动切换轮播,并且鼠标移入停止,移出继续,自适应屏幕

预览动态效果:https://live.csdn.net/v/423908。mousewheel实现鼠标滚动效果。鼠标悬停菜单时定时器清除。鼠标移出菜单开启定时器。定时器自动播放下一页。

2024-09-13 10:27:53 256

原创 react jsx+css实现蜂窝状(六边形)元素周期表

子组件 .less文件。

2024-05-06 16:20:11 252

原创 前端使用laravel+react开发容易遇到的问题

如果里面的APP_KEY没有值,需要控制台运行php artisan key:generate自动生成,然后将.env生成的app_key复制到config/app.php里。原因:composer在引入库的时候出现的问题,由于版本问题,出现了这个错误,一般都是项目使用的composer版本和控制台的composer版本不对,引发的此类问题!建议安装wamp:https://jingyan.baidu.com/article/5552ef4734c1fc518efbc97a.html。

2024-03-14 13:00:08 465 1

原创 一个可拖拽顺序,可添加可删除的React标签组件

关于react+ts中react-draggable-tags onChange事件不会触发,拿不到拖拽后的数组,官方回复是“示例上确实触发了,但是在实际的react+ts项目中并没有触发这个onChange事件”于是我就自己写了一个。

2022-11-10 14:07:35 896 1

原创 【无标题】react umi项目在谷歌,火狐,360极速模式打开正常,360兼容模式打开页面空白,报错SCRIPT1002:‘语法错误’,SCRIPT1003: 缺少 ‘:‘

react umi 浏览器兼容 IE低版本

2022-08-11 16:41:47 1159

原创 ant design table 多列排序,后端返回数据不刷新问题

ant design table 多列排序,后端返回数据不刷新问题如图,表格有三列排序,当三列都点了排序后,再返回点击展示排序,后端数据返回显示已更新,但是前端datasource未做重新渲染代码如下 item.sorter = obj[0]?.sortType ? { compare: (a: { codeInit: number; }, b: { codeInit: number; }) => a[codeInit] - b[codeInit], multiple: inde

2022-02-09 11:31:47 1630

原创 基于antd Cascader组件 自定义一个支持父级单选,子级多选的组件

需要一个支持多选的组件,且一级单选,二级多选 antd的Cascader组件multiple好像不支持多选(不知道是不是版本问题),满足不了需求,自己写了一个一级选中后,除选中项,其他项都disabled,但是二级可多选。封装的子组件> import React from "react";import PropTypes from "prop-types";import { get, isEmpty, reduce, includes, filter } from "lodash";i

2021-11-12 16:59:10 5093 2

原创 el-row el-col不能实现的布局:一个多行多列并且移动端适配,每行用分隔线隔开的布局

el-row el-col不能实现的布局:一个多行多列并且移动端适配,每行用分隔线隔开的布局 采用display:grid;grid-template-columns: repeat(3,1fr);实现解决办法:父元素用display:grid布局.card-grids{font-size: 35rpx;font-weight: 500;background: #fff;display: grid;margin-top: 10rpx;grid-template-columns: repe

2021-09-26 11:38:55 1513

原创 vue 处理el-menu数据时遇到异步问题 ,promise.all处理多个ajax请求

vue el-menu组件 子组件通过el-submenu对 json数组实现树级递归 父组件(Launch.vue) 调用子组件(Navbar.vue) 传过来的是json数组,刷新后子组件通过props从父组件json数组丢失childs !后台打印的json数组却是完整的,只是渲染出问题。原因:1.异步嵌套问题,ajax请求一级栏目后,通过foreach循环拿到id再ajax请求二级栏目,两个ajax请求,结果只拿到第一个ajax返回结果就渲染了,二级栏目就没拿到。2.没有一次性给navRo

2021-07-22 12:20:20 493

原创 vue-simple-uploader上传大文件报错The requested file could not be read, typically due to permission problems

问题::NotReadableError: The requested file could not be read, typically due to permission problems that have occurred after a reference to a file was acquired.解决:chunksize为字符串类型,start + chunkSize相加变成拼接,使得文件更大了,用parseInt转换一下...

2021-07-08 16:05:16 4244

原创 vue项目下props传进去的数据,生命周期勾子函数包括watch不触发的解决办法

1,传进去的数据是对象类型handler是watch的高级用法,里面有一个属性 deep,默认值是 false,代表是否深度监听, 还有一个属性 immediate,默认值也是 false ,但immediate:true代表如果在 wacth 里声明了之后,就会立即先去执行里面的handler方法,如果为 false就跟我们以前的效果一样,不会在绑定的时候就执行。deep深度监听会影响性能; 两者可以同时存在;2,传递进去的数据是string类型1,在子组件页面通过钩子函数 $emit(“init.

2021-03-22 15:39:00 1246

原创 Flutter 打包出错 报Gradle build failed to produce an .apk file. It’s likely that this file was generated

Gradle build failed to produce an .apk file. It’s likely that this file was generated under D:\codeMaster\huibobo_iphone\huibobo\build, but the tool couldn’t find it.原因:flavor渠道错误,如果在buildle.gradle中声明了渠道,那么在执行flutter run --profile 的时候添加上渠道就好。解决:如图,若渠道是这样

2021-03-10 14:39:22 6812

原创 Flutter 使用FocusNode 报node.ancestors.contains(this)

FocusNode tv端焦点移动报错Focus was requested for a node that is not a descendant of the scope from which it was requested.原因:有多个自动获取焦点原则上初始页面 一个自动获焦就行

2021-02-26 16:07:34 779

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除