自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 next.js实现根据设备切换暗黑模式的两种方式

之后在js中通过window.matchMedia查询prefers-color-scheme: dark并监听属性变化,如果命中则为暗黑模式。样式的改变通过styled-components的theme实现,具体看styled-components的官方文档。引入next-theme,包裹一层插件提供的provider,在组件中使用useTheme获取当前模式。组件库使用的是styled-components。首先要声明支持light和dark两种模式。

2023-06-27 16:37:52 596 1

原创 Antd table-column设置align类型不兼容以及无效问题

在列中设置align:"center"发现不起效果,看了下元素发现属性加上去了,但是因为加了filter,标题和icon包在一个flex盒子里导致对内部元素无效,设置ant-table-filter-column的justify-content为center。往column数据中添加align属性后组件报错“属性“align”的类型不兼容。不能将类型“string”分配给类型“AlignType | undefined”。引入AlignType,as类型断言,比优雅一点但不多。批量修改css的样式。

2023-06-02 17:21:45 1070

原创 GOJS 2.2.14去水印

我用的是开发版的go.debug.js,直接在项目中引入的资源。a b c的赋值语句和wk=a以外的内容都注释掉(如图)找到这两个操作所在的方法。

2022-09-08 17:46:20 248

原创 【react 报错】error: ‘componentName‘ is defined but never used

引入组件后,项目中明明使用了却报错“已声明,但从未使用”react的组件名

2022-07-23 18:17:20 357

原创 【Wepy2.x】在onLoad中赋值的问题

前几天写代码的时候,想在onLoad里获取上个页面传过来的数据,但是使用this.xxx=xxx直接赋值没有效果,查了一番之后发现要用原生的setData。但是今天在别的页面用同样的写法却报错 this.setData is not a function。两边比较之后发现是onLoad写的位置的问题,整理如下:1.onLoad写在methods里面必须用原生methods:{ onLoad(option){ this.setData({ form:option.data }) }}

2022-03-01 19:11:53 585

原创 解决微信小程序自定义tabbar闪烁问题(wepy2.x+vant)

!本文所有代码基于wepy2.0框架1.在微信小程序中如何使用自定义tabbar在app.wpy的config标签中设置custom属性以及各个tab页tabBar:{ custom: true, list: [{ pagePath: "pages/index", text: "首页" }, { pagePath: "pages/cart", text: "购物车" }, { pagePath: "pa

2022-02-16 18:55:15 8132 3

原创 WePY框架开发小程序记录

最近打算做一个小程序,计划用WePY框架开发,开个贴记录一下过程和中间可能会遇到的坑,顺便督促自己按时完成Day 1 2021.1.7标题创建项目,按照官方文档中给的步骤初始化项目npm install @wepy/cli -g # 全局安装 WePY CLI 工具wepy init standard proj # 使用 standard 模板初始化项目cd proj # 进入到项目目录npm install # 安装项目依赖包npm run dev # 监听并且编译项目编译之后打开

2022-01-07 19:11:00 539

原创 【javascript】原生js实现lodash的differenceWith、isEqual方法

lodash官方文档中的例子var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]; _.differenceWith(objects, [{ 'x': 1, 'y': 2 }], _.isEqual);// => [{ 'x': 2, 'y': 1 }]使用场景:differenceWith:要从一个数组objects中选出另一个数组(包含要排除的元素)中不存在的元素,比较器表示比较数组元素的方法,结果以数组形式返回剩余元素i

2021-11-17 11:03:33 1414

原创 javascript中的数组方法

1.push(element)——改变原数组,返回新数组的长度向队尾添加元素 let arr = [1, 2, 3, 4] console.log(arr.push(5)) //5 console.log(arr) //[1, 2, 3, 4, 5]2.pop()——改变原数组,返回被删除的元素从队尾删除元素 let arr = [1, 2, 3, 4] console.log(arr.pop()) //4 con

2021-10-28 16:34:32 85

原创 css实现垂直水平同时居中的方法

1.父元素设置成table,子元素设置成table-cell.father { display:table; text-align:center;}.child { display:table-cell; vertical-align:middle;}*vertical-align:middle ——只对table元素有效2.利用定位 + transform.father { position:relative;}.child {

2021-10-19 21:15:45 133

原创 css中 a标签的4种常用伪类

伪类:为某些选择出来的元素添加同样的样式对于a标签,可以设置悬停、点击、已激活、未激活四种状态时的效果 /* 未激活 */ a:link { background-color: tomato; } /* 已激活 */ a:visited { background-color: #333; } /* 悬停 */ a:hover { background-color: royalblue; }

2021-10-16 12:58:14 1031 2

原创 cpp报错:[Warning] deleting array

1.建立了指针数组,使其指向动态开辟的一块空间。在删除空间时报错。[Warning] deleting array ‘ptr’错误原因:ptr本身是数组,不是用new申请的空间,因此不能deleteptr[2]是用new申请的空间的指针,这个指针可以delete修改:...

2019-07-07 17:44:59 1649

空空如也

空空如也

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

TA关注的人

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