哥很冷漠-CSDN博客

原创 react setupProxy.js导致项目无法启动

如果是因为添加了setupProxy.js导致项目无法启动，检查此文件中的如下内容。版本如果是2以上就算是高版本，尤其是最新的项目。

2024-03-16 11:30:00 559

原创微信小程序不使用插件，渲染富文本中的视频，图片自适应，plus版本

这是我随便打的，视频链接也更改了（项目保密），结构上每一个p标签是一个段落，视频可能在一个段落中存在多个，处理方案。当我们从后端拿到富文本数据时，我们利用replace方法去修改图片的样式，保证图片与手机宽度保持一致。小程序原生的rich-text不支持渲染视频，所以需要处理后显示，主要用了字符串切割以及匹配。如果富文本出现莫名的空白区域，可能是富文本中包含有换行标签，我们就将。数据上还是有点小瑕疵的，不过不影响使用了。

2024-03-15 14:00:00 596

原创百度富文本编辑器UEditor 图片宽度100%自适应，手机端

修改ueditor.all.js的23774行（左右，不一定）和24533（左右，不一定），不行就搜索。有些时候富文本编辑器的图片在手机端显示超出，没有自动100%

2024-03-14 17:36:58 702

原创微信小程序canvas画布不清晰解决方法

添加以下代码,通过设置分辨率来解决。绘制的图片，文字等十分模糊。按照以上方法即可实现。

2024-03-14 17:34:59 853

原创在vite（vue）项目中使用mockjs

在vite（vue）项目中使用mockjs。

2024-03-14 17:30:18 1617 1

原创 HTML中 video标签样式铺满全屏

video标签默认不是铺满的，即使手动设置宽高100%也不会生效，所以当需要video铺满div时，需要加上一个css样式stylewidth100%;height100%;

2024-03-12 19:16:55 1664

原创 JS时间戳和时间之间转换

【代码】JS时间戳和时间之间转换。

2024-03-12 19:15:23 700

原创 javascript 对象的几种创建方式

在介绍第三种的创建方法之前，我们应该要明白为什么还要用别的方法来创建对象，也就是第一种，第二种方法的缺点所在：它们都是用了同一个接口创建很多对象，会产生大量的重复代码，就是如果你有 100 个对象，那你要输入 100 次很多相同的代码。在使用工厂模式创建对象的时候，我们都可以注意到，在 createPerson 函数中，返回的是一个对象。如果方法的数量很多，就会占用很多不必要的内存。这时候我们就可以使用构造函数模式与原型模式结合的方式，构造函数模式用于定义实例属性，而原型模式用于定义方法和共享的属性。

2024-03-10 08:52:08 821

原创 js中批量修改对象属性

首先，有这个对象需求：同时修改name,id,并添加一个新属性c常规写法：但这种写法遇到批量就会很麻烦解决方法：方法1：Object.assign()常用来拷贝合并对象,相同属性替换，不同属性新增写法：方法2：Object.defineProperties(object,descriptors)参数说明如下：写法：而且这两种写法也不会使vue的reactive失去响应

2024-03-10 08:42:34 520

原创在微信小程序项目中使用mock模拟数据

微信小程序为了让开发者更方便地开发小程序，开发者工具提供了 API Mock 的能力，可以模拟部分 API 的调用结果。之前对mockjs做了一个介绍，以及在js、vue中拦截ajax的方法，介绍是必看的，也是一些基础。2在工具调试面板顶部的 Tab中打开mock，点+新建规则。以下内容是按照官方文档中整理的。3添加规则，按图示的添加即可。这一篇讲讲在小程序中的应用。

2024-03-10 08:38:24 732

原创将base64格式的图片画到canvas上（js和vue两种）

【代码】将base64格式的图片画到canvas上（js和vue两种）

2024-03-09 16:52:40 1050

原创 React配置代理（proxy）

比如请求地址是 http://localhost:5000/api/index/index。假设地址是 http://localhost:5000/api/index/index。在package.json中，添加proxy配置项,之后所有的请求都会指向该地址。使用axios进行请求，而配置代理过程。但这种方法只能配置一次，也只有一个。然后就可以进行请求了。

