vue知识分享 - 随笔分类(第6页) - 林恒

记录--Vue中的$attrs你真的会用吗？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助先来看一个业务需求：项目经常会遇到产品经理要求你做某组件一样的功能，还要在它的基础上增加东西。如何只用少量代码高效的二次封装组件呢？例如我要做一个element-ui的input组件进行封装，以下是封装要求：对el-input组件增阅读全文

posted @ 2024-01-23 20:13 林恒阅读(702) 评论(0) 推荐(0)

记录--npm, npx, cnpm, yarn, pnpm梭哈

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助依赖管理解决了在软件开发过程中管理和协调各种依赖项的问题，简化了开发流程，提高了项目的可靠性、可维护性和可重复性。它们帮助开发人员更高效地管理项目的依赖关系，减少了潜在的错误和冲突，并提供了更好的开发体验。常用的依赖管理在 JavaS 阅读全文

posted @ 2024-01-22 17:56 林恒阅读(237) 评论(0) 推荐(0)

记录--移动端 H5 Tab 如何滚动居中

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助移动端 H5 Tab 如何滚动居中 Tab 在 PC 端、移动端应用都上很常见，不过 Tab 在移动端比 PC 端更复杂。为什么呢？移动端设备屏幕较窄，一般仅能展示 4 ~ 7 个 Item。考虑到用户体验，UI 往往要求程序员实现一个阅读全文

posted @ 2024-01-20 18:17 林恒阅读(226) 评论(0) 推荐(0)

记录--为什么 export 导出一个字面量会报错，而使用 export default 就不会报错？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助核心其实总的来说就是 export 导出的是变量的句柄（或者说符号绑定、近似于 C 语言里面的指针，C++里面的变量别名），而 export default 导出的是变量的值。需要注意的是：模块里面的内容只能在模块内部修改，模块外部只阅读全文

posted @ 2024-01-17 18:33 林恒阅读(138) 评论(0) 推荐(0)

记录--不做码农而做 DJ 😎

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 😎Coding 一定很累吧，快来跟我一起 Djing ！！！😎 我的思路是通过监听键盘按下事件，在用户按下对应键时，找到相应的按键元素和音频元素，通过添加和移除 CSS 类实现按键效果，并播放关联的音频文件。同时，通过事件监听器确保在阅读全文

posted @ 2024-01-12 18:14 林恒阅读(83) 评论(0) 推荐(0)

记录--vue3函数式弹窗

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简阅读全文

posted @ 2024-01-11 19:00 林恒阅读(330) 评论(0) 推荐(0)

记录--H5 视频兼容性处理总结

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助概述最近在负责公司官网的开发，在 H5 播放视频时，遇到很多兼容问题，所以总结下在 H5 播放时，遇到的兼容性问题，并封装一个 Video 的组件，便于在 H5 使用。测试先来测试一下在不同的浏览器，video 有什么兼容性的问题，阅读全文

posted @ 2024-01-09 19:05 林恒阅读(946) 评论(0) 推荐(0)

记录--按钮防连点终极解决方案

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助引言在日常前端开发中，我们经常会面对一个让人头疼的问题：按钮被用户点击了两次以上，导致出现重复提交表单或者发送重复的请求。这个问题常见而且恼人。为了解决这个问题，我们需要一个又简单又实用的方法，可以在不搞乱原有代码的情况下，有效地防止按阅读全文

posted @ 2024-01-08 18:33 林恒阅读(651) 评论(0) 推荐(1)

