壮士阿-CSDN博客

原创 vue3.0中关于自定义Ref--customRef以及一个防抖hooks

此时新增一个需求，在不增加输入框事件的情况下，输入后延迟一秒显示（听上去挺变态的需求)。这个时候就可以通过customRef进行解决。在vue3中，创建一个双向绑定的数据是这样的。此时在输入框中改变输入，div标签中会及时立马呈现出新的改变。在工作中这种实用的场景很常遇见，比如说防抖搜索框输入的功能，所以最后把他们封装成一个hooks进行公用。

2024-02-22 15:34:19 203

原创 vue3中v-model解析

如果要更改modelvalue属性值为name，可以在用的地方这样。同时这里也就可以写多个v-model，命名不一样就行。当v-model用在组件标签上，原理是这样的（vue3默认是modelValue）当v-model用在html标签上的时候，是这样的。

2024-02-21 18:13:01 222 2

原创 Taro-RN使用 react-native-wechat-lib 集成微信支付-IOS(从微信注册应用到应用接入微信支付)全*

1

2021-10-13 11:32:25 2244 1

2021-09-26 15:20:47 292

原创 Xcode ios15 真机调试包

ios15出世后，xcode也迎来了13版本的更新，众所周知，xcode更新前需要很大的储存空间，但是在xcode12.5的版本上增加ios15的真机调试包，也能达到xcode13的基本打包效果，下面是步骤：1. 下载真机调试包并解压链接: https://pan.baidu.com/s/1YtcYK7eWqqaV9f8fVxcU4g 提取码: n9rh 复制这段内容后打开百度网盘手机App，操作更方便哦2. 打开Finder 按下快捷键：command + shift + G3. 真机调试包路径：

2021-09-26 09:32:19 3820

原创 taro转rn-ios（个人记录，第一次搞，有误请指正：)）

使用的多端框架taro，目的是开发一个ios应用，刚开始打算使用taro-ui，但是集成后发现taro-ui不支持rn，所以继而转向ant design mobile rn。在使用ant design组件中，使用Icon会提示缺少字体文件Unrecognized font family ‘antoutline’这个时候需要去项目的node_modules下@ant-design下面的icons-react-native下面的fonts下面的antfill.ttf、antoutline.ttf找到这俩

2021-08-10 09:46:11 2080 2

原创 Mac环境下使用Centos8安装nginx并部署create-react-app项目以及404问题解决

准备工作使用的阿里云主机，环境Centos 8.0 64位系统 Mac远程doc命令工具： Termius上传文件工具: Transmit开始安装安装依赖包，使用yum工具安装yum -y install gcc make zlib-devel pcre pcre-devel openssl-devel首先我们需要添加一个名位“www”的用户（名称自定义，在此篇文章内我使用的时www）useradd www然后对www设置密码passwd www然后我们需要给予www用户sud

2021-04-25 13:37:30 508

原创 ant design pro v5: 动态菜单渲染以及图标渲染

Pro v5目前依然是beta版本，但是老夫在俩个月前已经迫不及待的上手搞了搞，有关v5对比之前版本有哪些改变，可以说，增加了很多Pro组件，并且ProComponents一直在更新迭代；同时优化了umi-request等很多，具体可以查看官方文档从服务端请求菜单在某些情况下，写死的菜单数据可能满足不了我们的需求，Pro 也提供了相应的解决方案来进行远程的菜单数据请求。这里我们需要用到两个 API 来配置完成。menuDataRender 可以自定义数据格式， menu.loading 可以让 menu

2020-12-03 17:35:45 3720 3

原创 useRequest使用日志

万变不离其宗，第一步，引入(我使用的umi脚手架)import { useRequest } from '@umijs/hooks';第二步，几个方法// 用法 1const { data, error, loading } = useRequest('/api/userInfo');// 用法 2const { data, error, loading } = useRequest({ url: '/api/changeUsername', method: 'post',});

2020-11-30 17:18:29 3045

原创高德地图实现点聚合报错：TypeError: AMap.MarkerClusterer is not a constructor

