vue知识分享 - 随笔分类 - 林恒

记录--【vue3】写hook三天，治好了我的组件封装强迫症。

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。这种习惯在独立开发时无所谓，毕竟没人阅读全文

posted @ 2023-02-08 16:56 林恒阅读(169) 评论(0) 推荐(0) 编辑

记录--使用Lunchbox 在 vue3 中创建一个 3D 地球

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助什么是 Lunchbox.js Lunchbox.js 是 Three.js 的 Vue 3 自定义渲染器。你可以把它想象成 Vue 的 react-three-fiber。该库通过组件提供对原始 Three.js 对象和类的访问，例阅读全文

posted @ 2023-02-06 17:41 林恒阅读(74) 评论(0) 推荐(0) 编辑

记录--跨域的五种最常见解决方案

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助什么是跨域？跨域不是问题，是一种安全机制。浏览器有一种策略名为同源策略，同源策略规定了部分请求不能被浏览器所接受。值得一提的是：同源策略导致的跨域是浏览器单方面拒绝响应数据，服务器端是处理完毕并做出了响应的。什么是同源策略一个ur 阅读全文

posted @ 2023-02-02 17:27 林恒阅读(163) 评论(0) 推荐(0) 编辑

记录--原生 canvas 如何实现大屏?

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言可视化大屏该如何做？有可能一天完成吗？废话不多说，直接看效果，线上 Demo 地址 lxfu1.github.io/large-scree…。看完这篇文章（这个项目），你将收获：全局状态真的很简单，你只需 5 分钟就能上手如何阅读全文

posted @ 2023-02-01 17:05 林恒阅读(114) 评论(0) 推荐(0) 编辑

记录--手把手教学，实现一个优雅的图片预览

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助在我们开发项目中，经常会遇到预览图片的需求。也就是点击图片，会全屏显示该图片。需求很简单，但是如何让实现更优雅就需要花点心思了。最终效果图基础版本实现方式点击图片，创建蒙层，克隆图片将图片添加定位属性，并添加到蒙层中将蒙层添加阅读全文

posted @ 2023-01-31 17:19 林恒阅读(147) 评论(0) 推荐(0) 编辑

记录--这样封装列表 hooks,一天可以开发 20 个页面

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助这样封装列表 hooks,一天可以开发 20 个页面前言在做移动端的需求时，我们经常会开发一些列表页，这些列表页大多数有着相似的功能：分页获取列表、上拉加载、下拉刷新··· 在 Vue 出来 compositionAPI 之前，我们想阅读全文

posted @ 2023-01-30 15:54 林恒阅读(221) 评论(0) 推荐(0) 编辑

记录--Vue PC前端扫码登录

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助需求描述目前大多数PC端应用都有配套的移动端APP，如微信，淘宝等，通过使用手机APP上的扫一扫功能去扫页面二维码图片进行登录，使得用户登录操作更方便，安全，快捷。思路解析 PC 扫码原理？扫码登录功能涉及到网页端、服务器和手机端，阅读全文

posted @ 2023-01-29 17:56 林恒阅读(187) 评论(0) 推荐(0) 编辑

记录--“非主流” 的纯前端性能优化

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助性能优化一直是前端研究的主要课题之一，因为不仅直接影响用户体验，对于商业性公司，网页性能的优劣更关乎流量变现效率的高低。例如 DoubleClick by Google 发现：如果页面加载时间超过 3 秒，53% 的用户会选择终止当前操阅读全文

posted @ 2023-01-13 17:44 林恒阅读(80) 评论(0) 推荐(0) 编辑

记录--Vue开发历程---音乐播放器

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、audio标签的使用 1、Audio 对象属性 2、对象方法二、效果效果如下：三、代码代码如下： MusicPlayer.vue <template> <div class="music">  <div 阅读全文

posted @ 2023-01-12 16:17 林恒阅读(106) 评论(0) 推荐(0) 编辑

记录--前端性能监控初步实战

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言在当下前后端分离的主流环境下，前端部分的优化变得越来越重要。为了提升前端的性能和用户体验，我觉得可能需要从三个维度采集数据进行分析。前端埋点。通过埋点收集和统计网页的UV/PV、设备型号、浏览器等数据进行分析，比如可以有针对性对使阅读全文

posted @ 2023-01-11 17:15 林恒阅读(156) 评论(0) 推荐(0) 编辑