记录--页面使用 scale 缩放实践

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近接到一个任务，需要把页面放大1.5倍显示。这里使用 css 里的 transform: scale(1.5) 来实现。 document.body.setAttribute( 'style', `transform: scale(1. 阅读全文

posted @ 2024-01-06 18:35 林恒阅读(204) 评论(0) 推荐(0)

记录--经常被cue大文件上传，忍不住试一下

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助大文件上传主要步骤：获取文件对象，切分文件根据文件切片，计算文件唯一hash值上传文件切片，服务端保存起来合并文件切片，前端发送合并请求，服务端将文件切片合并为原始文件秒传，对于已经存在的分片，可以前端发个请求获取已经上传的文件阅读全文

posted @ 2023-12-29 18:36 林恒阅读(165) 评论(0) 推荐(0)

记录--工程化第一步这个package.json要真的搞明白才行

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助工程化最开始就是package.json开始的，很多人学了很多年也没搞清楚这个为什么这么神奇，其实有些字段是在特定场景才有效的，那每个属性的适用场景和作用是什么，又牵扯很多知识点，今天先解读一些常见的属性，关注我，后期在遇到特定场景也会再阅读全文

posted @ 2023-12-26 19:18 林恒阅读(477) 评论(0) 推荐(1)

记录--前端验证码破解

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近受够了公司内部站点每次登陆都需要填写用户名和密码，还有输入验证码。要是能够直接跳过登陆页面就好啦。说干就干，决定使用油猴插件实现自动登陆功能。其中最难解决的就是验证码破解，花了一天的时间完美解决，现在整理出来。 1.分析验证码阅读全文

posted @ 2023-12-23 18:25 林恒阅读(452) 评论(1) 推荐(1)

记录--Vue3问题：如何实现组件拖拽实时预览功能？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。阅读全文

posted @ 2023-12-22 18:27 林恒阅读(657) 评论(0) 推荐(1)

记录--Vue自动生成组件名

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 unplugin-generate-component-name 一款用于以文件夹名或者setup标签写入名字来自动生成Vue组件名的插件。项目地址功能 💚 支持 Vue 3 开箱即用。 ⚡️ 支持 Vite、Webpack、Rsp 阅读全文

posted @ 2023-12-21 19:05 林恒阅读(245) 评论(0) 推荐(0)

记录--没有await，如何处理“回调地狱”

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助太长不看不要嵌套使用函数。给每个函数命名并把他们放在你代码的顶层利用函数提升。先使用后声明。处理每一个异常编写可以复用的函数，并把他们封装成一个模块什么是“回调地狱”？异步Javascript代码，或者说使用callback的阅读全文

posted @ 2023-12-18 19:06 林恒阅读(129) 评论(0) 推荐(0)

记录--代码刚上线，页面就白屏了

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言白屏一直是一个前端开发谈之变色的问题。 “什么？我的页面刚上线就白屏了，是报错了，还是兼容性问题，还是性能问题，多刷新几次就好了，用户网络不行吧。” 简单来说，白屏就是用户打开前端页面什么有没有。这是一个很重要的质量指标。那么我阅读全文

posted @ 2023-12-15 18:08 林恒阅读(326) 评论(0) 推荐(1)

记录--7个Js async/await高级用法

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 7个Js async/await高级用法 JavaScript的异步编程已经从回调(Callback)演进到Promise，再到如今广泛使用的async/await语法。后者不仅让异步代码更加简洁，而且更贴近同步代码的逻辑与结构，大大增强阅读全文

posted @ 2023-12-13 18:21 林恒阅读(337) 评论(0) 推荐(0)

记录--组件阅后即焚？挂载即卸载！看完你就理解了

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言上家公司有个需求是批量导出学生的二维码，我一想这简单啊，不就是先批量获取学生数据，然后根据QRcode生成二维码，然后在用html2canvas导出成图片嘛。由于公司工具库有现成的生成压缩包方法，我只需要获得对应的图片blob就可阅读全文

posted @ 2023-11-30 19:21 林恒阅读(118) 评论(0) 推荐(0)

记录--仿贝壳地图画圈找房功能实现（高德地图）

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助仿贝壳地图画圈找房功能实现（高德地图）前言在最近租房时，看到贝壳找房上线了一个地图画圈找房的功能，感觉很是新奇。接触地图开发也有很长一段时间了，以前大部分都是基于web pc端开发，所以一般遇到这种圈选，绘制多边形圆形都是直接基于官方阅读全文

posted @ 2023-11-28 18:47 林恒阅读(395) 评论(0) 推荐(1)

记录--手写一个 v-tooltip 指令

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言日常开发中，我们经常遇到过tooltip这种需求。文字溢出、产品文案、描述说明等等，每次都需要写一大串代码，那么有没有一种简单的方式呢，这回我们用指令来试试。功能特性支持tooltip样式自定义支持tooltip内容自定义动阅读全文

posted @ 2023-11-17 18:44 林恒阅读(420) 评论(0) 推荐(0)

林恒

随笔分类 - vue知识分享

公告