自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(176)
  • 问答 (1)
  • 收藏
  • 关注

原创 react hook 页面跳转打开新页面

react跳转页面的话,可以用 Link 也可以用 a 标签,但是这两种比较固定,如果想在跳转的时候添加一些方法就很不方便,所以我们最好是写在 onClick 事件里面<Button onClick={()=>{jumpTo()}}></Button>const jumpTo = ()=> { const w = window.open('_black') //这里是打开新窗口 let url = '这里是url,可以写../../index,

2021-08-23 10:21:53 78

原创 react-rnd靠右显示

react-rnd是react一个拖拽的组件本篇文章是以官方文档为基础整理出来的https://www.npmjs.com/package/react-rnd首先,这个控件默认是显示在左上角的,但是我这里的需求是要显示在右下角,研究了一下它的属性和方法,所有有了这篇文章1.靠右显示<Rnd default={{ x: 40, y: 40, width: 200, height: 200 }} m

2021-08-20 16:01:13 43

原创 react-rnd 拖拽组件

1.下载组件npm install react-rnd如果内网开发,组件下不下来,请移步手动添加react-rnd2.下好之后直接引用就好,方便的很important { Rnd } from "react-rnd"<Rnd default={{ x: 40, y: 40, width: 200, height: 200 }} minWidth:{200} minHeight:.

2021-08-05 15:08:27 110

原创 Module not found: Error: Can‘t resolve ‘XXX‘ in ‘XXXX‘

react 用内网开发,下一个 react-rnd 的拖拽控件,怎么也下不下来,不知道是为什么,但是在新建的文件夹里 npm install react-rnd 是没问题的,开发时间宝贵,所以,就直接把新文件夹里的node_modules直接复制过去了, important { Rnd } from "react-rnd" 之后开始报错,反复核对之后发现,单独复制个文件是不行的,还需要修改两个文件1. package.json这里简单一句,就好, "react-rnd": "^10.1.3".

2021-08-05 14:18:17 89 1

原创 切换镜像地址

内网开发,很多库下不下来,只能切换成公司的镜像了npm config set registry 镜像地址

2021-08-05 10:04:44 20

原创 npm切换分支

git checkout -b 分支名称

2021-08-05 09:59:46 59 4

原创 css粘滞定位

兼容性不好,不推荐使用,但是这个属性蛮有意思的,哈哈哈哈哈就是滚动条滚动到一定的位置,元素就不动了,比如下面就是,距离浏览器10px的时候就不动了,哈哈哈,真是太可爱了,粘滞定位是相对于父元素的哈div { position: sticky; top: 10px}...

2021-08-02 17:36:55 30

原创 react-app-rewired不是内部或外部命令

依赖没有装全,单独装一个 react-app-rewired就好了npm install react-app-rewired

2021-08-02 11:39:49 63

原创 es6交换数组位置

利用es6的解构交换数组位置,第一个元素和第二个元素互换位置,再也不用先删除再添加了,或者用中间值操作了let arr = [1,2,3,4];[arr[0],arr[1]] = [arr[1],arr[0]];注意,这里一句一句必须加 ; 要不然会报错!...

2021-07-12 15:06:52 171

原创 react hook获取浏览器地址

项目用的是hook,所以像是无状态中的this.props就可以打印出来地址,这里是不行的,也没有生命周期了,所以在componentDidMount()中获取也是不行的,还有一种方法(暂时没想起来,等下想起来补上),但是react现在已经废弃了,使用会直接报错,所以也不行,历经千辛万苦终于找到了下面的方法import { useLocation } from "react-router-dom"function LookLocation(props) { const hash = useL

2021-07-06 14:50:06 273

原创 Sublime Merge 简单使用

Sublime Merge是 git 可视化工具,就是把git命令变成图形化的了,看起来更方便,也不用敲命令Sublime Merge 官方地址 https://www.sublimemerge.com/

2021-07-01 14:48:48 117 2

原创 对修饰器的实验支持功能在将来的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中设置 “experimentalDecorators“ 选项以删除此警告。

vscode在设置中设置一下就好

2021-07-01 09:27:13 24

原创 create-react-app添加@observer报错的解决办法

第一次使用这个,大概看了下文档,应该是和vue 的 vuex差不多的东西,然后使用的时候报错,意思就是装饰器不可用,然后开始找方法,试了很多种,不知道到底是哪个生效了,但还是记录一下。第一步,先安装npm install mobx --savenpm install mobx-react --save还是报错,疯狂百度,不得已使用了 npm run eject ,这个命令会复制所有的依赖文件和相应的依赖(webpack,babel等)到你的项目。这是个单向操作,且不可逆。npm

2021-06-30 17:47:40 55 2

原创 create-react-app hook 父子组件传值

如图,需求是,用hook 实现点击 add+ 按钮,就添加下面的子组件,点击删除的时候,就删除对应的子组件思路:1.父组件传值到子组件,直接父组件用 props 传参,子组件用 props 接受就可以了,我这里用的name,也可以换成 bannar{ list.map((good, index) => <Item key={index} name={good.name} filterHandle={filterHandle} /> )...

2021-06-29 09:46:56 42

原创 Warning: Each child in a list should have a unique “key“ prop.

小问题,就是循环没有加key解决方法,加上key就可以了

2021-06-28 19:18:48 40

原创 winfrom页面切换的时候,会透出背景

winform窗体切换的时候,会透出后面的内容,比如说,开个浏览器还是什么别的,后面的背景会一闪而过,这样用户体验很不好,机缘巧合发现一个办法可以优化。。

2021-06-18 19:14:13 46 3

原创 winfrom选择图片地址,线上和本地

图片地址要注意this.panel2.BackgroundImage = Image.FromFile(Application.StartupPath+"\\image\\ChoosedBg.png");

2021-06-03 21:52:55 28

原创 winfrom自定义用户控件并且传值使用

新建控件 绘制页面

2021-06-03 21:49:11 18

原创 C#日期格式转换2021-06-03T00:30:00+08:00

2021-06-03T00:30:00+08:00 转化为

2021-06-03 20:57:17 306

原创 winform判断控件是否隐藏

控件的显示隐藏,是可以用,Show(); 和 Hide(); 来控制的那么我们如何判断,控件是show状态还是hide状态呢请看代码

2021-06-03 20:52:37 82

原创 winform设置透明图片

效果图如上,第二张图片就是透明的,分两个步骤1.BackColor设置Transparent2.在Form_Load方法里面指定 pictrueBox的父控件 private void Form5_Load(object sender, EventArgs e) { this.pictureBox2.Parent = this.vispShoot; }...

2021-05-28 13:04:49 139

原创 c# winfrom 图片按钮点击过后有黑框框

效果图 winform小妙招第一步,在空白的地方添加一个label,背景设置为透明,内容设置为空第二步,图片按钮点击事件,里面添加,label7.Focus();

2021-05-21 10:17:38 39

原创 C#从txt文件读取数据

目录第一步新建txt文件,写入内容第二步读取数据最终效果图第一步新建txt文件,写入内容我是放在D盘下的,数据以逗号隔开的,是英文逗号第二步读取数据在需要读取数据的页面,添加代码,就可以了 private void Phone_Load(object sender, EventArgs e) { string ReadLine; string[] array; string Path

2021-05-11 16:55:38 173 2

原创 C#虚拟键盘

C#调用系统自带的虚拟键盘效果图实现很简单,就是调用系统自带的就可以了,一行代码的事情 private void textBox2_Enter(object sender, EventArgs e) { System.Diagnostics.Process.Start(@"C:\WINDOWS\system32\osk.exe"); //调出屏幕键盘 }...

2021-05-07 13:34:58 49

原创 C#倒计时

C#新手,记录一下倒计时,30s的倒计时,附上效果图第一步,拖入Timer 控件第二步,页面上放一个label(显示倒计时时间)第三步,设置开始的时间(这里是30s),让时间每隔一秒钟就减一,直到0就停止倒计时using System;using System.Data;using System.Collections.Generic;using System.ComponentModel;using System.Drawing;using System.Linq.

2021-05-07 13:17:32 120

原创 element 嵌套验证

如上图所示,首先有个form表单,在form表单里面还套了个表格form表单里面的每一项都要做校验,表格里面的也要做校验

2021-03-31 16:10:01 105

原创 electron将vue项目打包为桌面端应用详解以及遇到的问题

项目需求,vue项目本来是个pc端的,甲方要求可以在桌面直接打开,然后搜了一下,发现广发网友都推荐 electron ,立马打开官方文档,看似简单,没想到却走了很多弯路,所以有了这篇文章有需要的可以先看下官方的文档 https://www.electronjs.org/docs 首先下载 electron 的依赖 装好之后可以electron-packager -v 检查一下是否安装成功,如果跳出版本号,那就是成了npm install electron --sav...

2021-03-10 10:30:41 306 4

原创 小程序上传文件 wx.chooseMessageFile

小程序是没有直接从手机里面选文件这个功能的,只有从微信聊天记录里面选用的是这个方法wx.chooseMessageFile() (官方文档戳这里) wx.chooseMessageFile({ count: 10, type: 'file', success(res) { console.log(res); } })...

2021-02-22 14:54:14 892

原创 搜索高亮显示

效果如图所示下面直接贴代码吧wxml <view class="input {{flag?'':'eight'}}"> <icon type="search" size="23" color=""></icon> <input type="text" placeholder="请输入" bindinput="bindKeyInput" bindfocus='bindfocus' value="{{value}}" />...

2021-01-28 15:26:36 114

原创 小程序weui图片上传

.wxml <mp-uploader bindfail="uploadError" bindsuccess="uploadSuccess" bindselect="chooseImage" binddelete="deleteImg" select="{{selectFile}}" upload="{{uplaodFile}}" files="{{files}}" max-count="6" title="" tips="请上传整改好的图片">...

2021-01-14 15:45:27 285

原创 小程序picker 多列选择详解

需求:选择左边的选项,右边会显示对应的数据。如果你的数据和官方文档一样,数组套数组的形式,那直接复制复制就行了,这篇文章主要讲,数据是数组里面套对象的这种情况我的数据结构如下,这就用用到range-key 属性,首先,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容,如果不加,则页面上显示的都是【object Object】然后,下面展示的数据里面也要添加name属性,要是不加,页面也是显示的【object Object】最后,其他的选择...

2021-01-13 18:05:09 177

原创 小程序form表单验证

第一张图是官方给的效果图,官方链接戳这里,是用小程序自带的weui组件库,我这里是通过useExtendedLib 扩展库的方式引入,这种方式引入的组件将不会计入代码包大小,也可以通过npm方式下载构建,npm包名为weui-miniprogram(前三步都是基础,如果知道怎么使用,只想看一些小提示的,可以从第四步开始)1.先引入useExtendedLib 扩展库,在 app.json 文件里面加入 "useExtendedLib": { "weui": tru...

2021-01-13 16:10:06 310

原创 vue element分页点击不刷新

分页效果如上所示问题: 如上图所示,现在点击到第三页了,然后操作列表里面的删除按钮,数据删除,列表重新加载,此时分页应该回到第一页,但是没有原因: 用的这个插件,虽然绑定了size-change和 current-change 方法,但是在方法里面并没有实时给页面赋值 ,换言之,这两个方法里面就算是空的,点击上下页也会跳转,但是如果请求完数据想从第三页回到第一页那就不行了,代码会认为还在当前页面,必须要在这两个方法里面给 currentPage赋值才可以方法: 解决方法就是如下...

2021-01-13 15:22:18 595

原创 更换指定字符串 replace

如图,vue 里面日期选择拿到的正常的数据是 2020-12-21 这种格式的,但是后端要的数据是 20201221 这种格式的这个还是比较简单,我们先用正则找到 ‘-’,然后替换掉就行了 let nowDate = '2020-12-21' var reg = new RegExp('-', 'g') console.log(nowDate); console.log(nowDate.replace(reg, ''));也可以这么写,结果是...

2020-12-21 13:58:17 67

原创 微信小程序WXML页面上直接截取字符串 wxs截取字符串

可以先浏览下官方文档,戳这里还参考了,大神的文章,戳这里首先我的需求,如图,我想要的效果是 2020年11月19日,后端给我的数据是 20201119 ,于是我很自然的,{{item.templateName.slice(0,4)}},然后报错,发现,小程序不支持在 wxml 页面直接修改。在wxml页面中,只能在插值 {{ }} 中写简单的js表达式,而不能调用方法,例如想截取字符串,就不能调用slice()方法。通常的解决办法是在page的data对象中先把这个字符串截取好赋给某个变

2020-11-24 20:43:40 1298 4

原创 微信小程序关于tabBar的底部图标不显示问题

如图, list 的顺序,图片,都没有问题,但是底部的 tabbar 图标就是不显示后来发现这里面两个属性,selectedIconPath 和iconPath ,前者是选中,后者是没有选中的,我一开始测试的时候只写了一个属性,就是没有选中的那个属性,所以才没有显示正确写法是要两个都写的,问题不是什么大问题,记录一下,就是想提醒自己,写代码要仔细一点 "list": [{ "pagePath": "pages/list/index", "sele...

2020-11-24 16:14:26 1029 2

原创 小程序接口封装

第一步,新建 request.js 文件,把要封装的方法放进去var app = getApp();//项目URL相同部分,减轻代码量,同时方便项目迁移//这里因为我是本地调试,所以host不规范,实际上应该是你备案的域名信息var host = 'http://192.168.1.1:9990/'; //此处本地接口地址/** * POST请求, * URL:接口 * postData:参数,json类型 * doSuccess:成功的回调函数 * doFail:失败的回

2020-11-24 15:01:49 398 4

原创 获取当前日期

var myDate = new Date(); var nowDate = myDate.getFullYear(); nowDate = nowDate + ((myDate.getMonth() + 1) < 10 ? "年" + (myDate.getMonth() + 1) : "年" + (myDate.getMonth() + 1)); nowDate = nowDate + (myDate.getDate() < 10 ? "月" +...

2020-11-24 14:39:09 69

原创 element el-input 去掉边框

element样式还是蛮好的,只是有时候我们需要做一些调整,比如,el-input 的边框,官网是这样子的我们需要这样子的然后我们常规操作,border: none;或者 border: 0; 发现行不通,哈哈哈哈哈tip:将border属性设成0,虽然边框不见了,但是浏览器依然会对border-width和border-color进行渲染,会占用浏览器的资源。将border设置成none,浏览器就不会做出渲染动作。然后就就,就发现个好东西,>>>, &g...

2020-11-19 20:42:46 12300 31

转载 Vue数据更新视图不更新

Vue数据更新视图不更新这里写自定义目录标题知识拓展数组数据变动,使用某些方法操作数组,变动数据时,有些方法无法被vue监测对象属性的添加或删除异步更新队列Object.assign方法:vue多层循环,动态改变数据后渲染的很慢或者不渲染知识拓展啦啦啦在一个组件实例中,只有在data里初始化的数据才是响应的,Vue不能检测到对象属性的添加或删除,没有在data里声明的属性不是响应的。Vue不允许在已经创建的实例上动态添加根级响应式属性,但是可以使用$set方法将相应属性添加到嵌套的对象上。数组

2020-11-11 16:46:50 444

空空如也

空空如也

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

TA关注的人 TA的粉丝

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