自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

本以为成功很简单,没想到活成普通人都需拼尽全力!

随时准备去送外卖的前端攻城狮!

  • 博客(144)
  • 收藏
  • 关注

原创 记录:通过day.js获取两个日期相差的时间,并转化为年月日的格式

需求:获取两个日期相差的时间,转化为年月日的形式;话不多少,直接放代码。day.js这个日期库真的是很不错的日期库,足够满足日常的开发需求。

2023-11-23 16:15:27 1910 1

原创 记录:如何快捷的从一个对象中取出几个属性组成新的对象

以上这些,其实都可以实现,但是吧,往往在实际的开发中,字段会很多,如果遵照上面的写法吧,行倒是行,就会搞得代码很长,就想再简化简化,于是乎,今天介绍的方法就来了!lodash的pick()方法与omit()的方法;至于安装lodash这些不再说了或者看这个。

2023-11-23 15:55:33 334

原创 关于slot-scope已经废弃的问题

确实写了这api已经是废弃了,那就按它的说法,我们去使用v-slot,至于关于v-slot怎么用,这里就免了吧,毕竟谁还没用过插槽。因为使用了element-ui的组件库,所以在使用组件的时候往往就cv大法了,直到今天用webstorm写代码是,提示了如下的错误。说起来啊,这个问题啊,我之前一直没关注,还是webstorm给我的警告。我这一看,这不行啊,赶紧去查文档。第三种改法:还可以用解构。

2023-08-22 14:02:38 2820 3

原创 Java:数组的扩容与缩容

记录数组的扩容与缩容!

2023-04-23 14:46:45 349 1

原创 Java:数组的反转

给了一个数组,要求进行反转,得到以下数据。前言:记录数组反转的几个方法。

2023-04-23 10:59:17 687

原创 如何获取到他人小程序的页面路径

有时候吧,我们会用到小程序之间跳转的业务场景;大部分情况:从公司的一个小程序跳转到公司另外一个小程序。因为我们都属于两个小程序的开发者,所以对于小程序的页面路径,appid等信息肯定都是了解明白的,此时我们利用微信提供的小程序跳转api:uni.navigateToMiniProgram可以很轻易的完成。特殊情况:要从自己公司开发的小程序跳转到他人的小程序,比如美团小程序,京东小程序等等,别人小程序的信息,我们当然是不知道的,鬼知道它的页面路径叫什么。。。

2023-04-12 09:57:49 5394 3

原创 Java:jdk的安装以及hello world

由于本人头发较多,常常被认为是不用功的程序员;故,我来学学Java,希望我变秃了也变强了!首先是java的安装,根据我司java的建议,安装了jdk8与jdk17!因为在众多的版本中,只有java8,java11,java17是长期支持的版本,胜在稳定!稳如老狗!

2023-04-11 17:33:37 641

原创 el-date-picker:选择日期的限制

element-ui作为vue的龙头ui组件库,深受前端开发者的喜爱。本文着重记录如何使用el-date-picker日期选择器,怎么去限制选择日期。先上官网链接---

2023-03-31 14:47:11 5668 1

原创 Egg:使用joi进行参数校验以及注册接口小demo

在阅读这篇文章之前,想必已经对Egg有了初步的了解,至于如何创建一个egg项目之类的,配置mysql数据库之类的等等这里就不再赘述,不知道的可以去egg官方了解--Egg官方文档;本文着重记录在Egg中如何使用Joi进行参数的校验,以及一个小型的用户注册接口开发!本人也不经常写node,所以代码不是很标准可能,还请各位多多包涵!用egg写后端服务的感觉还是很不错的,开箱即用,制定了一系列的规则,按照规则进行代码编写即可,而且具有很高的扩展性,确实还不错!

2023-03-09 17:24:02 767

原创 Vue3:自定义指令以及简单的后台管理权限封装

说起这个自定义指令的使用场景,我第一反应就是,后台管理的权限管理,要问我为什么?就是ruoyi系统用多了😂;本篇就聊聊vue3的自定义指令以及若依的管理权限封装。如果对vue指令还是有点懵,不清楚这是vue哪一块的知识,v-if,v-show,v-for总用过吧?没错,指令说的就是它们,这些都是vue内置的指令,同时vue还允许我们注册一些自定义的指令。既然作为指令,当然有它的一些规则,那么指令的规则就是以v字母开头的驼峰变量,当然这是在中可以这么写。在没有使用。

2023-02-24 16:13:15 3953

原创 Vue3:有关v-model的用法

