随笔分类 - vue知识分享
分享vue在开发中碰到的问题及一些操作流程
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 太长不看 不要嵌套使用函数。给每个函数命名并把他们放在你代码的顶层 利用函数提升。先使用后声明。 处理每一个异常 编写可以复用的函数，并把他们封装成一个模块 什么是“回调地狱”？ 异步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业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。 这种习惯在独立开发时无所谓，毕竟没人
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 什么是 Lunchbox.js Lunchbox.js 是 Three.js 的 Vue 3 自定义渲染器。 你可以把它想象成 Vue 的 react-three-fiber。 该库通过组件提供对原始 Three.js 对象和类的访问，例
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 什么是跨域？ 跨域不是问题，是一种安全机制。浏览器有一种策略名为同源策略，同源策略规定了部分请求不能被浏览器所接受。 值得一提的是：同源策略导致的跨域是浏览器单方面拒绝响应数据，服务器端是处理完毕并做出了响应的。 什么是同源策略 一个ur
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 可视化大屏该如何做？有可能一天完成吗？废话不多说，直接看效果，线上 Demo 地址 lxfu1.github.io/large-scree…。 看完这篇文章（这个项目），你将收获： 全局状态真的很简单，你只需 5 分钟就能上手 如何
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在我们开发项目中，经常会遇到预览图片的需求。也就是点击图片，会全屏显示该图片。需求很简单，但是如何让实现更优雅就需要花点心思了。 最终效果图 基础版本 实现方式 点击图片，创建蒙层，克隆图片 将图片添加定位属性，并添加到蒙层中 将蒙层添加
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 这样封装列表 hooks,一天可以开发 20 个页面 前言 在做移动端的需求时，我们经常会开发一些列表页，这些列表页大多数有着相似的功能：分页获取列表、上拉加载、下拉刷新··· 在 Vue 出来 compositionAPI 之前，我们想
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 需求描述 目前大多数PC端应用都有配套的移动端APP，如微信，淘宝等，通过使用手机APP上的扫一扫功能去扫页面二维码图片进行登录，使得用户登录操作更方便，安全，快捷。 思路解析 PC 扫码原理？ 扫码登录功能涉及到网页端、服务器和手机端，
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 性能优化一直是前端研究的主要课题之一，因为不仅直接影响用户体验，对于商业性公司，网页性能的优劣更关乎流量变现效率的高低。例如 DoubleClick by Google 发现： 如果页面加载时间超过 3 秒，53% 的用户会选择终止当前操
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、audio标签的使用 1、Audio 对象属性 2、对象方法 二、效果 效果如下： 三、代码 代码如下： MusicPlayer.vue <template> <div class="music"> <!-- 占位 --> <div
阅读全文