随笔分类 - vue知识分享
分享vue在开发中碰到的问题及一些操作流程
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 仿贝壳地图画圈找房功能实现（高德地图） 前言 在最近租房时，看到贝壳找房上线了一个地图画圈找房的功能，感觉很是新奇。接触地图开发也有很长一段时间了，以前大部分都是基于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
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在当下前后端分离的主流环境下，前端部分的优化变得越来越重要。为了提升前端的性能和用户体验，我觉得可能需要从三个维度采集数据进行分析。 前端埋点。通过埋点收集和统计网页的UV/PV、设备型号、浏览器等数据进行分析，比如可以有针对性对使
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 测试环境好好地功能，上了生产，莫名其妙报错，开始以为是没有设置Js安全接口域名，结果让相应人员一查，已经设置了相应的域名，再看下公众号内的接口权限部分，相关js权限也都是已授权，没办法，只能按照微信文档上的常见错误及解决方法，设置debu
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近在做安卓内嵌入H5活动页拉新活动，遇到的棘手问题记录下， 一是为了日后遇到同样问题好回顾，二是希望能帮到有同样问题的兄弟。 废话不多说，先从最棘手的问题直接开始： 一、Invalid Signature 1.因为项目内是Vue中的ha
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 微信调用jssdk全流程详解 系统框架使用的是前后端分离，前端使用vant，后端是springboot 一、网页授权的时序图 二、公众号配置 1. 绑定域名 登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。也就
阅读全文
浙公网安备 33010602011771号