提起v-model,想必都不陌生,作为vue的经典语法,帮助我们在编写项目的时候,省了很多很多的事情,本文着重记录v-model在组件上的绑定使用!在默认的情况下,组件的都是使用modelValue作为自己的prop,使用update:modelValue作为对应的更新事件,有时候我们需要去改动一哈!基本规则就是,自定义的prop:xxx, 对应的更新事件:update:xxx, 组件上就变成了v-model:xxx的写法,下面以value举例

2023-02-23 15:26:49 5679 1

原创 Vue3+Lodash:2023年了,我依然在使用Lodash

前两天,在水群的时候,发现居然有人不知lodash,这可把我吓了一跳,lodash难道都不被前端人所知了吗?Lodash官网。

2023-02-17 14:40:19 8992

原创 vue3:直接修改reative的值,页面却不响应,这是什么情况?

今天看到有人在提问,问题是这样的,我修改了reative的值,数据居然失去了响应性,页面毫无变化,这是什么情况?本着好奇心害死猫的原则,我就看了下,我直呼好家伙!

2023-02-15 15:02:02 3076

原创 uniapp:手把手写一个模糊搜索

模糊搜索的功能是很常见的一个功能,但是在写uniapp移动端项目时并没有发现很好用的组件之类的,所以决定自己小小的造一手,其实早在以前写过一个类似的功能并发布在了插件市场,但是回头再看时,感觉不太行。之后也会发布在插件市场,如果没有bug的话😁;

2023-02-09 16:37:28 2286

原创 React:有关a标签控制台警告的一些问题

近几日在写react项目的时候,发现了一些问题,特此记录!

2023-02-06 15:07:20 764

原创 React:安装配置使用scss

项目采用creat-react-app脚手架初始化项目,默认采用css语法,但是在隐藏的webpack配置中是支持css,sass,scss的。版本信息:react:18.2.0。

2023-02-02 11:44:05 4045

原创 el-form:自定义校验规则如何传递参数

有时候,我们在写el-form自定义规则时候,有很多字段其实用的就是一个规则,只不过规则又不同而已,举个例子如下。我知道我们可以利用max的属性进行规则的限制,如果不用,需要使用自定义的规则呢?使用自定义规则,有人可能会这么写。这么写的确是可行的,但是一旦更多,就架不住了。。。补充一条rule,补充一个自定义校验方法,这个时候就想着,我能不能传递个参数,只写一个自定义校验方法,这样就好了!

2022-12-29 15:00:17 3030

原创 vue3:安装配置sass

对于前端开发人员来说,css预处理的语言已经是家常便饭了,如sass,less等等,那么在vue3中该如何去使用sass呢?首先看个最基础的页面,木有任何的样式,接下来将一步一步的添加样式!

2022-10-11 15:30:08 13304 1

原创 vue3:如何使用@符代替 ./src

【代码】vue3:如何使用@符代替 ./src。

2022-10-10 16:13:48 4378

原创 node:express定义接口接收参数的方式

新建一个node项目,安装express这些等等的都不在多说了,执行命令即可app.js})前端这里我采用了vue3,请求用了axios包,但是并未对axios进行请求的封装,而是直接使用,在真实项目中肯定还是需要封装一下的,嘿嘿!

2022-10-08 16:43:12 1688

原创 node:express解析multipart/form-data数据;上传文件(单文件+多文件)

文件上传的时候,我们会采用multipart/form-data的请求体格式,而express.urlencoded()中间件并不能去解析此格式的数据,因此我们需要去找一个可以解析multipart/form-data格式的包,这里推荐使用multer,npm地址。...

2022-08-31 22:00:00 2516 1

原创 joi:定义多个自定义错误信息

在项目中,提交表单进行字段验证是必不可少的,在node项目中,自己写if else判断非常的繁琐,也不好进行维护,所以我们通常都会引入第三方包joi,来帮助我们进行表单字段的验证。

2022-08-30 21:00:00 1518 2

原创 node连接mysql:Client does not support authentication protocol requested by server; consider upgrading

今天使用node在连接mysql数据库的时候,我写了以下的代码;然后就小小的眼睛,大大的迷惑。。。一顿查找,找到问题原因;mysql版本8.0以上更换了新的密码验证方式, node客户端不支持新的验证方式。...

2022-08-25 21:00:00 439

原创 SQL:WHERE子句,LIKE,BETWEEN

我们可以通过 select 字段1,字段2 from 表名称,读取数据。如果需要按照一定的条件读取对应数据,那就需要将WHERE子句加入到select语句中!WHERE 列 运算符 值操作符描述=等于 ,!=不等于>大于=大于等于