2024-03-08 19:36:02 849

原创 vue3没有this怎么办?

getCurrentInstance 方法获取当前组件的实例，然后通过 ctx 或 proxy 属性获得当前上下文，这样我们就能在setup中使用router和vuex了。大家不要依赖 getCurrentInstance 方法去获取组件实例来完成一些主要功能，否则在项目打包后，一定会报错的。在vue3中,新的组合式API中没有this,那我们如果需要用到this怎么办?

2024-03-08 19:30:38 762

原创 JavaScript监听按键，禁止F12，禁止右键，禁止保存网页【Ctrl+s】等操作

【代码】JavaScript监听按键，禁止F12，禁止右键，禁止保存网页【Ctrl+s】等操作。

2024-03-07 20:03:25 462 1

原创 vite项目修改依赖不更新，清除依赖缓存

包管理器的 lockfile，例如 package-lock.json, yarn.lock，或者 pnpm-lock.yaml。Vite 会将预构建的依赖缓存到 node_modules/.vite;有些时候我们会直接修改依赖文件，但修改后没有更新，大多数情况下就是被缓存了。package.json 中的 dependencies 列表。可能在 vite.config.js 相关字段中配置过的。用 --force 命令行选项启动开发服务器。vite的缓存只会在以下情况发生时重新构建。

2024-03-07 19:57:00 1360

原创 vite+vue3使用UEditorPlus ，后端PHP

vue-ueditor-wrap@3.x：一个“包装”了 UEditor 的 Vue 组件，支持通过 v-model 来绑定富文本编辑器的内容，让 UEditor 的使用简单到像 Input 框一样。省去了初始化 UEditor、手动调用 getContent，setContent 等繁琐的步骤。之前写了一篇使用UEditor的教程，最近发现一个UEditorPlus，总结一下如何使用。下载仓库的dist文件夹，并放到public下，重命名为UEditorPlus。'后端服务，下面后端的上传接口'

2024-03-07 19:52:47 878

原创第一次不等待、超过间隔时间后不等待的节流函数

网上很多节流函数都是可以实现一段时间内只能执行一次，但第一次点击时需要等待后才会执行。使其在触发函数时能够判断是否需要立即执行。

2024-03-07 19:42:47 329

原创微信小程序webView跳转

（3）h5页面中的日志要使用 alert() 弹出日志，无法查看 console.log()（5）h5存储小程序传递过来的 userId等数据使用浏览器缓存存储，不用一个参数到处携带。（2）h5页面尺寸必须使用rem单位，不然无法做适配（使用HX开发，可以设置自动转化）3、跳转到webView中的H5页面并获取userId。2、创建一个webView页面并接收传递过来的值。4、webView页面之间的跳转与参数获取。1、跳转webView页面，并传参数。（4）h5的跳转h5使用 a标签。

2024-03-07 19:41:00 894

原创 js的导入导出

在 JavaScript 中，可以使用 import 关键字来导入其他模块或文件。而使用 export 关键字则可以将变量、函数等内容从当前模块导出供其他地方引用。

2024-03-06 14:18:25 403

原创 vue3 对于watch的再次理解给响应式变量赋相同值时watch不会被触发。

如果你确实需要触发 watcher，即使赋予了相同的值，可以考虑一些变通的方法，例如为该 property 添加一个时间戳或其他的改变值，确保每次赋值都与之前的值不同。Vue 的设计目标之一是避免不必要的计算和渲染，所以当值没有真正变化时，触发 watcher 没有意义，并可能导致不必要的计算或其他效果。但如果属性被设置为与其当前值相同，那么 watch 的回调不会被触发。上面的代码中，尽管你在2秒后为myVar重新赋值了false，但watch中的回调函数并不会执行，因为其值并没有真正的变化。

2024-03-06 14:14:49 1170

原创 canvas获取视频第一帧生成图片

canvas

2024-03-06 14:13:32 372

原创 Vue 项目中使用 Pinia 状态管理详细教程