记录--JS-SDK页面打开提示realAuthUrl错误

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助测试环境好好地功能，上了生产，莫名其妙报错，开始以为是没有设置Js安全接口域名，结果让相应人员一查，已经设置了相应的域名，再看下公众号内的接口权限部分，相关js权限也都是已授权，没办法，只能按照微信文档上的常见错误及解决方法，设置debu 阅读全文

posted @ 2023-01-10 15:28 林恒阅读(267) 评论(0) 推荐(0) 编辑

记录--微信调用jssdk--Invalid Signature, updateAppMessageShareData: denied等问题

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近在做安卓内嵌入H5活动页拉新活动，遇到的棘手问题记录下，一是为了日后遇到同样问题好回顾，二是希望能帮到有同样问题的兄弟。废话不多说，先从最棘手的问题直接开始：一、Invalid Signature 1.因为项目内是Vue中的ha 阅读全文

posted @ 2023-01-09 17:02 林恒阅读(147) 评论(0) 推荐(0) 编辑

记录--微信调用jssdk全流程详解

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助微信调用jssdk全流程详解系统框架使用的是前后端分离，前端使用vant，后端是springboot 一、网页授权的时序图二、公众号配置 1. 绑定域名登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。也就阅读全文

posted @ 2023-01-06 16:18 林恒阅读(229) 评论(0) 推荐(0) 编辑

记录--短视频滑动播放在 H5 下的实现

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助短视频已经无数不在了，但是主体还是使用 app 来承载的。本文讲述 H5 如何实现 app 的视频滑动体验。无声胜有声，一图顶百辩，且看下图：网址链接（需在微信或者手Q中浏览）从上图可以看到，我们主要实现的功能也是本文要讲解的有：阅读全文

posted @ 2023-01-03 17:26 林恒阅读(231) 评论(0) 推荐(0) 编辑

记录--vue.config.js 的完整配置（超详细）！

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前段时间，对部门的个别项目进行Vue3.0+ts框架的迁移，刚开始研究的时候也是踩坑特别多，尤其我们的项目还有些特殊的webpack配置，所以，研究vue.config.js的配置的时候也是查阅了各种资料文档，最终，完成了项目webpac 阅读全文

posted @ 2022-12-26 18:14 林恒阅读(283) 评论(0) 推荐(0) 编辑

记录--可视化大屏-用threejs撸一个3d中国地图

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助不想看繁琐步骤的，可以直接去github下载项目，如果可以顺便来个star哈哈本项目使用vue-cli创建，但不影响使用，主要绘制都已封装成类 1、使用geoJson绘制3d地图 1.1 创建场景相关 // 创建webGL渲染器 thi 阅读全文

posted @ 2022-12-20 17:40 林恒阅读(766) 评论(0) 推荐(0) 编辑

记录--教你用three.js写一个炫酷的3D登陆页面

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言：该篇文章用到的主要技术：vue3、three.js 我们先看看成品效果：高清大图预览（会有些慢）：座机小图预览：废话不多说，直接进入正题 Three.js的基础知识想象一下，在一个虚拟的3D世界中都需要什么？首先，要有一个阅读全文

posted @ 2022-12-19 17:57 林恒阅读(191) 评论(0) 推荐(0) 编辑

记录--[vue3] 用 canvas 搞一个滑动刻度尺

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助背景去年做的小程序有一个选择克数的功能，本想着随便搞个数字输入框就完事了，结果产品搞来个app，人家是滑动尺子选的，没辙了，只能硬着头皮做了。思路搞一个横着排的div，然后里面塞很多很多小div，当做格子，格子弄一个左边框当做格子线阅读全文

posted @ 2022-12-09 17:57 林恒阅读(609) 评论(0) 推荐(0) 编辑

记录--手写$forceUpdate,vm.$destroy方法

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 vm.$forceUpdate （1）作用迫使Vue.js实例重新渲染。注意它仅仅影响实例本身以及插入插槽内容的子组件，而不是所有子组件。（2）实现只需要执行watcher的update方法，就可以让实例重新渲染。 Vue.js的每阅读全文

posted @ 2022-11-14 16:35 林恒阅读(76) 评论(0) 推荐(0) 编辑

记录--vue中动态引入图片为什么要是require，你不知道的那些事

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require 有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require，我倒着都能背阅读全文

posted @ 2022-11-04 17:40 林恒阅读(1025) 评论(1) 推荐(0) 编辑

林恒

随笔分类 - vue知识分享

公告