- 博客(21)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 【超详细】 对 AceEditor 二次封装 及 自定义扩展语言实现
最近调研前端代码编辑器，选中了 Ace editor，其本身功能丰富，扩展性也极强，插件目前更新稳定。本文介绍使用vue3 + vite，基于ace-builds对ace进行二次封装及自定义语言扩展
2023-04-24 22:37:04
2470
原创 关于forEach与for循环的区别----你应该了解这4点
一、区别1、性能区别：for > forEach1、for语法糖循环最简单，它没有任何额外的函数调用和上下文；2、forEach函数签名更为复杂array.forEach(function(currentValue, index, arr), thisValue)，有诸多参数和上下文在执行时需考虑，性能可能减弱2、循环设置与跳出区别1、for循环可以使用continue跳出当次循环，使用break跳出整个循环，forEach不行；2、for循环可控制循环起点i,forEach只能默认从0
2022-03-05 16:20:14
8834
原创 还在找高级网站模板？看这篇就够了！！！相信对网站设计，动效设计有所帮助
在这个卷王时代，作为前端开发人员，提升自身审美设计还是挺有必要的，我们不是设计师，但我们可以从别人优秀的案例中找到灵感，学习其设计的精髓，勘察其优秀的交互，这对提升自身能力，提升网站建设的高度都是不错的。
2023-12-15 11:10:46
568
原创 快速入手 vue3 defindeModel 双向绑定数据，赶快了解下
在vue3.3x 版本中 官方 [RFC](https://github.com/vuejs/rfcs/discussions/503) 放出了 一个新特性 defineModel，它将让我们在自定义组件上双向绑定数据更加快捷；
2023-12-14 16:15:38
751
原创 解决 vue3 使用mitt（发布订阅库）时，多次触发事件订阅问题
在日常vue项目开发中，有时会用到mitt（前身事件总线mittBus）进行事件传递，然而使用经常就是mitt().emit() , mitt().on 就结束了，未考虑到取消订阅事件，这就导致同个实例上绑定了多个相同的订阅事件，导致触发多次
2023-12-08 11:10:12
1022
原创 js判断对象是否存在某个属性的办法
在 JavaScript 开发中，判断一个对象是否存某个属性在是非常基础的操作，也是开发者经常需要处理的问题之一。然而，繁琐的代码可能会让我们感到疲惫不堪，因此这里将介绍几种 JavaScript 小技巧，帮助你更高效地判断对象属性的存在性，提高代码效率
2023-06-17 21:51:38
5318
原创 Vue开发实践：优化代码性能的防抖和节流技巧
其本质是一种限制 高频执行代码 的手段；页面中常见的表单提交、短信验证码、搜索框、浏览器 resize、 scroll、 mousemove等事件触发时，会不断的调用绑定在事件上的回调函数，影响前端性能，导致出现响应延迟、假死、卡顿等现象
2023-02-10 19:28:29
229
原创 vuex 页面刷新数据丢失问题及解决办法
页面刷新时，将重新初始化vuex的数据，导致无法获取数据，使得页面数据丢失。解决办法修改store文件下Index中state的定义const store = new Vuex.Store({ state:sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')): ........
2023-02-09 23:39:53
602
原创 token + localstorage 验证登录(vue)详细教程
token 验证登录是目前比较主流的前端登录校验方案，采用 token + localStorage + vuex 做令牌存储验证，包含 axios 二次封装、路由守卫、api 模块化等操作
2022-12-12 17:10:46
2438
原创 toggleRowSelection 失效原因及解决思路
当在含分页的table中，需分页切换后对列表项的勾选状态做回显操作。根据element文档使用this.$refs.mytable.toggleRowSelection（row, selected）方法回显，实际应用时会出现回显失效的情况。
2022-06-06 18:21:06
18695
8
原创 echarts动态生成不同条数的折线图
功能需求背景：1、后台可自定义折线图的折线名称、数据、数量（几条）2、满足不同折线图之间随意切换3、折线图可鼠标拖动缩放和滚动条收缩查看4、同一页面涉及多个echarts
2022-02-23 00:27:08
5944
8
原创 js 禁止选中、右键复制
js禁止选中、右键复制1. <body>标签里插入（可按需填入）<!-- οncοntextmenu="return false" 禁止右键点击 --><!-- onselectstart="return false" 禁止选中界面内容 --><!-- οndragstart="return false" 禁止拖拽界面内容 --><!-- οncοpy="return false" 禁止复制界面内容 -
2021-12-28 17:39:57
899
原创 Syntax error, unrecognized expression:问题原由及处理方法
问题原由JQ选择器中使用变量，变量值包含特殊字符（“*”、“-”、“]”）等导致。处理方法var item = '2-kk';var targetEle = $("input[value = '"+item+"']")// 就是在变量外层再加单引号包一下
2021-09-14 18:14:30
19526
原创 关于 setTimeout 与 setInterval 的 4 点重要区别
一、执行机制导致的延迟时间有误有时我们对事件设定的执行延迟，并没达到预想的时间节点后执行。这是由于JS是单线程的，需遵循事件队列机制，setTimeout和setInterval的回调会到延迟时间后塞入事件队列中，排队执行。示例：for(var i = 0; i < 5; i++){ setTimeout(()=> console.log(i),0) }在这里插入代码片二、...
2020-07-15 12:08:04
1420
原创 Highlight.js代码高亮使用方法
highlight.js本文接上篇博客在html中引入和显示markdown文件由于转化后的md 没有了基本样式，在写文档时又需要引入代码段，所以便找到highlight.js这个插件。一、使用步骤：(1)下载插件引入相关文件highlight.js官网地址：https://highlightjs.org/点击Get Version进入后选择你需要高亮的语言，一般Common里的足......
2019-11-07 10:57:19
3031
原创 Html中引入和显示Markdown文件
在使用Markdown编写开发文档时，由于Markdown语法不支持锚点跳转，于是想到把.md文档加载到Html页面通过 a 标签里来实现跳转。
2019-11-07 10:02:33
11875
原创 vscode离线插件安装方法（图文版）
步骤一、官网下载插件链接：咯 ，点一哈我就过去咯二、选一个插件点击Download Extension 把它给下载下来三、打开vscode选择插件模块图标，再点击右上角的 …四、选择从VXIS安装五、选择下载好的插件安装即可一般安装后要重启软件一下才会生效vscode 下载直通车 GO GO GOOK! 完啦！ 噻呦啦啦...
2019-10-12 17:12:03
679
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人