自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue中,页面监听store中数据 的变化以及时做出相应,watch、computed与store的getter属性协调

那么我们的需求就是,当store中的name变化,登录页面可以监听到,然后进行判断,决定要不要跳转。所以我的登录页面有一个按钮,点击之后可以触发mutation中的更改函数,去更改name这个属性,那么该如何使得store中的name改变后,登录页面可以主动监听到?简单来说,就是通过登录页面的computed计算属性,写一个函数,然后返回的是所要监听store中的某个属性,注意这个属性的返回必须使用getter,不能直接使用store.state来访问!

2024-01-10 20:14:46 778

原创 prototype原型对象上绑定新增函数的方法,在prototype上使用匿名/箭头函数会引发的this指向问题

我写一个代码来验证匿名函数的this指向关系,我在一个对象中声明一个普通函数,则该普通函数的this会指向父作用域,也就是那个对象obj1,然后,我在普通函数内部写匿名函数,显然,该匿名函数的this就是父作用域,也就是普通函数的this指向,就是obj1,然后,我在匿名函数内部调用原型对象挂载max函数,然后打印出this。因为这里使用的是匿名函数,没有自己的this,因此在这个位置看上去,this就是指向的该位置的外面,也就是Arrar的原型对象的外部,那就是window,所以…

2023-12-08 18:27:14 908

原创 解决vue-cli打包后html文件引用其他文件失效,打开空白问题

写一篇解决问题的博客,最近打包vue项目的时候总是机械性解决bug,出现各种各样可能的问题,看网络上也少有对应的解决方法,所以打算写一个下来。首先要说明的问题应该就是出现最多的bug,当你写完vue项目的时候,(使用到vue-cli的时候哈),执行run npm build,然后发现打包后的html文件,打开后是空白的,然后按F12键查看控制台输出,出现类似如下的页面:首先,分析以上报错,共两种,一种是js引用不到,一种是css文件引用不到,而且报错都在产出的index.html文件中报错,这才导致出

2023-11-30 13:48:44 700

原创 webpack打包出错

就解决上面的问题了,可是我看官网的建议这么做的,为啥反而错误了,好像后面的版本还会改成上面写法,那会不会是我的node版本问题,后续寻找一下原因。

2023-11-15 21:58:59 108

原创 nodejs使用异步操作promise实现有目的的先后顺序进行提取数据

但是,作为全栈战斗机,这种做法太那啥,写的接口不仅多,还不好看。今天的分享就到这里哒,祝好运!为什么会出现这个问题?

2023-11-09 21:34:18 165

原创 关于ES6新增的script标签type为module和importmap的使用和坑点

这个问题我看到的时候倒是不怕了,因为显示的是 “three/addons/” 这个名字没有被索引到,显示为null值,自然加载不了引用到的那个对象,那么为啥会这样,网络上没解决办法,那就自己来。啥意思呢,就是说我的导入,如果是相对的就必需使用到./,…/,/ 开头,这就很纳闷了,我明明就使用到./了,为什么还是报错,,难道是导入的东西有问题?但是至于为什么纯module,导入一个正常,导入两个就错误,我也还是没搞懂,但是解决方法就是我上面的那种,这个网络上找不到,所以我写一个,看看能不能帮助到道友~

2023-10-22 12:02:17 1012

原创 uni-app获取本地文件并读取文件内容

今天的分享就到这里啦,最近打算实习,好像就业形势不是很好,有点压力,希望后面会变好点,加油!官网也说,success返回的对象有两种,

2023-10-02 13:28:06 3396 2

原创 浅谈React中styled-components的简单实现

【代码】浅谈React中styled-components的简单实现。

2023-09-23 22:00:48 61 1

原创 React.ts中,input输入框输入完毕后重置为空,使用ref方式和断言

分享一个对于ts的有趣写法,平时写项目的时候,ts自带的检查会保证我们的代码不会出现type类型的错误,但是这又间接提高我们的代码难度,虽然会报错提示吧,但工程量确实变大了。这不,今天在写input的时候,需要实现一个业务,从输入框输入的值显示到页面上排列,所以我使用ref绑定到input,然后设置按钮完成任务,为了提升用户体验,还是需要提交点击按钮后,将input内容清空好一点。其中遇到很多奇奇怪怪的错误,比如为什么需要使用到断言,因为写的时候,项目又没有输入input,导致ts检查到value值可能是空

2023-09-22 11:18:01 607 1

原创 Redux持久化及其持久化失效之刷新页面数据会重置问题解决

redux中持久化数据的完整操作以及可能出现的持久化生效问题解决,页面刷新redux持久化不生效,出现数据重置,数据丢失,数据被初始化的问题解决。

2023-09-16 17:28:19 406 1

原创 React手写redux工作过程,详解redux工作原理

为了学习下redux,决定手写一个工作过程来模拟一下,感觉思路还是很简单的。首先来看一下传统redux的写法:这个可以很明显看到重点就是这个createStore这个类的方法了,首先是创建一个reducer函数来解决中间的逻辑,然后将参数reducer传给我们的createStore类,这个应该就是一个类的传参效果,然后来看看重点使用的store的三个函数:subscribe函数和getState函数,获取store相关参数:需要使用状态以及订阅的函数,通过调用暴露出来的store对象的subscr

2023-09-10 19:27:08 51 1

原创 上一篇博客改正--React反向代理

