随笔分类 - vue知识分享
分享vue在开发中碰到的问题及一些操作流程
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 概述 最近在负责公司官网的开发，在 H5 播放视频时，遇到很多兼容问题，所以总结下在 H5 播放时，遇到的兼容性问题，并封装一个 Video 的组件，便于在 H5 使用。 测试 先来测试一下在不同的浏览器，video 有什么兼容性的问题，
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 引言 在日常前端开发中，我们经常会面对一个让人头疼的问题：按钮被用户点击了两次以上，导致出现重复提交表单或者发送重复的请求。这个问题常见而且恼人。为了解决这个问题，我们需要一个又简单又实用的方法，可以在不搞乱原有代码的情况下，有效地防止按
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近接到一个任务，需要把页面放大1.5倍显示。这里使用 css 里的 transform: scale(1.5) 来实现。 document.body.setAttribute( 'style', `transform: scale(1.
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 大文件上传主要步骤： 获取文件对象，切分文件 根据文件切片，计算文件唯一hash值 上传文件切片，服务端保存起来 合并文件切片，前端发送合并请求，服务端将文件切片合并为原始文件 秒传，对于已经存在的分片，可以前端发个请求获取已经上传的文件
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 工程化最开始就是package.json开始的，很多人学了很多年也没搞清楚这个为什么这么神奇，其实有些字段是在特定场景才有效的，那每个属性的适用场景和作用是什么，又牵扯很多知识点，今天先解读一些常见的属性，关注我，后期在遇到特定场景也会再
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近受够了公司内部站点每次登陆都需要填写用户名和密码，还有输入验证码。 要是能够直接跳过登陆页面就好啦。 说干就干，决定使用油猴插件实现自动登陆功能。 其中最难解决的就是验证码破解，花了一天的时间完美解决，现在整理出来。 1.分析验证码
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。 关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 unplugin-generate-component-name 一款用于以文件夹名或者setup标签写入名字来自动生成Vue组件名的插件。 项目地址 功能 💚 支持 Vue 3 开箱即用。 ⚡️ 支持 Vite、Webpack、Rsp
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 太长不看 不要嵌套使用函数。给每个函数命名并把他们放在你代码的顶层 利用函数提升。先使用后声明。 处理每一个异常 编写可以复用的函数，并把他们封装成一个模块 什么是“回调地狱”？ 异步Javascript代码，或者说使用callback的
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 白屏一直是一个前端开发谈之变色的问题。 “什么？我的页面刚上线就白屏了，是报错了，还是兼容性问题，还是性能问题，多刷新几次就好了，用户网络不行吧。” 简单来说，白屏就是用户打开前端页面什么有没有。 这是一个很重要的质量指标。 那么我
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 7个Js async/await高级用法 JavaScript的异步编程已经从回调(Callback)演进到Promise，再到如今广泛使用的async/await语法。后者不仅让异步代码更加简洁，而且更贴近同步代码的逻辑与结构，大大增强
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 上家公司有个需求是批量导出学生的二维码，我一想这简单啊，不就是先批量获取学生数据，然后根据QRcode生成二维码，然后在用html2canvas导出成图片嘛。 由于公司工具库有现成的生成压缩包方法，我只需要获得对应的图片blob就可
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 仿贝壳地图画圈找房功能实现（高德地图） 前言 在最近租房时，看到贝壳找房上线了一个地图画圈找房的功能，感觉很是新奇。接触地图开发也有很长一段时间了，以前大部分都是基于web pc端开发，所以一般遇到这种圈选，绘制多边形圆形都是直接基于官方
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 日常开发中，我们经常遇到过tooltip这种需求。文字溢出、产品文案、描述说明等等，每次都需要写一大串代码，那么有没有一种简单的方式呢，这回我们用指令来试试。 功能特性 支持tooltip样式自定义 支持tooltip内容自定义 动
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在我们写项目代码时，应该更加专注于业务逻辑的实现，而把定式代码交给js库或工程化自动处理，而我想说的是，请求逻辑其实也是可以继续简化的。 你可能会说，用axios或fetch api就够了啊，哪有什么请求逻辑，那可能是你还没有意识到这个问
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 Vue2 将在 2023 年年底停止维护了，但是 Vue2 的代码却不会在 2023 年消失，还会越来越多；难以想象几十万行或者几百万行的 Vue2 代码迁移到 Vue3，这是不可能办到的； 老一点的前端程序员肯定经历过把大型项目从
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端“三清” 在前端开发中，我们经常听到关于“三清”的说法，即 window、document、Object。这三者分别代表了 BOM（浏览器对象模型）、DOM（文档对象模型）以及 JS 的顶层对象。在这个体系中，我们通过 JavaScr
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 众所周知，vue路由模式常见的有 history 和 hash 模式，但其实还有一种方式-abstract模式（了解一哈~） 别急，本文我们将重点逐步了解： 路由 + 几种路由模式 + 使用场景 + 思考 + freestyle 路由概念
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 记录一下在公司遇到的一些功能，以及相关实现 以上的内容我花了一周时间去实现的，自己也觉得时间很长，但主要因为很少使用ECharts，导致使用的过程中大部分的时间都在查文档。 对于上面的这些功能点，其实算是写了两遍吧，这周一开了个Code
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。 这种习惯在独立开发时无所谓，毕竟没人
阅读全文