2022-08-24 16:18:10 765

原创 SQL基础语句

假设我们现在有这么一个数据表users;字段有4个。id:作为唯一的键,同时也是递增的username:用户名称,varchar类型password:用户密码,varchar类型state:用户状态,tinyint类型,0正常,1异常,设置默认值为0。

2022-08-24 13:43:18 269

原创 推荐神器npm包(serve):如何不利用后端正式服务,看前端项目的正式运行

大多的情况下,我们在使用了vue也好,react也罢,项目要上线了,前端人员往往都会进行项目打包,执行build命令,会得到一个dist包或者build包,只需要把这个包交给后端人员,部署到正式服务器即可,但是有时候我们想先看看这个build出来包,能不能正常的运行什么的。在左侧可以看到有一个dist文件夹,这是我运行build命令后,得到的,是要交给后端人员放置到正式服务器上的包。现在就到我们刚才安装的serve包登场了,我们在当前dist目录下,运行cmd,输入serve,会看到如下界面。......

2022-08-03 11:14:47 1319

原创 React:前端配置代理解决跨域问题

跨域是一个老生常谈的问题,不再过多的去解释什么是跨域了,着重记录在React项目中怎么去解决跨域,当然对于前端开发而言,绝大部分的跨域问题,都是通过代理的方式解决的!而代理适用的场景是:在生产环境中不发生跨域,但在开发环境中会发生跨域!因此,我们只需要在开发环境中使用前端代理解决跨域即可,又称为开发代理!在React中解决跨域,毫无疑问,也是使用开发代理解决!目录产生跨域问题解决跨域问题:简单方式:复杂方式:举例,我们需要在React项目中使用axios,请求这个网址拿数据页面点击获取数据,在

2022-06-20 14:24:14 6211 1

原创 React:条件渲染的几种方式

目录前言基础配置1. 声明一个函数,返回对应的内容2. 使用元素变量3. 使用三目运算符4. 使用与运算符&&总结完整示例说起来条件编译,可能这个词有一点点陌生,但是如果之前接触过vue写法的话,那就很明白了;就是v-if ,当满足对应的条件,展示对应的内容!那么在React中的条件渲染当然采用的不是v-if,需要用自己React的条件渲染方式!页面展示 页面展示:页面展示:页面展示:页面展示:我这边开发中使用频率比较高的,应该是第三种和第四种: 三目运算符,用于一个值为真或者

2022-06-03 22:15:00 1031

原创 uView:如何正确的使用防抖和节流,以及如何解决错误:TypeError: Property value expected type of string but got null

目录前言节流无传递参数: 1. 在模板中使用(推荐) 2. 在js中调用有参数传递 1. 错误示范 2. 正确写法:反思错误:TypeError: Property value expected type of string but got null防抖无传递参数有参数传递前言最近在看uview,QQ群成员提出的问题,有几个关于节流防抖的方法使用,不是很熟练,尤其是当遇到传递参数的时候,很懵逼.........

2022-05-31 21:30:00 4373 5

原创 React:事件处理,点击事件(无参&有参)

目录上一篇:准备:无参数传递:错误写法:1. 利用bind更改this指向,生成新的函数,比较麻烦2. 简化1方法,在点击时使用bind更改this指向3. 利用回调函数4.使用箭头函数,强烈推荐,简单实用有参数写法:1. 利用bind更改this指向传递参数2. 利用回调函数传递参数个人推荐写法:上一篇:React:使用Refs的正确姿势,三种方式调用_Jay丶千珏的博客-CSDN博客本篇记录总结react的事件处理,点击事件,总分为两.

2022-05-25 21:30:00 650

原创 React:使用Refs的正确姿势,三种方式调用

上篇:React:props常用验证_Jay丶千珏的博客-CSDN博客前言:在React中,很典型的父子组件通信方式就是使用props,当时在某些特殊的情况下,我们需要在典型数据流之外强制修改子组件。被修改的子组件可能是一个 React 组件的实例,也可能是一个 DOM 元素。为了更好的解决这个问题,React提供了解决的办法:ref。通过往组件或者dom元素上绑定ref属性,我们可以拿到此实例,以此来解决更多的事情!关于ref的使用场景,react官方中,是这么说的:1. 字符串形

2022-05-23 22:00:00 1270

原创 React:props常用验证