怎么说,我把axios.get()和axios({})两种形式混合一起!然后更加魔性的事情来了,过了一个小时我回头去看代码,从最基本的钩子函数内部,我发现一个致命错误!以后可不能粗心啦,浪费这么多时间找bug,虽然说读资料挺好的吼,但是下不为例!

2023-09-08 17:18:37 44 1

原创 React配置反向代理解决跨域,以及可能出现的问题,排坑

最近获取某网站接口的时候,发现被跨域了,但是又不想手写后台那一条接口,所以就想到在前端进行反向代理,什么是反向代理呢,说简单点,就是本地项目向本地的服务器获取接口的时候,如果你需要调取别人的服务器接口,显然本地的计算机是没有相关接口的,所以会引发一种跨域的情况,所以需要配置反向代理,告诉我们的计算机,如果碰到相关的接口,那你需要向别的服务器获取这个接口,也就是本地服务器先向外地服务器获取数据在通过自己返回给你,然后这一块在本地服务器是对我们屏蔽的,也就是看不到的,下面介绍下react中如何配置反向代理:首

2023-09-05 15:29:10 417

原创 在React项目中做模糊搜索

react中做模糊搜索,原生js写法,状态更新,setstate,数组缺失处理等

2023-08-03 00:05:17 278

原创 vue插槽slot的详细用法

vue中slot插槽的基本用法,slot插槽数据传输,具名插槽的使用方法等

2023-07-17 11:26:18 796 2

原创 vue中实现computed属性传值

vue实现computed计算属性的传值效果,computed方法返回函数方法

2023-07-15 11:17:23 1761 1

原创 前端获取本地图片并且转化为base64格式

前端获取本地图片并且转化为base64格式,使用到files与filereader,按钮元素和input输入框配合

2023-07-12 22:07:19 2453 1

原创 socket.io实现向特定用户发送私人信息(基于express框架)

介绍express框架中使用socket.io,向特定用户发送私人信息的示例,包括前端和后端的部分关键代码;socket.io发送私人信息;socket向特定用户发送信息;socket.io单播

2023-07-12 19:27:51 486 1

原创 express框架中socket.io使用disconnect报错的问题解决

这个是啥意思呢,大概就是有一个保留字被用到了,然后查看第一个报错地方是emit使用disconnect的时候,因为我在前端定义一个disconnect方法用来广播用户的退出信息,所以我在后端监听disconnect的时候,不仅要在后台报消息,还要使用io.emit()方法向所有socket用户触发他们各自的disconnect方法,但是居然报错了!所以查一下官网,大概就是说,disconnect可以在后台使用socket.on监听,但是不能使用在emit中,那就好解决了呗!

2023-07-12 10:03:10 254 1

原创 在express+vue-client系统中使用socket.io

在express框架做后台与使用vue脚手架做前端的系统中,引入和使用socket.io的示例,以及讲解内容,衔接上一篇博客。

2023-07-12 00:03:45 213 1

原创 socket.io在express框架中的使用以及简单的html页面示例

如何在express框架中使用socket.io,以及一个简单的html页面作为示例,帮助大家理解socket通信的过程。

2023-07-11 22:36:02 945

原创 微信小程序修改data中数组所包含对象的属性值,微信小程序自定义tabbar

微信小程序自定义tabbar,手写tabbar,修改data中数组内对象的属性,JavaScript代码修改data中数组内容演示

2023-04-01 11:54:26 433

原创 微信小程序页面遮挡解决

很难受,于是修改聊天框所在view的margin-bottom,没什么用,因为页面高度不能写固定的,所以想来想去,找到一个好办法,在聊天容器下面加个小容器,设置高度就行。这段时间在做一个人工智能聊天客服,突然发现当聊天的语言变多的时候,发生最下面的聊天记录会被固定在下方的input输入框挡到,像下面这样子。后面再写一篇关于input随键盘弹起改变高度的,不然被手机键盘挡到。

2023-03-05 11:59:52 906

原创 前端请求URL地址携带中文参数到后端解码

前端请求URL地址携带中文参数到后端解码,url字符串切割

2023-02-28 19:38:06 904

原创 nodejs读取mysql中blob类型的图片数据

nodejs后端,读取mysql中数据类型为blob的字段内容,与前端交互,实现头像的存储与显示,主要解决将blob对象解析成text读出,返回存储时的完整数据,方便前端的img标签src属性读取base64图像数据

2023-01-28 12:48:35 1232 1

原创 洛谷P2440 二分边界点分析

我们可以这么想,假如,现在有两个数字,左边那个是合适的,而右边那个是不合适的,假如我们取偏左边的中间点,可以想象到待会那个check就会返回true,会发生什么?没错,那就是L边界右移了,可是刚刚已经说过,那个右边是不合适的,偏偏这个时候L和R就重叠在一起,就跳出循环,那么必定得到错误的结果;反过来,如果你取偏右的中间点,那么待会R就会回退,不信的话手动模拟一下。所以,我们需要取偏右的那个中间点,看到二分查找,就有最让人头疼的问题,这个边界怎么取啊?取偏左还是偏右的中间点啊…

2022-10-06 11:33:10 193 1

原创 String字符串拼接后大小的比较

设有 n 个正整数a1…an将它们联接成一排,相邻数字首尾相接,组成一个最大的整数。算法之路,历尽坎坷!最后顺便附上完整代码。

2022-10-06 00:07:39 120

空空如也

空空如也

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

TA关注的人

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