- 博客(79)
- 收藏
- 关注
RSS订阅原创 vue2/vue3实现图片预览
v-viewer是一个基于Viewer.js的 Vue 图片查看器插件，提供了便捷的 API 和 Vue 组件封装，能够快速实现图片预览功能。Viewer.js是一个轻量级、易于集成的图片查看器，支持图片放大、缩小、旋转等功能。
2024-11-14 09:25:25
946
1
原创 Nest.js实现一个简单的聊天室
本文将介绍如何使用 和 实现一个简单的实时聊天应用。后端使用 和 ，前端使用 并集成 。这个项目允许多个用户同时加入聊天并实时交换消息。效果图：二、后端：Nest.js 实现 WebSocket 服务1. 创建 Nest.js 项目首先使用 CLI 创建一个新的 Nest.js 项目：选择使用 或 进行依赖管理。在项目中，安装 WebSocket 和 相关的依赖包：3. 创建 WebSocket 网关在 目录下创建一个 模块，并在该模块中创建 WebSocke
2024-09-27 09:33:07
733
原创 免费的 H5/PC 地图打卡 —— 功能代码及实现指南/功能代码已上传
通过天地图的免费 API 和 Vue.js 框架，我们可以轻松实现一个 H5/PC 端的打卡功能。本项目中的关键功能包括用户位置获取、坐标转换、距离计算和地图标记等，适用于需要位置打卡功能的业务场景。代码已上传，欢迎交流和优化。
2024-09-24 09:17:56
847
原创 解决微信小程序2M大小的限制
非常难受，于是我开始寻找其他方法终于让我找到了，就是通过HBuilder X编辑器进行直接发包到微信小程序平台，不会启动微信开发者工具，从而绕过这个体积大小校验。原因：最近在优化公司的微信小程序代码中，发现真的牛逼，把代码体积大小卡的刚刚好，所有的ui组件都是全部导入，导致我加一点点代码，通过微信开发者工具都会上传不了。最后选择发行，如果遇到报错，说你的ip不存在，则需要将报错的ip给添加到ip白名单里即可！HBuilder 编辑器左上角操作栏选择发行===》小程序微信。最后希望大家都能成功。
2024-07-25 15:22:17
943
原创 uni-app/vue项目如何封装全局消息提示组件
在项目目录下新建components文件夹，里面放两个文件，分别是index.vue和index.js.同理 这个方法也适用于Vue项目不止是uni。
2024-07-10 09:12:14
1171
3
原创 Echarts实现动态背景
echarts官网我确实没看到可以用那个api，可能是没写出来，没去看源码，有大佬知道的话，可以在下方留言！最近在公司工作中，遇到一个图表的需求，要求实现背景图是可以动态跟随最高点而改变位置的。好玩的是，我实现了效果，但是没在官方配置项看到我这个用法的出处，所以记录一下。下面是计算offset的方法，用来最大点位置整个x轴的相对位置。话不多说，配置项也没什么好解释的，直接上代码！这样就可以实现背景色动态跟随变化了。
2024-06-21 09:43:57
490
原创 创建一个react项目(redux,router,store,axios,antd)最后有项目地址
原始项目目录结构只保留App.js,index.css,index.js这个三个文件。在src/store新建modules/user.js和index.js。第一步：修改src/pages/Login/index.js文件。在src/utlis下新建request.js和index.js。在src/pages/Login下添加index.scss。覆盖src/pages/Layout/index.js。修改src/store/modules/user.js。src/router下新建index.js。
2024-05-09 16:21:53
1115
1
原创 create-react-app项目配置@绝对路径快捷方式
因为可能后面我们的项目很很多很大，项目层级比较复杂，为了防止文件路径引用的错误，我们可以使用@/这种方式来减少犯错误的可能。
2024-04-29 13:41:25
599
原创 创建一个electron-vite项目
然后进入目录，下载包文件，运行项目到以上步骤，你已经成功运行起来一个 electron项目。拓展知识：接下来 我们可以给他删除不必要的文件，添加ui组件库，添加router管理，添加axios请求。
2024-03-18 15:53:14
1625
4
原创 解决多选删除页面不同步问题
2，删除接口不支持传多个id，这就是接下来我们要处理的情况，利用promise.all来解决，亲测有效，接下来尽量用最通俗的语言和代码为大家解释！1，删除接口支持传多个id，这是最理想的方法，建议大家积极与后端进行沟通解决。之后只需要判断接口回调刷新页面即可！
2023-11-24 10:59:51
669
原创 crypto-js 加密、解密使用方法，复制就能用
根据和后端商议的算法来决定你要使用的方法，目前用的比较多是AES和DES。1、 写入vue项目根目录下的main.js中，实现全局注册使用。单独在js中封装一个js存放这个方法，后期使用再引入。
2023-07-26 14:50:16
9969
1
原创 element中el-input组件限制输入条件(数字、特殊字符)
【代码】element中el-input组件限制输入条件(数字、特殊字符)
2023-07-24 14:58:35
10253
原创 最简单的大屏适配解决方案---autofit.js
在工作开发当中，我们避免不了要去做大屏。那么做大屏其实最难的点和最核心的问题就是适配，下面为大家介绍最好用的大屏解决方案——autofit.js。以上使用的是默认参数，可根据实际情况调整，参数分别为* - renderDom（可选）：渲染的dom，默认是 "#app"，必须使用id选择器* - designWidth（可选）：设计稿的宽度，默认是 1920* - designHeight（可选）：设计稿的高度，默认是 929 ，如果项目以全屏展示，则可以设置为1080。
2023-07-10 23:56:56
8543
16
原创 VUE项目打包成apk
需要下载一个HBuilder X编辑器，不过我相信大家身为前端开发工程师，都会有，但是下面我还是会放一个下载地址，以防有些同学没用过uni开发。在我们的开发需求中，可能会遇到需要将vue项目中的H5代码打包成一个安卓的app，那么我为大家介绍一套保姆级的解决方案，看完你就会。这里会告诉你你打包好的文件apk会放在哪里，之后安装测试即可。编辑器，新建一个5+App的项目。
2023-07-07 20:59:31
2909
1
原创 VUE使用v-html解析失败和解决方案
有些时候我们拿到后端返回内容进行v-html解析的时候，会发现解析之后，页面展示的还是html内容，我分析了我遇到的情况，希望能帮到大家。我们自己封装一个方法将传入的内容先进行转换，然后在初始化或者需要展示数据的时候对里面的数据内容进行覆盖操作。：是因为后端返回数据的时候没有对内容进行html做转义，导致页面输出了HTML的代码。就是转换方法，我贴在下面，大家粘贴使用即可！
2023-06-26 21:08:46
4085
2
原创 uni-app打包项目部署线上出现白屏
当我们的项目采用uni-app的h5一键打包方式后，部署到线上服务器后会显现白屏情况，可能是我们的基础项目路径设置的不对，导致找不到文件，以至于访问白屏。2.找到web配置 将运行的基础路径修改为 “” （注：要放在你项目文件的根路径之下）1.找到uni-app的工程文件的。那么我们改如何解决呢？
2023-05-25 01:03:29
3887
原创 vue修改当前页面query参数
最近在项目中手写分页器（为什么手写，因为对分页器样式外观要求比较严苛），遇到一个需求，就是我们在点击分页的时候，再进入详情，之后回退希望能够回到之前的页码值。解决这个需求，个人总结了两种方法。
2023-04-25 15:49:01
3212
原创 Jquery项目中使用vue.js和element-ui
大家在工作的情况中，可能会遇到之前的老项目采用jq书写，或者修改或者新增功能在jq中，原始jq的项目,代码可维护性很差,一个页面几千行jq,可维护性很差,工作量巨大，所以这个时候大家可以引入vue.js。到这步，就说明我的vue实例创建成功可以使用vue的语法和生命周期函数了。在自己的js文件代码中创建一个vue实例，测试一下。注意：vue.js要在jq.js之前引入。第二步：创建一个vue实例。这里给大家提供两种方式。
2023-03-10 16:43:34
2260
原创 VUE跳转外部链接和网页的方法
但是我们发现这样打开有时会出现一个很大的问题："我们打开的外部链接会自动拼接我们的源地址，导致网址链接不正确，无法正常访问"外部链接 b：打开方式（“_blank”新开一个窗口；“_self”覆盖当前窗口）1、有时我们在轮播图中会遇到点击图片进项跳转到第三方网站。2、或者拿到后端返回的url中要进行跳转。4.下面代码复制就能自己用！
2023-03-02 14:54:42
18318
7
原创 js判断字符串是否为json字符串
我们在开发中，可能会遇到后端返回的值有些是json字符串有些不是，这样我们在渲染或逻辑操作过程中就会报错！这里最好建议大家尝试与后端沟通确定好返回的格式，这样就不需要自己去操作了。1、通过模块化，将这个方法给单独封装起来，在需要的页面进行引用即可！所以我们要对将所有的json格式全部转换为普通的string。import {type} from "你存放方法的文件路径"4、最后我们的值都会变变成不需要额外操作可以正常使用的字符串！这边我封装了一个方法，大家可以。
2023-02-15 14:34:21
7684
原创 uni-app打开第三方地图软件进行导航
恭喜你做完如上步骤就可以实现地图导航的功能。2.选择完成后，跳转第三方软件。1.点击图标弹出弹框进行选择。注意此代码只适用于小程序。3.在第三方软件进行导航。和一打开的地图的经纬度，是目地点的经纬度，其中的。APP 不兼容。是图标的图片引入路径。
2023-01-05 13:30:11
5788
13
原创 uni-app顶部下拉选择框自定义（手写tabList)
这边建议大家去我的github仓库中拉取，然后进行修改 把我这个当作基础框架 这样比较简单 也不需要自己造轮子。大家可以自己定义去修改 然后里面的内容就在下面的3个数组去修改就可以了 点击事件为。里面的内容也有对应的高亮切换效果 高亮颜色样式可自己外部传入。点击不同的tabList展示不同的盒子 盒子做了动画效果。当我们点击遮罩的时候这个弹框也会自动关闭。如若搬运，请挂上我的博客链接，创作不易。
2022-12-27 15:14:26
1223
3
原创 Pinia使用笔记
defineStore函数用来定义一个状态，返回一个使用状态的函数。我们把状态定义在在/src/store/index.ts文件内，当然也可以定义在其他文件内，并且defineStore可以定义多个状态集合// useStore 可以是 useUser、useCart 之类的任何东西// state：定义状态count: 0}),// getters：与vuex一致，类似于computer},// actions：与vuex一致，用于修改状态}}})复制代码。
2022-09-28 15:41:36
2446
原创 Echarts 的各个配置的项的含义
原文连接最近要做一个Echarts 配置的工具类, 所以来具体的了解一下Echarts 的各个配置的项的含义。
2022-09-01 10:54:27
389
原创 uni-app和微信原生小程序的工具请求文件
点击链接保存，或者复制本段内容，打开「阿里云盘」APP ，无需下载极速在线查看，视频原画倍速播放。「uni-app请求工具文件」
2022-08-22 20:08:52
221
2
原创 富文本编辑器-----Vue2Editor
2 在mian.js中进行全局注册或者局部组测。总结：为大家整理了最简单易用的方法！这里为大家介绍一款简单易用的富文本编辑期。3 直接在要使用的页面进行使用就好。感兴趣的可以去查阅详细资料。1 下载这个富文本编辑器。......
2022-08-17 17:50:18
845
原创 Element-ui配合vue上传图片
http-request是自定义上传 我们正真意思上的上传大多数都是采用这个函数 在这里面进行真正的图片上传 也可以上传第三方服务器进行资源代管理。before-upload是文件上传是触发的函数方法 我们大多数会在这里面进行图片的各种校验 大小，类型等。on-remove这个属性时文件被删除时执行 一般我们在这里面进行数组的筛选 让它保证为最新数组。on-change当文件被选择时就会触发这个函数方法 这里面我们可以操作我们我们哪些被选择的文件。首先大家先看一个饿了吗ui文档的各个钩子函数的介绍！...
2022-08-03 14:29:34
1814
2
原创 VUE树形结构递归的方法函数和自定义图片备用指令
自定义指令：这个是自定义图片错误备用指令 当图片SRC属性加载出错时 会执行这个指令在这个自定义指令后面放我们的备用图片 若时本地图片则需要使用require属性引入。传入两个参数 分别是需要处理的数据和第一个初始节点的数值，children为子节点。...
2022-08-02 09:15:04
175
原创 webpack的打包流程是什么？
1.初始化一个管理包yarn init2 、安装使用webpack所需要的依赖包yarn add webpack webpack-cli -D3、 在package.json文件中配置scripts(自定义命令)scripts: { "build": "webpack"}4、将新建的打包文件引入webpack的默认打包入口src/index.js中5、在根目录下执行yarn build命令打包 当执行了打包命令后：webpack 首先会去webpack.config.js中去查找是否有
2022-06-20 09:10:01
4533
原创 VNode 是什么？优点？什么是虚拟 DOM？diff算法？
是什么？在vue.js中，Vnode是一个类，可以生成不同类型的vnode实例，而不同类型的vnode表示不同类型的真实DOM元素。VNode的全称是Virtual Node，也就是虚拟节点；事实上，无论是组件还是元素，它们最终在Vue中表示出来的都是一个个VNode。我们可以把vnode理解成JavaScript对象版本的DOM元素。渲染视图的过程是先创建vnode，然后在使用vnode去生成真实的DOM元素，最后插入到页面渲染视图。优点？兼容性强，不受执行环境的影响。Vnode 因为是 JS 对象，
2022-06-20 08:54:34
1014
原创 谈谈事件委托的理解？
JavaScript 事件代理则是一种简单的技巧，通过它你可以把事件处理器添加到一个上级元素上，这样就避免了把事件处理器添加到多个子级元素上。当我们需要对很多元素添加事 件的时候，可以通过将事件添加到它们的上级元素而将事件委托给上级元素来触发处理函数。这主要得益于浏览器的事件冒泡机制。事件代理用到了两个在 JavaSciprt 事件中常被忽 略的特性：事件冒泡以及目标元素。优点：1、减少事件注册，节省内存。比如，2、在 table 上代理所有 td 的 click 事件。3、在 ul 上代理所有 li 的
2022-06-16 21:57:21
215
原创 js 数组去重，能用几种方法实现
1、使用 es6 set 方法 [...new Set(arr)]let arr = [1,2,3,4,3,2,3,4,6,7,6]; let unique = (arr)=>[...new Set(arr)]; unique(arr);//[1, 2, 3, 4, 6, 7]2、利用新数组 indexOf 查找 indexOf() 方法可返回某个指定的元素在数组中首次出现的位置。如果没有就返回-1。3、for 双重循环 通过判断第二层循环，去重的数组中是否含有该元素，如果有就退出第二 层循环，如果没有 j
2022-06-16 21:53:33
470
原创 Vue 和 jQuery 两者之间的区别是什么？
1、jQuery 介绍： jQuery 曾经也是现在依然最流行的 web 前端 js 库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的 js 库所代替，随着浏览器厂商对 HTML5 规范统一遵循以及 ECMA6 在浏览器端的实现，jQuery 的使用率将会越来越低2、vue 介绍： vue 是一个兴起的前端 js 库，是一个精简的 MVVM。从技术角度讲，Vue.js 专注于 MVVM模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来，通过对数据的操作就可
2022-06-16 21:39:53
13212
2
原创 Vue 的最大的优势是什么？
Vue 作为一款轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快，并且作者是中国人尤雨溪，对应的 API 文档对国内开发者优化，作为前端开发人员的首选入门框架1. 为什么要学Vue？ Vue市场占有率非常大 2. Vue是什么？Vue是一个【渐进式】的JavaScript框架【渐进式】意思是虽然Vue功能很丰富，方法很多，但是并不需要掌握全部的知识点，按照项目实际需要，掌握其中20%常用的知识点就能满足日常开发80%的需求。3. 框架和库的区别？ 【库】独立于你代码之
2022-06-16 21:31:33
9528
9
原创 common-JS 中的 require/exports 和 ES6 中 import/export 的区别是什么？
commonJS 模块的重要特性是加载时执行，及脚本代码在 require 的时候，就会全部执 行。一旦出现某个模块被“循环加载”就只输出已经执行的部分，还没有执行的部分是不输出的 ES6 模块是动态引用，如果使用 import 从一个模块加载变量，那些变量不会缓存，而是成 为 一个指向被加载模块的引用,import/export 最终都是编译为 require/exports 来执行的require/exports来自野生规范当中，即这些规范是JavaScript社区中的开发者自己草拟的规则，得到了
2022-06-15 13:02:57
361
原创 什么是中间件？
其实就是一个个的函数, 当调用 next 时, 才会执行下一个中间件函数 express 是一个自 身 功能极简，完全是路由和中间件构成一个 web 开发框架：从本质上来说，一个 express 应用就是在调用各种中间件函数。 封 装了一些或许复杂但肯定是通用的功能, 非内置的中间件需要通过安装后，require 到文件就可以运行Express中间件的类型路由器级中间件，例如：router.use内置中间件，例如：express.static，express.json，express.urlenco
2022-06-15 12:57:38
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人