你可以根据项目的需要扩展状态管理器以支持更多的状态和操作，以实现复杂的状态管理。在你的 Vue 3 应用中，创建一个 Pinia Store 来管理你的状态。Pinia 是一个用于状态管理的现代 Vue 3 库，它提供了强大的工具来管理 Vue 应用程序的状态。useStore 钩子将管理你的状态，而你可以在任何需要访问状态的组件中导入并使用它。在你的 Vue 组件中，你可以导入 Pinia 的 useStore 钩子来访问和修改状态。步骤 3：创建 Vue 3 应用并使用 Pinia。

2024-03-06 14:08:09 856

原创判断变量是否为数组的几种方法

isArray() 方法用于判断一个对象是否为数组。如果对象是数组返回 true，否则返回 false。用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。通过原型链判断是否具有和数组同一原型链的顶端。所有原始数据类型都能通过该方法判断，具有通用性。3、instanceof 运算符。1、isArray 方法。

2024-03-06 13:55:16 575

原创 vue-lazyload 图片懒加载的原理与使用

图片是非常占用页面渲染时间的，尤其是一些图片比较多的页面，过多的图片可能会造成页面的卡顿，降低流畅度影响用户体验，我们在实际开发中，对于处于视口外的图片，在用户没有滚动到位置的时候没必要渲染，此时我们就需要用到懒加载，让图片延后渲染。二、收集所有img标签转成数组并保存，当然实际开发中，我们对获取方式还要加一些其他条件，避免有些不需要懒加载的图片也被收集进来，这里我就简单点了。vue中有一个插件vue-lazyload，它提供了一个“vue指令”可以完成上面需求。2.main.js中进行引用。

2024-03-05 22:58:50 694

原创【new IntersectionObserver】vue3 数据懒加载

useIntersectionObserver其实就是方便了我们之前封装的那个步骤，如果想要基于这个二次封装也是可以的。new IntersectionObserver 是用于监视元素可见度，所以我们只需要监视数据下方的dom是否可见。vue基于组合式API提供的@vueuse/core插件内的useIntersectionObserver。也可以去MDN Intersection Observer 查看完整配置项和方法。不清楚方法配置项的可以看MDN Intersection Observer。

2024-03-03 01:01:23 567

原创 VUE3 原生JS上传图片（支持多张上传）并实现预览删除功能

有不足的地方请随时指出

2024-03-03 00:56:21 903

原创国际化 Vue-i18n的安装与使用（Vue2.0 / Vue3.0）

Vue-I18n是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。简单来说就是可以帮助用户进行语言的切换”国际化 Vue-i18n的安装与使用（Vue2.0 / Vue3.0）2.在locales文件夹创建 en.json / zh.json。3.在locales文件夹创建 index.js。一、Vue-i18n是什么？4.创建 store.js。

2024-03-03 00:52:48 724

原创【vue】keep-alive清除缓存最简单暴力的方法

2，通过设置keepAlive的true或false来决定该组件是否缓存。监听路由跳转，但监听到跳往的页面是home页时，直接刷新。有ABC三个页面，点击A跳转到B，点B跳转到C；当再从D跳转到B时，B页面并不会更新。先从A跳转到B，B页面会被缓存下来，点C返回B，点B返回A。使用vue开发移动端，

2024-03-03 00:41:46 1027

原创对称加密与非对称加密

这样产生一个加密后的对称密码。（3）解决的办法是将对称加密的密钥使用非对称加密的公钥进行加密，然后发送出去，接收方使用私钥进行解密得到对称加密的密钥，然后双方可以使用对称加密来进行沟通。（1）对称加密加密与解密使用的是同样的密钥，所以速度快，但由于需要将密钥在网络传输，所以安全性不高。1、因为我们的对称密码是使用非对称加密的，因此，想要破解，需要找到相应的公钥才行。对称加密，即采用对称的密码编码技术，他的特点是，加密和解密使用相同的秘钥。1、会使用匹配的私钥解密加密的对称密码，获取到真实的对称密码。

2024-03-03 00:38:41 376

空空如也

空空如也