- 博客(36)
- 收藏
- 关注
RSS订阅原创 无所不能的前端CSS工具！又能解放双手了！
大家好，最近发现了一个网站挺实用的，这是一个提供CSS样式的网站，非常实用，基本覆盖了我们平常开发中所遇到的一些场景地址：https://omatsuri.app/
2025-02-17 18:06:05
269
原创 vue3+ts+vite+ElementPlus上传进度条实时更新(UPLoad和progress)。
vue3+ts+vite+ElementPlus上传进度条实时更新(UPLoad和progress)。
2024-12-04 15:47:35
862
原创 10 个只有专业开发人员才知道的 JavaScript 秘密技巧.
您可以直接在函数参数中分配默认值，这样就无需在函数主体内处理未定义的参数。。
2024-11-04 17:25:48
301
原创 前端埋点与监控最佳实践：从基础到全流程实现.
维度前端埋点前端监控目标捕获用户行为数据监控系统性能、错误、稳定性数据类型用户点击、表单提交、页面跳转等页面加载时间、错误日志、卡顿情况等实现方式手动埋点、自动埋点、可视化埋点错误捕获、性能指标采集核心关注点用户行为、业务数据系统Bug、性能优化跟踪用户在页面特定区域的停留时间，一共分成三步来做：当用户的鼠标进入指定区域（ID 为sectionId）时，通过mouseenter事件记录进入的时间戳。当用户的鼠标离开该区域时，通过mouseleave。
2024-11-01 17:55:02
1656
原创 vite+vue3+ts使用vue3-draggable-resizable,可拖动、调整大小的模块库，真的太好用了！
公司业务：在很多地方装了路灯，给路灯做了个管理系统，有管理系统肯定就是增，删，查，改，但是这次改好像有点复杂。给路灯下发指令，可以在路灯的大屏放文字，视频，图片，文字可以拉伸，图片可以拉伸，视频还可以！拉伸框还不能太丑！
2024-10-30 15:06:46
1192
原创 vue3+ts+vite--路由跳转，params传参好像丢失了？
相信大家一定写过后台管理系统，有一个很普遍的功能，就是点击编辑，根据id，跳转到相对应的编辑页面，id是通过路由params传递过去了，但是还有一个需求是要将父组件的名称也传递过去 ，过程特别顺利，一顿操作猛如虎，一看打印undefined！打印了好多次还是undefined，突然就想到了params参数会丢失，那么params和query可不可以一起用呢？到这里就结束了，大佬们多多指教！
2024-10-18 15:30:29
661
1
原创 如何优化JavaScript中的复杂判断？
同时：当 case 2 和 case 3 的逻辑相同时，可以省略执行语句和 break，这样 case 2 就会自动执行 case 3 的逻辑。我们在写 JavaScript 代码的时候，经常会遇到逻辑判断比较复杂的情况，通常我们可以使用。那么一旦遇到这种复杂的情况，最初的代码就不适用了。从代码中我们可以看到这个按钮的点击逻辑：根据不同的活动状态，进入不同的页面。会越来越臃肿，越来越难理解。，点击按钮时通过查找对象属性进行逻辑判断，这种写法特别适合。但是这样就存在一个问题，随着逻辑复杂度的增加，代码中的。
2024-10-08 16:05:06
518
原创 axios中的那些天才代码！看完我实力大涨！
上面的代码中，我们在request属性上创建了一个通用的接口请求方法，get和post实际都调用了request，但内部传递了不同的参数，这和。instance也是一个对象（js万物皆对象），其原型上有get方法和post方法，因此，我们可以使用axios.post()。就会出现问题，因为这事reques方法内部的this会指向错误，导致函数不能运行，因此，我们必须将this重新指向其实例化对象。首先，requset 是Axios原型对象上的方法，其方法内部的this指向的是其实例化对象context！
2024-10-08 13:27:27
406
原创 直接使用git pull拉取代码，被同事狠狠地diss了！
简单来说，rebase的作用就是永远会让我们本地的代码处于最新状态。比如，我们一开始是使用B节点开发代码的，开发到B2时，此时远程已经有人推送了C节点。在B2节点使用rebase变基，会让我们的B1节点和B2节点位于C节点上。大概是这样：因此，使用rebase变基后，git永远只有一条线性历史，非常直观。本篇文章我们介绍了git pull的用法，明白了它有merge和rebase两种模式。默认情况下，它使用的是merge。使用merge的方式拉取代码会导致git历史变得复杂，不利于维护和溯源。
2024-09-27 09:22:00
995
原创 面试官：说下 Vue 和 React 数据驱动原理的区别吧！
特性ReactVue数据追踪机制显式通过setState或useState触发更新自动追踪数据变化，基于 Proxy 实现响应式更新数据流模式单向数据流，父组件通过 props 传递数据单向数据流 + 双向数据绑定，v-model支持数据更新机制不可变数据，浅比较优化性能响应式系统，自动侦听数据变化视图更新策略虚拟 DOM + diff 对比，找到最小更新集模板编译优化 + 响应式系统性能优化手段应用不可变数据、memouseMemo等手段。
2024-09-26 10:30:23
719
原创 全网最细使用Vite搭建一个组件库
先使用vite 搭建基础版本脚手架这里不做讲解、由于vite初始化什么都没有安装、我采用了自己改造过的脚手架详情见GitHub 内置基本上可以满足团队日常开发需求。😅言归正传、生成目录大概是这样的。
2024-09-26 09:41:09
1057
原创 这年头 HTML 标签已经这么牛了吗！
在 HTML5 推出之后，很多的 HTML 标签都具备了非常牛逼的功能。有些甚至可以让我们完全脱离 JS ，通过简单的 html 就可以实现复杂的操作。在前端项目中，通过 a 标签跳转链接是比较常见的需求。那么今天咱们就来看看这些牛逼的 HTML 特性！可以统一处理请求路径，甚至可以在。确定点击位置和展示的图片。表示点击位置，四个数字分别对应。发生变化，修改起来就会非常麻烦。创建背景图，作为可点击的图形。但是当链接比较多的时候，一旦。所以，我们会期望设置一个。<meter> 标签。
2024-09-25 09:48:51
199
原创 前端如何实现权限控制？看这一篇就够了
这样做的好处是，某个权限过于敏感时，想要将每个用户或者部分用户的权限去掉，就不需要每个用户的权限都操作一遍，只需要删除对应角色的权限即可。根据不同用户，后端传过来每个按钮的按钮权限字符串，前端根据自定义指令，判断该按钮权限字符串是否存在 从而显示或者隐藏。不同用户，具有不同页面访问权限，对应权限的路由信息由后端返回。通常我们实现页面权限管理，比较常见的方案是，有权限的路由信息由后端传给前端，前端再根据路由信息进行渲染。页面的访问，我们都是需要配置路由表的，根据配置路由表的路径来访问页面。
2024-09-23 14:37:49
3463
原创 纯 CSS 带你打开飞机窗看看外面的世界【附源码】
今天用纯 CSS 实现一个飞机窗外的世界，希望大家开心~，将下面代码复制进去，保存，双击打开。
2024-09-12 09:36:29
256
原创 进阶进阶！复习50个JavaScript「进阶」知识点，金三银四，金九银十！
在 Javascript 中，作用域分为全局作用域和函数作用域全局作用域：代码在程序任何地方都能访问，window对象的内置属性都属于全局作用域函数作用域：在固定的代码片段才能被访问image.png作用域有上下级关系，上下级关系的确定就看函数是在哪个作用域下创建的。如上，fn作用域下创建了bar函数，那么“fn作用域”就是“bar作用域”的上级。作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。一般情况下，变量取值到 创建 这个变量 的函数的作用域中取值。
2024-09-04 16:41:21
1655
原创 VSCode 最好看的 5 款字体风格，很符合程序员的审美【附教程】
去到这个链接：https://github.com/githubnext/monaspace/tree/main/fonts/otf。最近觉得看 VsCode 默认字体看太久了，有点腻了，想要换一换字体，所以找到了五款 VsCode 字体，推荐给大家。VSCode 最好看的 5 款字体风格，很符合程序员的审美【附教程】接着到 VsCode 中，下载下来，下载完后，
2024-08-28 09:09:54
13211
原创 Vue3+Ts父子组件传参
vue传参的方式有很多种,不管是vue2还是3，这里给大家展示vue3的几种方式：1:这是vue3内置方法，他的好处是不管父传子，还是子传父，都可以使用，并且可以不用层层传递。2：：类似于vue2的props。3：：类似于vue2的$Emits。话不多说，展示代码。
2024-07-25 15:50:16
1249
原创 Vite+vue3+ts build的时候会报Some chunks are larger than 500 kB after minification. Consider:
分解块，将大块分解成更小的块,在vite.config.js当中的build下面进行配置。到这里就结束啦，小伙伴们还有什么建议，多多益善哈！
2024-02-08 15:13:59
2936
原创 解决Element-plus 给el-input 添加回车事件会刷新页面的问题
组件默认情况下，按下回车键会触发表单的提交，而表单的提交会触发页面的刷新。这是浏览器默认行为。@submit.prevent 就可以阻止浏览器刷新页面的默认行为，问题就成功解决啦！解决之后,按下回车，就出发了正则验证，没有刷新页面。然后就按下回车就导致了页面刷新。
2024-01-31 16:12:44
1504
1
原创 如何绕过typescript的类型检查？
typescript/** 表单类型 *//** 显示文本 *//** 将表单类型指定为'select' *//** 新增一个options属性，类型为数组，此类型定义存在错误，没有定义options数组里面的内容 */options:[]代码里，期望的是一个有内容的数组，但因为第三方库给定的类型文件编写错误，没有给出数组内部项的结构，只留下[]空数组类型定义，导致开发者给赋予一个有内容的数组都会导致typescript报错。会让typescript。
2024-01-31 15:49:54
1623
原创 Vetur怎么配置格式化的时候不变单引号或者不变双引号
格式完完成后就成双引号了，这里就配置完成了，大佬可以指导一下.配置完还是单引号就真的栓Q，索性直接在项目根目录建个文件吧。
2023-08-04 10:53:21
923
2
原创 uniapp的manifest.json配置后，支付宝小程序include不生效,map高级渲染
支付宝小程序在使用map组件时，使用高级渲染需要使用xml组件，在 manifest.json下配置include字段，编译完没有该字段，不生效。这里是用uniapp嵌套支付宝小程序，在vscode里面改完之后，IDE就会自动编译成上图的代码，也就是成功之后的代码。"include":["*/.xml"] // 配置包含 xml。"include":["*/.xml"] // 配置包含 xml。
2023-04-25 11:31:42
1870
4
原创 Vue中用到的数组方法：
今天写了一个小案例：用到了如下高阶函数，一头雾水，故来整理。。。。呜呜呜<1> forEach 遍历每一项 会改变原数组<2> map 会基于原数组产生新数组 //返回一个新数组,不改变原数组<3> filter 会基于原数组产生新数组(过滤掉不满足条件的数组项) 返回一个新数组,不改变原数组<4> reduce 会将多项值合成一个,加法,乘法<5> some 判断数组中是否有满足条件的值(只要数组中有一项值满足就停止遍历并返
2022-03-28 22:00:06
839
1
原创 关于node-express跨域请求
这是我在前段页面和node交互，渲染数据所遇到的跨域问题，我写入了以下代码：Access-Control-Allow-Origin如图：
2022-03-17 21:57:52
443
空空如也
vue3+tspageToken和nextPageToken怎么使用呢？然后怎么分页呢
2024-09-26
pageToken和nextPageToken怎么使用呢？
2024-09-26
Vue3+ts渲染数据后报错
2024-05-10
vue响应拦截器的问题
2024-04-18
vue 中的computed和data中有数据还是报错未定义或被引用，请问如何解决？不放v-for循环就好了，一放v-for就会报这样的错误，而且循环data里面的menuData也是会报同样的错误~
2024-04-09
vue3+vite build的时候报错
2024-01-31
前端实现word装换pdf
2023-08-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人