- 博客(35)
- 收藏
- 关注
RSS订阅原创 vue3+高德地图实现，创建和编辑多边形、圆形覆盖物（完整实现）
* 修改电子围栏 */// 暂存数据 用于提交时做数据比较// 用于判断是否有改动。
2024-08-16 11:47:06
1866
原创 vue3中引入高德地图初始化，并添加、删除marker
的第三个参数[150,60,60,60]控制上下左右的距离，防止边缘被遮挡。markers：用于存储已添加的marker的标记和实例。获取到要删除的marker的ID信息，此处用上之前定义的。markersList：marker实例，用于批量添加。的获取，进入高德地图开发平台--控制台，复制自己的。以上就是本期文章全部内容，如需了解更多高德地图使用。图标和文字，并绑定图标的点击事件（多个）用于配置使用的插件，可自行按需配置。如果有多个页面使用到地图，可以在。的数据，至少有经纬度，若有多个。
2024-08-16 11:41:40
1177
2
原创 vue3+websocket的创建和使用，页面刷新、浏览器进入后台保持长连接
最近一期的项目使用到了，原因当然是因为长连接的特性，可以让网页实时接收到最新数据并更新页面。区别于，只能由用户端发送请求，服务端给出响应。开整！
2024-08-16 11:31:15
1813
原创 vue3+Element Plus功能组件封装——登录（用户名，密码，验证码，记住密码，登录正则验证）
* 登录模块 */})//标识表单//正则验证规则} else {callback()callback()} else {callback()} else {callback()}],}],}]})
2024-08-13 16:30:10
655
原创 vue3+Element Plus功能组件封装——顶部导航（动态渲染+样式调整）
网页顶部的导航栏，一般由代码动态生成菜单数据在文件内统一配置，方便增删改查，导入后可自动生成导航菜单代码如下。
2024-08-13 16:27:02
1413
原创 vue3+Element Plus功能组件封装——表格（含分页。一次性获取数据；分页获取数据）
①通过以下ColumnData的配置可实现表格的渲染，tableData为网络请求的数据；②可动态配置表格的多选和分页；③可通过width参数自由设置列宽，表格高度；④action为表格配置操作事件；⑤tooltips用于点击切换表格指定单元格的文本，并通过配置tooltipDisable切换状态，动态配置样式，溢出显示省略号，鼠标移入可展示完整文本；⑥上述点击事件为通过经纬度逆地址编码获取的位置详细信息，感兴趣可点击文章链接；⑦css部分，可通过:deep(）选择行的修改表格样式；
2024-08-12 14:39:50
986
原创 vue3+Element Plus功能组件封装——条件搜索（输入框（可新增删除），下拉选择框，日期选择）
后台管理做多了，会发现无非就是一些，表单和表格，没什么新东西，直接套模板即可，下次遇到直接用，别再重复造轮子了，多花点时间推升自己！
2024-08-12 14:37:56
1135
原创 vue3中使用i18n实现中英文切换，引入封装+全局切换
前言名称由来：全称是 internationalization，插件名取了首字母 i 和尾字母 n，中间一共有 18 个字母，所以组合起来就叫 i18n。作用：通过手动配置多种语言的翻译，且可快速切换。正文开始↓。
2024-08-06 17:20:00
1391
原创 完美解决浏览器的输入框自动填入时，黄色背景问题，以及图标被遮住问题（最新）
这里有一个误区，阴影和背景色不同，调整那个1000px会发现它作用范围很广，且不在输入框内，具体的原因暂时也没参透，总之把黄色背景给消除了。密码框同样如此，不在一一赘述，至此，成功的解决了自动填充出现背景色影响用户体验的问题。首先用代码解决黄色背景问题，box-shadow颜色设置透明即可。但问题来了，自动填充时输入框为透明，那么图标也没了。图标和文字一定要是分开的，我们通常会使用。此时，图标应该是在输入框内部。我们来看下dom元素的构成。接下来怎么处理图标？中，那把图标拿到外部。但现在不用，我们使用。
2024-08-06 14:28:43
792
原创 vue3实现el-table导出为excel表格（亲测可用）
✅ 作者 : 布克吉（微信公众号同名）🍎简介 : 专注于前端开发，微信小程序，后台管理（Vue+React）本博客主要用于分享前端技术知识，更多内容请看下方👇✨人生态度 ：☀️Eventually everything will be fine！☀️。
2024-05-11 17:34:04
3524
原创 创建web项目和插件的封装使用记录（vue3）
对于带有路由鉴权的网页第一种方法是，导航菜单信息登录后由服务端返回。用户提交用户名和密码等凭证给服务端进行身份验证。服务端验证用户身份后，会检查该用户的角色和权限。这些权限信息通常与系统中的角色权限管理关联，每个角色预设了一组可访问的资源和页面。验证通过后，服务端会将用户的权限信息、角色信息或者直接是定制化的导航菜单数据发送回客户端。这一步是为了让前端知道当前用户可以访问哪些功能或页面。前端处理:前端接收到这些数据后，会根据权限数据动态生成导航菜单，只显示用户有权限访问的菜单项。
2024-04-29 16:07:30
794
原创 react-dom-router6 动态渲染路由+路由拦截
动态渲染，顾名思义就是在数据发生改变时根据已有的逻辑自动调整，以不变应万变。第一可以让代码面对复杂的业务需求时，更加灵活和易于维护，第二看起来也更加美观。
2024-03-18 15:22:05
3670
原创 Vue+ElementUI后台管理项目问题方法总结
找了很多方法，只有这个最简单，只是不兼容IE浏览器//最外层div.list{//227px 为按情况修改的自适应子元素的宽度//行间距和列间距。
2024-03-12 16:52:45
1196
原创 antd表格和分页组件的使用+动态调整表格纵向滚定距离
✅ 作者 : 布克吉（微信公众号同名）🍎简介 : 专注于前端开发，微信小程序，后台管理（Vue+React）本博客主要用于分享前端技术知识，更多内容请看下方👇✨人生态度 ：☀️Eventually everything will be fine！☀️我们在做表格展示数据时，条数多的时候，可能会需要滚动条和分页。
2024-03-12 16:47:40
1014
原创 js正则表达式功能集锦（个人经验版）
✅ 作者 : 布克吉（微信公众号同名）🍎简介 :入行两年，专注于前端开发，微信小程序，后台管理（Vue+React）本博客主要用于分享前端技术知识，更多内容请看下方👇✨人生态度 ：☀️Eventually everything will be fine！什么是正则？正则表达式是由一些具有特殊含义的字符组成的字符串，多用于查找、替换符合规则的字符串。在、Url映射等处都会经常用到。简单来说就是，以一段简单又复杂的字符串验证变量，省去逻辑判断，减少代码量。
2024-02-28 13:53:09
1020
原创 apache使用和apache配置ssl证书
检查问题：cmd命令行打开apache下的bin文件，输入httpd.exe启动，可以看到报错细节；关于apache配置ssl证书，网上有很多重复的文章介绍，但我还是决定自己记录下来，Apache服务器配置SSL证书步骤及问题记录_apache ssl-优快云博客。如果一切顺利，重启apache服务，到这里域名访问就可以带上一把小锁了。可能直接报错文件指定行配置错误，按提示修改即可，或者直接注释报错行。做的多了，发现其实很简单，记录一个好习惯：修改配置文件前一定要。最后带上我的启蒙文章，分享给大家。
2024-02-23 15:47:07
1323
原创 React+antDesign后台管理项目问题总结
1.阻止页面回退2.阻止表单自动填充3.鼠标键盘无操作超时自动退出登录4.验证两次密码输入一致性问题5.修改state数据后异步执行函数6.ant design设置table列宽不生效问题7.解决react中点击事件带参数会立即执行问题8.打包后部署到服务器上没有页面(报错404)
2024-02-23 15:44:03
992
2
原创 Element表单输入框失焦向服务端验证(Vue实现)
主要原理通过rules中的validator 函数回调实现，CheckAttributes为接口函数，根据请求结果判断输入框内容是否已存在，再通过callback(new Error('数据已存在的提示词')))：无论返回结果是什么，都要加上else{ callback() } 形成一个闭环，前言：一般情况下，表单的作用为：输入数据->正则验证格式->提交到后端数据验证。而遇到输入项较多时，如果费老大劲把数据填完，提交返回。本文介绍表单输入数据，失焦立即验证内容。
2023-09-18 08:30:00
792
原创 php新增xml子节点并添加属性，修改属性（方法和实例）
分析：此时$DstXML是字符串类型，因此使用php内置方法将其转为XML对象，再获取父节点APPList，然后直接使用方法添加节点和属性，最后使用asXML()方法将xml对象转为xml文本。1.需求：在APPList节点内增加若干个子节点，并为其添加(修改)属性。此方法不会对内容进行解析，而以原格式传输，以下为php语法做了一个封装。节点添加属性->setAttributeNode。父节点添加子节点->appendChild。创建子节点->createElement。
2023-08-31 21:16:41
376
原创 echarts实现3D柱状图（视觉层面）和3D饼图
立体图形从一个方向只能看到三个面，于是我们通过echarts图表实现 顶部，明面，和暗面。更多参数配置，前往echarts官网查询，
2023-06-06 15:04:03
17087
21
转载 微信小程序节流与防抖问题
点击登陆时，将button的disable属性置为true，成功或失败都置为false。：多用于页面scroll滚动，或者窗口resize，或者防止按钮重复点击等情况。是不好区分这两个概念的。我认为两个函数都能达到防止重复触发的功能。：多用于 input 框 输入时，显示匹配的输入内容的情况。大致意思也是 节约触发的频率。有防反跳的意思，大致就是指防止重复触发。是立马执行，n秒后再立马执行。是 n秒后延迟执行；
2023-03-02 17:36:55
1969
原创 微信小程序实现livepusher推流时控制屏幕方向（orientation）
通过改变livepusher中的orientation 属性，改变拉流视频画面的方向，此方法根据设备变化自动感应，避免了手动切换方向的麻烦。关于下方的监听设备方向也可以尝试，但效果不太理想而且麻烦。：只能逆时针切换横屏，顺时针则画面会旋转90°。已经到了解决这个问题的进度，其他就不多说了。根据介绍使用Promise风格，在。小程序API->设备->中使用以下函数进行监听。
2023-02-22 17:31:13
784
原创 微信小程序真机https请求失败？报错 “errno“:600001,“errMsg“:“request:fail -200:net::ERR_CERT_COMMON_NAME_INVALID
输入域名端口获取证书链，将文本内容复制到chain.crt结尾的文件中替换其内容，重启服务器，使。由上图可见，证书级别为B，提示证书链不完整。输入域名和端口，显示如下信息。，开发管理->服务器域名。
2022-10-22 11:50:13
17011
4
原创 JS与C语言的数据类型转换
在C语言中，定义一个变量就必须先指定其类型，比如int，float，double，指针等。JS的基础类型只有undefined、null、number、boolean、string，引用类型为Object等，当我们let或var一个变量时，是不确定它是什么类型的，所以当我第一次碰到int转byte这种类型转换时，是很懵圈的。
2022-09-08 19:29:29
1097
原创 uni-app使用踩坑记录总结（持续更新）
uniapp1.动态样式display问题2.动态切换背景图片编辑3.uni-list列表添加点击事件
2022-07-11 17:55:50
1979
原创 deprecate(反对) 关于依赖版本低的问题
项目在cnpm install时遇到依赖版本低的问题，尝试了很多方法，最后用yarn install解决了npm install -g yarnyarn install
2022-04-10 16:07:59
803
原创 Object.values()和Object.keys()和Object.assign()的用法
Object.values()和Object.keys()的用法
2022-03-27 23:06:10
896
原创 微信小程序获取地理位置信息
一般导航平台都有自己的Api，这里以腾讯地图为例：浏览器上搜索腾讯地图api或腾讯地图开放平台，顶部导航上开发文档选择微信小程序JavaScript SDK 申请开发者密钥（key）：申请密钥 开通webserviceAPI服务：控制台 ->应用管理 ->我的应用->添加key-> 勾选WebServiceAPI -> 保存 (小程序SDK需要用到webserviceAPI的部分服务，所以使用该功能的KEY需要具备相应的权限) 下载微信..
2022-03-06 21:48:55
2253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人