实验点聚合时报错：cluster = new AMap.MarkerClusterer(map, markers, { gridSize: 80, renderClusterMarker: _renderClusterMarker});改为：map.plugin(["AMap.MarkerClusterer"],function() { cluster = new AMap.MarkerClusterer(map, markers, { gridSize: 80, r

2020-11-13 10:07:06 3106

原创 vue学习第一天（取消mock，连接服务端）

克隆项目打开vue.config.js //注释devServer下的before // before: require('./mock/mock-server.js') devServer: { port: port, open: true, overlay: { warnings: false, errors: true } // before: require('./mock/mock-server.js') .

2020-09-25 15:19:34 3974 10

原创 pro-table中关于表头内props和onchange冲突问题解决办法

众所周知，使用pro-table表单时，需要同时吧组件的props属性传递给组件，props里面有value，onChange等相关属性，但是如果这个时候，组件内也有onChange属性，俩个onChange就会冲突，如何优雅的让组件的onChange生效，同时表单提交时props的onChange也能生效，直接上代码，俩种方法先说第一种在组件进行onChange时把组件的proos属性也传递到onChange方法内，在执行onChange方法时，同时让props也执行数据传递代码：此处用图片上传举例

2020-09-18 09:31:37 1507

转载了解代理模式

一个鲜明的小例子来解释代理模式：作为一个单身钢铁直男程序员，小王最近逐渐喜欢上了前端小妹，不过呢，他又和前台小妹不熟，所以决定委托与前台小妹比较熟的UI小姐姐帮忙给自己搭桥引线。小王于是请UI小姐姐吃了一顿大餐，然后拿出一封情书委托它转交给前台小妹，情书上写的我喜欢你，我想和你睡觉，不愧钢铁直男。不过这样写肯定是没戏的，UI小姐姐吃人嘴短，于是帮忙改了情书，改成了我喜欢你，我想和你一起在晨辉的沐浴下起床，然后交给了前台小妹。虽然有没有撮合成功不清楚啊，不过这个故事告诉我们，小王活该单身狗。其实上面就是

2020-08-26 10:09:42 195

转载 antd中日期选择框ranges属性一些常用的自定义时间选择范围

ranges={{ 今日: [moment(), moment()], 前三天: [moment().subtract(3, 'day'), moment()], 后三天: [moment(), moment().add(3, 'day')], 本周前: [moment().startOf('week'), moment()], 本周后: [moment(), moment().endOf('week')], 本周内: [moment().startOf('week'), mome

2020-08-19 09:50:47 2253 1

原创计算俩个时间的时间差并返回

const timeFn = (startTime: string, nowTime: string) => { const dateBegin = new Date(startTime.replace(/-/g, "/"));//将-转化为/，使用new Date const dateEnd = new Date(nowTime.replace(/-/g, "/")); const dateDiff = dateEnd.getTime() - dateBegin.getTime();..

2020-07-21 17:15:21 200

转载 flex布局以及常用的布局举例

一、什么是Flex布局？Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。一、什么是Flex布局？Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex 布局。.box{ display:flex;}行内元素也可以使用Flex布局。.box{ display:inline-flex;}webkit内核的浏览器，必需加上-webkit前缀.box

2020-07-08 11:57:08 185

原创数组常用方法

array.push()const a = ['1', '2', '3'];a.push('4')//['1', '2', '3', '4']const b = ['1', '2', '3'];b.push('4', '5')//['1', '2', '3', '4', '5']array.pop()const a = ['1', '2', '3'];a.pop()//['1', '2']array.shift()const a = ['1', '2', '3'];a.sh

2020-06-24 10:28:40 104

原创一些实用的head头信息

<meta name="description" content="商品, 衣服...">  <link rel="icon" type="image/x-icon" href="favicon.ico">  <meta name="apple-touch-fullscreen" content="yes"> <!--..

2020-06-03 15:56:06 210

转载 es6-Promise用法

PromisePromise 的定义Promise缺点Promise基本用法Promise之语法糖.thenPromise之语法糖.catchPromise之语法糖.finallyPromise之语法糖.allPromise之语法糖.racePromise 的定义Pormise是JS的异步编程的一种解决方案，在ES6将其写进了语言标准，提供了原生的Promise对象。Promise简单来理解就是一个容器，里面存放着某个未来才会结束的事件结果。Promise是一个对象，从它可以获取异步操作的消息，Pro

2020-05-25 11:11:30 206

Jidahan的博客