- 博客(57)
- 收藏
- 关注
RSS订阅原创 uniapp 实现3d轮播图，也就是中间的放大两边的缩小 用swiper和swiper-item就能实现
uniapp 实现3d轮播图，也就是中间的放大两边的缩小用swiper和swiper-item就能实现
2024-09-24 14:18:19
463
原创 uniapp中使用echarts 完整步骤，包括报错以及解决方案
在插件市场里面导入进项目，我这边用的是vue3的以及主要开发小程序，就直接放我的案例了。在我们日常可能会有小程序中要使用echarts，我今天总结了一下整个引入的步骤。有可能导入的时候这个组件没注册，下面我们找下导入的组件位置，手动给它注册一下。按照上面流程可能会不出现实例，可能会获取到的ref为null，这是正常的。找到这个文件的位置，然后我们直接在main.js中注册。按照上面的步骤，在样式部分这样写。下面是main.js部分的代码。然后前面的示例就能出现了。
2024-09-20 14:49:26
632
原创 项目中使用简单的立体3D柱状图，不用引入外部组件纯css也能实现
在一些项目需求中，可能会遇到下面这种场景，3d柱状图来展示百分比，但是又不想引入外部组件，下面就用纯css给大家封装了一个组件。在需要使用的地方直接引入使用就好了，只传百分比，宽高有需要再传。
2024-09-13 16:05:56
459
原创 windows下载nvm并使用合集
下载nvm之前是要把node卸载的，不然会安装不成功下面我先把nvm地址放上按照步骤按照完了一会可以使用一下命令来检查是否安装成功nvm安装成功后会出来版本号下面开始安装node版本，很多朋友一上来直接下载node会报错。
2024-09-09 16:59:26
531
原创 在vue3中，手写父子关联，勾选子级父级关联，取消只取消当前子级，父节点不动！
在项目中，可能会遇到这种场景，比如权限配置的时候，页面权限和菜单权限以tree的形式来配置，而且不用半选，菜单在页面的下面，转载请说明出处！比如说只想勾选页面，而不想勾按钮权限的话，这样是实现不了的，这样我们只能自己实现了，当然，如果不闲麻烦的话可以直接在el-tree上设置。这个是点击复选框触发的事件，里面用到了两个参数，一个是当前点击的内容，另外用到了。这是html部分代码，由于是vue3写的等下我只展示用到的部分代码。data就是树形图数据。
2024-07-09 14:15:58
389
原创 在vue3中，手写父子关联，勾选子级父级关联，取消只取消当前子级，父节点不动
在vue3中，手写el-tree父子关联，勾选子级父级关联，取消只取消当前子级，父节点不动
2024-07-09 14:14:03
647
原创 1.4.15高德地图之点聚合异常报错 vg,ud
报错的原因是因为地图中加入了点聚合，拖动后进行了地图缩放，所以就会出现以下错误，整了大概一天才找到原因，一开始换成了2.0的版本还是不行，后来直接找到了高德的技术支持反馈了，才知道。但是我用的是vue3，不要用 ref 定义，map.value 等这样调用会有问题,就直接定义地图实例的时候用var声明就解决了以上报错。前几天遇到一个这样的错误，就是。
2024-04-29 10:46:46
450
2
原创 在vue3中封装一个文件上传组件
因为在使用场景中可能会用到多个文件上传，如果每个都一个一个写慢慢就堆成ss了，使用方法直接在父组件中v-model就可以简单使用。包括预览，删除，里面都实现了。话不多说，直接上代码。
2024-03-08 15:10:28
530
原创 uniapp 在ios中u-input password显示密码 不生效
uniapp 在ios中u-input password显示密码 不生效
2024-01-10 11:16:13
1287
1
原创 深度掌握GitHub Copilot：提高编码效率的终极指南
GitHub Copilot，作为一款由OpenAI和GitHub合作打造的智能代码助手，正在迅速改变开发者的编码体验。本文将深入研究GitHub Copilot，从安装和基础用法到高级应用和实用技巧，助您充分发挥这一工具在提高编码效率和代码质量方面的潜力。总结GitHub Copilot的核心优势，鼓励开发者将其整合到日常开发流程中，实现更快速、高效的编码体验，并展望GitHub Copilot未来的发展前景。
2024-01-05 14:56:51
1013
原创 深度解析Webpack：现代前端工程化的利器
前端工程化是当今前端开发的不可或缺的一部分，而Webpack作为其中的瑞士军刀，在项目构建和优化中扮演着至关重要的角色。本文将深度解析Webpack，从基础概念到实际应用，为前端开发者提供全面的学习指南，帮助他们充分发挥Webpack在现代前端工程化中的威力。总结Webpack在前端工程化中的作用和价值，鼓励开发者深入学习和理解Webpack，从而更好地应对复杂的前端项目和不断变化的技术栈。
2024-01-05 13:57:17
670
原创 深入理解JavaScript闭包
这种特性使得函数在其定义的作用域之外执行时，仍能够保持对定义时的作用域的访问权。JavaScript中的闭包是一种强大而又常见的概念，它为开发者提供了一种灵活而有效的方式来处理变量作用域。总结闭包的概念和工作原理，强调在JavaScript开发中正确使用闭包的重要性，以提高代码的可维护性和性能。探讨JavaScript的词法作用域是如何影响闭包的形成和工作的，以及闭包是如何捕获外部变量的。讨论闭包可能引发的内存泄漏和性能问题，并提供一些建议和最佳实践，以确保良好的代码质量。
2024-01-05 13:55:28
387
原创 在vue3中使用Cesium保姆篇
当然我们如果在项目中使用三位地图的话肯定不要左下角的的logo的，由于cesium的api没办法关闭，所以就只能用css样式来控制了，代码中用到了cesium的token,如果不知道token在哪取的话可以看这篇文章。在cesium中用到的坐标是笛卡尔坐标，所以我们的经纬度需要进行转换后才能使用。这样可以让logo隐藏掉但是，由于是在vue3中， v-deep已经废弃了，当然，这个是写在组件加载后的，自然还要引入onMounted。在里面引入刚才下载的插件并使用，代码如下。暂时更到这里，后续还会更新。
2024-01-05 11:22:48
6490
原创 vue3中使用::v-deep报错 ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)
【代码】vue3中使用::v-deep报错 ::v-deep usage as a combinator has been deprecated. Use :deep()
2024-01-05 09:12:08
844
1
原创 （基础篇）通过node增删改查连接mysql数据库
一定要会最基础的sql建表一定要会最基础的sql建表一定要会最基础的sql建表首先说一下准备工作一、准备工具1.mysql数据库+Navicat可视化工具（数据库表单已经建好）我这里用的小皮工具直接开启的本地mysql2.vscode (不用说基本上都有)3.node.js 环境 (自行安装)二 、准备工作1.再vscode中新建文件夹，右键文件夹选择集成终端中打开2.输入初始化命令：npm init -y3.安装express 模块：npm i express。
2023-12-14 16:43:39
116
原创 web前端在vue中通过海康插件嵌入视频，实现实时预览以及视频回放功能
web前端在vue中通过海康插件嵌入视频，实现实时预览以及视频回放功能
2023-11-27 11:07:36
3600
10
原创 在vue中实现横向滑动盒子以及点击滑动盒子
在我们平时的项目需求中可能会遇到这样的需求，就是多个数据，同时只能展示出3个，这时候就该用上我们的滑动了，先设置css样式。因为一次性改变它的scrollLeft 会给我们一种卡顿的现象，所以在移动的时候我加了一些处理，这样看起来更平滑，更顺畅。/* 超出滚动的关键，没有它元素会自动缩小，不会滚动 */下面是子盒子,子盒子的数量一定要大于3个，flex-shrink很关键。以上便能够实现盒子内的滑动了，如果想多加上一些功能的话，看下面。
2023-11-09 17:23:12
1166
原创 vue2与vue3中nextTick()用法
nextTick()，延迟代码执行，是将回调函数的逻辑延迟在下一次dom更新后调用，简单的理解是：当数据更新时，在dom渲染后，自动执行该函数。
2023-10-24 15:08:58
684
原创 如何看待程序员不写注释
程序员对代码注释可以说是又爱又恨又双标……你是怎么看待程序员不写注释这一事件的呢？不写注释是程序员界内的一个持续争论话题。有些程序员坚信注释是必不可少的，因为它们可以帮助其他开发人员理解代码、维护代码，甚至是自己在一段时间后回顾代码。另一方面，有些程序员可能不写注释，因为他们认为代码本身应该足够清晰和自解释，以不需要额外的解释。
2023-10-18 13:51:46
73
原创 使用a-select组件实现多数据源远程搜索下拉框
前段时间写了一个用ele的组件有默认展示的数据，也能下拉触底加载新数据，然后搜索也能实现搜索远程数据，如有需要请看。按照以上步骤就可以实现简单的远程搜索，但是这个是默认没数据的。下面是组件中用到的方法，为了提高性能代码中用到了防抖。是在vue2中使用的先看data中的数据组件的。然后这个相对于那个实现起来简单一点。
2023-10-18 13:45:34
796
原创 在vue中引用百度地图并实现搜索到达目的地并添加标记点
首先想要在vue中使用百度地图肯定要先引入，可以直接看百度地图官方api。然后直接到vue组件中来使用。
2023-08-10 16:12:55
909
原创 分享一个有用的知识，在表单外部控制表单内部的校验，还有自定义校验规则
在validator的回调函数中可以自定义规则，满足条件直接callback(),否则将错误的发送出去。表单里面的clearValidate(['xxCoordinate'])就是删除对应的验证。然后再说一下如何通过按钮或者监听其他属性来消除这个校验的。
2023-08-10 15:24:34
77
原创 队列(Queue)的基本结构
定义： 队列(Queue) 是一种只在表的一端进行插入，而在另一端进行删除的数据结构。队头(front) 允许删除的一端，永远指向第一个元素前一个位置。队尾(rear) 允许插入的一端，永远是指向队列最后一个元素先进先出(First In First Out)的线性表，简称FIFO表空队列 当队列中没有元素上溢和下溢当队列满时再入队会产生空间溢出，简称“上溢”;当队列空时再出队也会产生溢出，简称“下溢”。上溢是一种出错状态，应该避免；下溢则是正常现象。
2023-03-26 20:20:42
789
原创 web前端面试题-基础篇总结超全超详细
目录JavaScript常见字符串方法、数组方法、对象方法一、数组常用方法汇总二、关于对象的问题三丶字符串的方法js检测数据类型的方法一.JS中的数据类型：二、检测数据类型的方法：js原型链ES6新的数据类型和应用场景深拷贝、浅拷贝和应用场景2.浅拷贝和深拷贝的适用场景2.1 浅拷贝和深拷贝的前端应用宏任务和微任务什么是递归？应用场景什么是递归？递归的概念递归的步骤经典案例 1： 求和经典案例 2： 斐波拉契数列经典案例 3： 爬
2023-03-16 20:55:47
166
原创 Vue2基础知识vue⽣命周期,⽗组件和⼦组件⽣命周期钩⼦执⾏顺序是什么??
Vue2基础知识vue⽣命周期,⽗组件和⼦组件⽣命周期钩⼦执⾏顺序是什么??
2023-03-08 08:02:40
287
原创 网络协议TCP/IP模型
DNS解析 (域名解析服务器) 将域名转换成ip地址假定请求的是 www.baidu.coma)首先会搜索浏览器自身的DNS缓存(缓存时间比较短，大概只有1分钟，且只能容纳1000条缓存b) 如果浏览器自身的缓存里面没有找到，那么浏览器会搜索操作系统windows自身的DNS缓存c) 如果还没有找到，那么尝试从hosts 文件里面去找d)在前面三个过程都没获取到的情况下，就递归地去域名服务器去查找(就近查找)，具体过程如下。
2023-02-28 21:17:30
881
原创 HTTP中的强缓存与协商缓存
浏览器缓存、页面本地缓存等等，有一个良好的缓存策略可以减低重复资源的请求，降低服务器的开销，提高用户页面的加载速度。上面提到的强缓存都是由本地浏览器在确定是否使用缓存，当浏览器没有命中强缓存时就会向服务器发送请求，验证协商缓存是否命中，如果缓存命中则返回304状态码，否则返回新的资源数据。强缓存和协商缓存如果同时存在时，会去先对比强缓存是否还再有效期，如果强缓存还在有效期内则直接使用强缓存，否则协商缓存生效，即。的规范，用于表示资源的过期时间的请求头字段，值是一个绝对时间，是由服务器端返回的。
2023-02-28 21:14:50
193
原创 二进制的计算
计算机最喜欢的数字就是 0 和 1，在 CPU 的世界中，它只认识这两个数字，即使是强大的操作系统，也都是由 0 和 1 组成的。作为一名软件开发者，入门学习的内容可能就是认识这 2 个既简单、又强大的数字。但是大部分人，对于二进制、二进制计算、原码、反码以及补码的认识，仍处于机械的强制记忆阶段。尤其是对一些编码和计算，仍然处于模糊的认识阶段，例如：CPU 是如何表示负数的？为什么补码可以用来表示负数？一个 8 位的二进制数，最小值为什么是 -128，而不是 -127？
2023-02-28 21:11:33
1161
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人