- 博客(149)
- 收藏
- 关注
RSS订阅原创 关于Failed to load local image resource /pages/test/undefined 这件事
错误原因主要在于我们在urls为空对象的时候， this.urls[field]必然会得到一个undefined，那解决方法就很简单了。今天在写代码的时候，遇到了一个小问题，因为之前此错误没有遇见过，故特此记录一下！其实并不影响页面的显示，但是错误就比较显眼，得想办法解决一下！2. 先对this.urls进行是不是空对象判断。1. undefined，那就给个空字符串；3. v-if解决下。
2024-07-26 15:40:10
134
原创 开发工具推荐：await-to-js
今天给大家推荐一块我觉得用着还不错的工具，await-to-js；借用官网的一句话：Async await wrapper for easy error handling，方便让我们去处理错误，降低我们的编写成本；reslove({ code: 200, data: [], msg: '操作成功' });reject(new Error('http 请求错误'));});在我们不使用此工具之前，看我们的调用方式，假设我们的请求发生了错误哈。
2024-07-21 18:37:13
421
原创 uni-app:踩坑路---关于使用了transform导致fixed定位不生效的问题
2.老办法，保留transform属性，但是需要避免在其子元素上使用fixed定位，如果非要使用，那就需要考虑将fixed的元素拿出去，这点其实在VUE3中解决起来很方便。继续记录，在上篇文章中，弹出框遮罩层在ios上没有正确的铺盖全屏，是因为机型的原因，也和我们的代码结构有相关的问题。经过我一层层的排出，最后得出了一个惊人的结论，居然和我的弹出框组件有关，还是最让人意想不到的css的transform属性。点击蓝色方块，展示一个遮罩层：没想到这个遮罩层他又又又被截断了，没有去正确的铺满全屏。
2024-07-21 18:00:40
547
原创 uni-app：踩坑路---scroll-view内使用fixed定位，无效的问题
emmm，说起来这个问题整得还挺好笑的，本人在公司内，奋笔疾书写代码，愉快的提交测试的时候，测试跟我说，在苹果手机上你这个样式有bug，我倒是要看看，是什么bug。安卓vs苹果ok，我相信已经看出了差异了，安卓的遮罩层正常显示，而苹果的遮罩层只在我的绿色框内，被截断了，我赶忙看代码：CustomItem.vue：自定义组件蓝色的正方形，外加上一个遮罩层，点击蓝色方块的时候，显示遮罩层，遮罩层内写我的要展示的一些内容。
2024-07-20 18:27:30
685
原创 记录：通过day.js获取两个日期相差的时间，并转化为年月日的格式
需求：获取两个日期相差的时间，转化为年月日的形式；话不多少，直接放代码。day.js这个日期库真的是很不错的日期库，足够满足日常的开发需求。
2023-11-23 16:15:27
2202
1
原创 记录：如何快捷的从一个对象中取出几个属性组成新的对象
以上这些，其实都可以实现，但是吧，往往在实际的开发中，字段会很多，如果遵照上面的写法吧，行倒是行，就会搞得代码很长，就想再简化简化，于是乎，今天介绍的方法就来了！lodash的pick()方法与omit()的方法;至于安装lodash这些不再说了或者看这个。
2023-11-23 15:55:33
363
原创 关于slot-scope已经废弃的问题
确实写了这api已经是废弃了，那就按它的说法，我们去使用v-slot,至于关于v-slot怎么用,这里就免了吧，毕竟谁还没用过插槽。因为使用了element-ui的组件库，所以在使用组件的时候往往就cv大法了，直到今天用webstorm写代码是，提示了如下的错误。说起来啊，这个问题啊，我之前一直没关注，还是webstorm给我的警告。我这一看，这不行啊，赶紧去查文档。第三种改法：还可以用解构。
2023-08-22 14:02:38
3047
3
原创 如何获取到他人小程序的页面路径
有时候吧，我们会用到小程序之间跳转的业务场景；大部分情况：从公司的一个小程序跳转到公司另外一个小程序。因为我们都属于两个小程序的开发者，所以对于小程序的页面路径，appid等信息肯定都是了解明白的，此时我们利用微信提供的小程序跳转api：uni.navigateToMiniProgram可以很轻易的完成。特殊情况：要从自己公司开发的小程序跳转到他人的小程序，比如美团小程序，京东小程序等等，别人小程序的信息，我们当然是不知道的，鬼知道它的页面路径叫什么。。。
2023-04-12 09:57:49
6083
5
原创 Java：jdk的安装以及hello world
由于本人头发较多，常常被认为是不用功的程序员；故，我来学学Java，希望我变秃了也变强了！首先是java的安装，根据我司java的建议，安装了jdk8与jdk17！因为在众多的版本中，只有java8，java11，java17是长期支持的版本，胜在稳定！稳如老狗！
2023-04-11 17:33:37
652
原创 el-date-picker：选择日期的限制
element-ui作为vue的龙头ui组件库，深受前端开发者的喜爱。本文着重记录如何使用el-date-picker日期选择器，怎么去限制选择日期。先上官网链接---
2023-03-31 14:47:11
5721
1
原创 Egg：使用joi进行参数校验以及注册接口小demo
在阅读这篇文章之前，想必已经对Egg有了初步的了解，至于如何创建一个egg项目之类的，配置mysql数据库之类的等等这里就不再赘述，不知道的可以去egg官方了解--Egg官方文档；本文着重记录在Egg中如何使用Joi进行参数的校验，以及一个小型的用户注册接口开发！本人也不经常写node，所以代码不是很标准可能，还请各位多多包涵！用egg写后端服务的感觉还是很不错的，开箱即用，制定了一系列的规则，按照规则进行代码编写即可，而且具有很高的扩展性，确实还不错！
2023-03-09 17:24:02
774
原创 Vue3：自定义指令以及简单的后台管理权限封装
说起这个自定义指令的使用场景，我第一反应就是，后台管理的权限管理，要问我为什么？就是ruoyi系统用多了😂；本篇就聊聊vue3的自定义指令以及若依的管理权限封装。如果对vue指令还是有点懵，不清楚这是vue哪一块的知识，v-if,v-show,v-for总用过吧？没错，指令说的就是它们，这些都是vue内置的指令，同时vue还允许我们注册一些自定义的指令。既然作为指令，当然有它的一些规则，那么指令的规则就是以v字母开头的驼峰变量，当然这是在中可以这么写。在没有使用。
2023-02-24 16:13:15
4076
原创 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
6056
1
原创 Vue3+Lodash：2023年了，我依然在使用Lodash
前两天，在水群的时候，发现居然有人不知lodash，这可把我吓了一跳，lodash难道都不被前端人所知了吗？Lodash官网。
2023-02-17 14:40:19
9560
原创 vue3：直接修改reative的值，页面却不响应，这是什么情况？
今天看到有人在提问，问题是这样的，我修改了reative的值，数据居然失去了响应性，页面毫无变化，这是什么情况？本着好奇心害死猫的原则，我就看了下，我直呼好家伙！
2023-02-15 15:02:02
3144
原创 uniapp：手把手写一个模糊搜索
模糊搜索的功能是很常见的一个功能，但是在写uniapp移动端项目时并没有发现很好用的组件之类的，所以决定自己小小的造一手，其实早在以前写过一个类似的功能并发布在了插件市场，但是回头再看时，感觉不太行。之后也会发布在插件市场，如果没有bug的话😁；
2023-02-09 16:37:28
2405
原创 React：安装配置使用scss
项目采用creat-react-app脚手架初始化项目，默认采用css语法，但是在隐藏的webpack配置中是支持css，sass，scss的。版本信息：react:18.2.0。
2023-02-02 11:44:05
4177
原创 el-form:自定义校验规则如何传递参数
有时候，我们在写el-form自定义规则时候，有很多字段其实用的就是一个规则，只不过规则又不同而已，举个例子如下。我知道我们可以利用max的属性进行规则的限制，如果不用，需要使用自定义的规则呢？使用自定义规则，有人可能会这么写。这么写的确是可行的，但是一旦更多，就架不住了。。。补充一条rule，补充一个自定义校验方法，这个时候就想着，我能不能传递个参数，只写一个自定义校验方法，这样就好了！
2022-12-29 15:00:17
3107
原创 vue3：安装配置sass
对于前端开发人员来说，css预处理的语言已经是家常便饭了，如sass，less等等，那么在vue3中该如何去使用sass呢?首先看个最基础的页面，木有任何的样式，接下来将一步一步的添加样式！
2022-10-11 15:30:08
13500
1
原创 node：express定义接口接收参数的方式
新建一个node项目，安装express这些等等的都不在多说了,执行命令即可app.js})前端这里我采用了vue3，请求用了axios包，但是并未对axios进行请求的封装，而是直接使用，在真实项目中肯定还是需要封装一下的，嘿嘿！
2022-10-08 16:43:12
1711
原创 node：express解析multipart/form-data数据；上传文件（单文件+多文件）
文件上传的时候，我们会采用multipart/form-data的请求体格式，而express.urlencoded()中间件并不能去解析此格式的数据，因此我们需要去找一个可以解析multipart/form-data格式的包，这里推荐使用multer，npm地址。...
2022-08-31 22:00:00
2630
1
原创 joi：定义多个自定义错误信息
在项目中，提交表单进行字段验证是必不可少的，在node项目中，自己写if else判断非常的繁琐，也不好进行维护，所以我们通常都会引入第三方包joi，来帮助我们进行表单字段的验证。
2022-08-30 21:00:00
1590
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
445
原创 SQL：WHERE子句,LIKE,BETWEEN
我们可以通过 select 字段1,字段2 from 表名称，读取数据。如果需要按照一定的条件读取对应数据，那就需要将WHERE子句加入到select语句中！WHERE 列 运算符 值操作符描述=等于 ,!=不等于>大于=大于等于
2022-08-24 16:18:10
793
原创 SQL基础语句
假设我们现在有这么一个数据表users；字段有4个。id：作为唯一的键，同时也是递增的username：用户名称，varchar类型password：用户密码，varchar类型state：用户状态，tinyint类型，0正常，1异常，设置默认值为0。
2022-08-24 13:43:18
274
原创 推荐神器npm包（serve）:如何不利用后端正式服务，看前端项目的正式运行
大多的情况下，我们在使用了vue也好，react也罢，项目要上线了，前端人员往往都会进行项目打包，执行build命令，会得到一个dist包或者build包，只需要把这个包交给后端人员，部署到正式服务器即可，但是有时候我们想先看看这个build出来包，能不能正常的运行什么的。在左侧可以看到有一个dist文件夹，这是我运行build命令后，得到的，是要交给后端人员放置到正式服务器上的包。现在就到我们刚才安装的serve包登场了，我们在当前dist目录下，运行cmd，输入serve，会看到如下界面。......
2022-08-03 11:14:47
1391
原创 React：前端配置代理解决跨域问题
跨域是一个老生常谈的问题，不再过多的去解释什么是跨域了，着重记录在React项目中怎么去解决跨域，当然对于前端开发而言，绝大部分的跨域问题，都是通过代理的方式解决的！而代理适用的场景是：在生产环境中不发生跨域，但在开发环境中会发生跨域！因此，我们只需要在开发环境中使用前端代理解决跨域即可，又称为开发代理！在React中解决跨域，毫无疑问，也是使用开发代理解决！目录产生跨域问题解决跨域问题：简单方式：复杂方式：举例，我们需要在React项目中使用axios，请求这个网址拿数据页面点击获取数据，在
2022-06-20 14:24:14
6397
1
原创 React：条件渲染的几种方式
目录前言基础配置1. 声明一个函数，返回对应的内容2. 使用元素变量3. 使用三目运算符4. 使用与运算符&&总结完整示例说起来条件编译，可能这个词有一点点陌生，但是如果之前接触过vue写法的话，那就很明白了；就是v-if ,当满足对应的条件，展示对应的内容！那么在React中的条件渲染当然采用的不是v-if,需要用自己React的条件渲染方式！页面展示 页面展示：页面展示：页面展示：页面展示：我这边开发中使用频率比较高的，应该是第三种和第四种： 三目运算符，用于一个值为真或者
2022-06-03 22:15:00
1047
原创 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
4508
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
664
原创 React：使用Refs的正确姿势，三种方式调用
上篇：React：props常用验证_Jay丶千珏的博客-CSDN博客前言：在React中，很典型的父子组件通信方式就是使用props，当时在某些特殊的情况下，我们需要在典型数据流之外强制修改子组件。被修改的子组件可能是一个 React 组件的实例，也可能是一个 DOM 元素。为了更好的解决这个问题，React提供了解决的办法：ref。通过往组件或者dom元素上绑定ref属性，我们可以拿到此实例，以此来解决更多的事情！关于ref的使用场景，react官方中，是这么说的：1. 字符串形
2022-05-23 22:00:00
1296
原创 React：props常用验证
前言：需要注意的是，在React v15.5版本之后，props的验证已经转移到了prop-types库中。如果之前写过vue项目的，在关于组件传值这块，我们一般都会为props设置它的类型，是string或者number或者object等等，还会去给它一个default默认值，如果此参数必传，会把required设置为true等等这些，其实设置这些验证的作用主要是为了更加规范数据，以此来确保我们的程序，组件可以按照预想的那样正常的执行使用，当我们传入不符合验证规则的数据时，控制台就会直接抛出错误
2022-05-20 22:00:00
1670
原创 微信小程序又双叕改获取用户头像昵称的规则了，微信小程序如何去最新获取头像昵称
就最近在写微信小程序项目的时候，发现微信又双叕更改获取用户头像昵称的规则了，我连wx.getUserProfile都还没用上，一直还停留在wx.getUserInfo的阶段，结果告诉我，又改规则了，一点不快乐。。。先看看微信是怎么说的：小程序用户头像昵称获取规则调整公告 | 微信开放社区总结就是：由于某些用户不合理的行为，为了防止你们再这么玩，所以我直接动你们调用的api，给开发者半年的时间，赶快整改。。。我必须得吐槽微信一把，关于获取用户的头像昵称已经更改了这么多次。。。对开发者也...
2022-05-17 17:33:19
3100
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
330
原创 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
439
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人