前言:需要注意的是,在React v15.5版本之后,props的验证已经转移到了prop-types库中。如果之前写过vue项目的,在关于组件传值这块,我们一般都会为props设置它的类型,是string或者number或者object等等,还会去给它一个default默认值,如果此参数必传,会把required设置为true等等这些,其实设置这些验证的作用主要是为了更加规范数据,以此来确保我们的程序,组件可以按照预想的那样正常的执行使用,当我们传入不符合验证规则的数据时,控制台就会直接抛出错误

2022-05-20 22:00:00 1611

原创 微信小程序又双叕改获取用户头像昵称的规则了,微信小程序如何去最新获取头像昵称

就最近在写微信小程序项目的时候,发现微信又双叕更改获取用户头像昵称的规则了,我连wx.getUserProfile都还没用上,一直还停留在wx.getUserInfo的阶段,结果告诉我,又改规则了,一点不快乐。。。先看看微信是怎么说的:小程序用户头像昵称获取规则调整公告 | 微信开放社区总结就是:由于某些用户不合理的行为,为了防止你们再这么玩,所以我直接动你们调用的api,给开发者半年的时间,赶快整改。。。我必须得吐槽微信一把,关于获取用户的头像昵称已经更改了这么多次。。。对开发者也...

2022-05-17 17:33:19 3091 16

原创 JavaScript:更改this指向——call,apply,bind的用法

在上篇文章中已经记录了,在JS中关于this关键字的指向问题,那么本文就来记录一下,如何去更改this指向,以及ES6的箭头函数!上篇文章:JavaScript:一文搞懂this关键字指向_Jay丶千珏的博客-CSDN博客目录提出问题1. call,apply,bind——无额外参数传递1.1 call无额外参数传递用法 1.2apply无额外参数传递用法 1.3 bind无额外参数传递用法 小结2.call,...

2022-05-16 17:58:50 326

原创 JavaScript:一文搞懂this关键字指向

在JS中,this的指向会随着执行的环境不同,从而指向不同的对象,本文就是对this关键字指向来一波总结,以便那些,对于this指向比较迷的前端人目录1. 单独使用,this表示全局对象1.1 即使在严格模式下,this也依然表示全局对象2. 在function函数中2.1 常规模式2.2 严格模式3. 在对象的属性方法中,指向当前所处的对象3.1 常规模式3.2 严格模式4. 在html中,指向接收事件的html元素总结1. 单独使用,this表示全局.

2022-05-13 15:01:46 427 1

原创 React:声明组件的方式,看这篇就够了

React声明组件的方式有两种:分别是函数式声明组件和类式声明组件;写法很简单,只是刚接触的话,可能还是写的不是很习惯,多写写就ok了!老样子,我们还是直接新建一个html就好!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div

2022-05-03 17:11:29 1848

原创 React:JSX的语法规则,一文就够了

这两天看到一个交流群的前端人,使用react,jsx语法,把他折磨的生不如死;主要是因为未使用过react,更未使用过jsx,纯纯的赶鸭子上架,感觉可太难了!话不多说,我们直接进入正题!什么是JSX?要想写jsx的语法,那么就得先了解jsx是什么,有什么用?借用百度的话:JSX是一种JavaScript的语法扩展,运用于React架构中,其格式比较像是模版语言,但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位,JSX就是用来声明React当中的元素,.

2022-04-28 20:53:20 2129

原创 uniapp:小程序对接腾讯云语音视频通话,简单demo

我发现啊,现在小程序的地位是越来越高了,各种各样的业务,五花八门的功能;最近又接了一个新的功能,在小程序上实现语音视频通话,咋办?搞呗!先放文档:实时音视频 集成 TUICalling (uni-app /小程序) - 含 UI 集成方案 - 文档中心 - 腾讯云有一说一,这个文档写的其实还是相当详细的1. 把小程序后台的接口设置打开以下功能2. 去github上拉代码https://github.com/TencentCloud/TIMSDK/tree/master/un.

2022-04-27 14:01:46 7852 16

原创 vue3:如何去挂载全局的变量和方法

在vue2中,我们会把经常使用的方法,变量挂载到 vue.prototype上,例如下面这样const getParams = (params) => paramsVue.prototype.$getParams = getParams然后我们就可以在任意的组件中 进行 this.$getParams('999'),这种调用,也很是简单方便但是时代变了,在vue3中,我们不能再去这么操作,这么写了,我们需要采用以下方式1. 使用 app.config.globalPropertie

2022-04-24 21:30:00 3753 3

原创 TypeScript:函数传参如何进行es6的解构赋值

2022-04-10 21:54:19 2349

空空如也

空空如也

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

TA关注的人

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