- 博客(23)
- 收藏
- 关注
RSS订阅原创 想要安利给所有人的开发工具——通义灵码
你还在埋头苦写基础函数，基础组件等代码吗？今天给大家推荐一款由阿里云研发的插件——通义灵码，这是一款可根据当前代码文件及跨文件的上下文，为你生成行级/函数级代码、单元测试、代码注释等。沉浸式编码心流，秒级生成速度，让你更专注在技术设计，高质高效地完成编码工作。这个插件真的强烈推荐呀，作为一名前端开发，它真的帮助我提升了在项目中的工作效率，可以帮我生成许多比较基础的函数方法和组件，小伙伴们快试试吧~点击插件中心，搜索TONGYI Lingma， 点击安装即可。
2024-01-04 14:53:12
484
1
原创 url请求参数带有特殊字符#，%，=等特殊字符时，参数被截断处理
当路由请求参数带有浏览器url中的特殊含义字符时，参数被截断，无法正常获取参数。将特殊字符进行编码转义。
2023-11-17 15:01:30
821
原创 el-date-picker 禁用日期后，【此刻】按钮点击无反应
使用el-date-picker组件，禁止选择未来日期后，【此刻】按钮点击无反应。
2023-07-03 14:06:42
2289
4
原创 vue.js + el-table 实现键盘上下键控制聚焦行指定单元格编辑——2023/04/18 14:25:00
利用keyup事件监听键盘事件，给待聚焦单元格绑定keyup事件，并动态绑定类名（用下标作为类名，以便后续可通过下标类名找到对应dom元素，实现聚焦）；实现键盘上下键控制聚焦到列表行某个单元格，高亮显示当前聚焦行并编辑单元格。【下键】：自动聚焦下一行，如果当前行为列表末行时，聚焦回到首行；【上键】：自动聚焦上一行，如果当前行为列表首行时，聚焦回到末行。
2023-04-18 15:47:22
1390
原创 Vue切换路由，页面回到上一次缓存的滚动位置（代码量少，通用有效）
本文所提供的方法可适用于大多数vue工程项目，可解决vue-router 所提供方法 scrollBehavior 和 keepAlive缓存滚动位置不生效等问题。
2023-04-14 11:25:48
856
2
原创 Node.js请求https协议接口报错Error: self signed certificate
前端用Node.js做中转时，请求后端https协议的接口，出现Error: self signed certificate报错。
2023-03-20 15:45:51
1131
原创 Vue.js 基于el-button封装一个防抖节流按钮
实际开发中，为了防止用户多次按钮点击触发接口请求，例如单据提交等业务场景，可对el-button进行二次封装，利用防抖节流原理实现。
2023-03-15 16:57:09
1416
原创 前端基于Node.js和webpack搭建https服务
1.准备好密钥和证书文件。2.引入https和 fs服务。。3.读入密钥和证书文件。4.创建HTTPS服务器
2023-03-15 16:24:00
198
原创 Vue项目一些有用的配置文件——代理跨域、关闭Eslint校验、设置别名
在根目录下新建vue.config.js文件。在根目录下新建jsconfig.json文件。
2023-03-09 14:44:24
367
原创 el-timeline嵌套el-timeline使用时，子级el-timeline节点时间线不显示
给嵌套使用的子级el-timeline组件的el-timeline-item增加属性区分当前节点是否为最后一个节点，一般来说接口会返回一个状态来区分当前节点是否已审批，顺序排列时，未审批节点即为最后一个节点，利用这个思路我们给子级el-timeline的末级节点单独书写样式来解决这一问题。父级el-timeline的第三个el-timeline-item在elementUI原生样式中会自动定义为末级节点，其中末级节点样式影响了子节点样式，故子节点时间线不显示。待实现效果如下图所示。
2023-02-08 17:48:28
1721
原创 Vue踩坑之 el-select下拉框多选，选择后赋值成功，输入框不显示选中的值
问题描述：多选下拉框，选中列表中的选项，但输入框不显示已经选中的数据并且下拉框中已选中的数据不是选中状态。问题原因：Vue 无法监听动态新增的属性的变化。问题解决：方法一： 在el-select选框组件中绑定change事件，如下:changeData() { this.$nextTick(() => { this.$forceUpdate() })}方法二：change事件中使用$set来对属性赋值，如下:changeData(val) { this.$set(t
2022-02-23 17:44:39
4764
原创 Element UI 中el-input 框回车触发页面刷新问题及解决方案
问题描述：输入框中按回车按钮，页面重新刷新问题原因：当 el-form 内只有一个 el-input 时，在输入框内回车就会触发表单提交的默认事件解决方案：在el-form中加@submit.native.prevent阻止这一默认行为其中.native 表示对一个组件绑定系统原生事件 .prevent 表示提交以后不刷新页面例如： `<el-form label-width="100px" label-position="right"
2022-02-11 17:31:43
2324
4
原创 el-tree使用setCheckedKeys清空树节点不生效
问题描述：在切换下拉选框的change事件中使用this.$refs.tree.setCheckedKeys([])清空目标树已选择节点，但不生效。问题解决// 清空 clearAllNodes: function() { this.$nextTick(function() { this.$refs.tree.setCheckedKeys([]) }) },关键：使用this.$nextTick()在清空所选树节点结束之后执行延迟回调..
2021-10-13 10:07:50
4936
原创 this.$el.querySelectorAll is not a function报错解决
问题描述使用el-tree时，报错this.$el.querySelectorAll is not a function，导致树无法渲染问题解析参考如下代码片段 <el-tree :data="treeData" show-checkbox node-key="id" ref="functionTree" ></el-tree>此报错多为el-tree绑定的data数据不对，数据错误可分为以下两种：
2021-09-17 14:35:07
18302
1
原创 Http请求api时路径中多了%E2%80%8B字符
Http请求api时路径中多了%E2%80%8B字符原因从Swagger文档中中复制里面的解耦路径带了空白url编码（空白编码没有宽度）解决办法方法一：手动输入地址方法二：使用replace(/%E2%80%8B/g, “”)替换掉多余字符...
2021-08-13 13:51:51
2469
原创 基于Node.js实现简易留言板
一、效果图二、功能点描述·发表提交留言内容·留言列表展示留言内容·实时展示留言发表时间三、具体实现安装art-template依赖包npm install art-template留言板首页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge
2021-06-16 14:05:11
1354
2
原创 CKEditor富文本编辑器踩坑-上传视频后无法删除视频和获取鼠标编辑状态光标
问题描述在CKEditor富文本编辑器中成功上传的视频，如果视频前后没有任何内容，视频无法使用退格键正常删除并且无法获取鼠标编辑状态光标。修复办法在创建的Video标签后添加一个换行标签即可代码如下<div class="ck-media__wrapper"><video class="video-js"><source src="${ item.attachUrl}" style=" width: 100%;height: 100%; type="video/mp4
2021-05-31 14:28:11
1405
2
原创 Video.js组件在Vue项目中的综合使用详解（多个视频+倍速播放）
Video.js —— 一款开源且功能丰富的web视频组件Video.js在Vue项目中的综合使用详解（多个视频+倍速播放）开发中，使用video标签自带的属性难以达到我们实际所需要的效果；例如视频的倍速播放功能，利用原生代码重写一个视频标签又太过于繁琐（PS:主要是懒）。在这里，向大家推荐一款很好用的组件video.js，这是一个开源的web视频组件([video.js官网](https://videojs.com/))，其使用基于html5的video标签，同时支持HTML和Flash视频，下面向大
2021-04-21 18:20:33
9070
11
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人