本篇文章将解决上一篇文章 结尾遗留的问题：如何让代码自动实现响应性？ 换句话说就是，如何让我们的 effect 自动保存 & 自动重新运行？又如何拦截对象属性的访问和赋值操作？ ...
背景 目前单位系统常用 Keycloak 作为认证系统后端，而前端之前写的也比较随意，这次用 Vue 3 插件以及 Ref 响应式来编写这个模块。另外，这个可能是全网唯一使用 keycloak 的 OIDC 原生更新密码流的介绍代码。 设计 依赖库选择 OIDC 客户端，这里选择 oidc-clie ...
vue3 地址 https://github.com/vuejs/core 首先看看vue文档什么是 Vue？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式 ...
vue3.0父级组件调用子组件方法 场景：在页面开发过程中，我经常涉及到不同组件之间的元素和方法的调用。就此记录在vue3.0项目，也是我开发的开源项目中的实现方式。 父级组件调用子级 1.应用场景 以下以我的代码实现为例：在左侧菜单中，通过点击新建会话，在会话列表中新建一个会话框。 其中：会话列表 ...
前言 之前业务系统中验证码一直是由后端返回base64与一个验证码的字符串来实现的，想了下，前端其实可以直接canvas实现，减轻服务器压力。 实现 子组件，允许自定义图片尺寸(默认尺寸为100 * 40)与验证码刷新时间(默认时间为60秒)。同时暴露绘制验证码方法drawPic(),允许父组件直接 ...
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 介绍 有朋友反馈说最近分享的内容不太好理解，那么今天来分享个早前开发的图层制作过程，基于GIS数据代码生成流动的车行线，上手很简单。下面我将在实现思路、具体开发、数据来源这几方面逐步讲解，希望读者能从中获取对数据可视化开发的兴趣。文中使用 ...
watch的数据源 watch函数的第一个参数是监听的数据源，可以是： ref和computed创建的响应式数据； reactive创建的响应式对象； getter函数； 多个数据源组成的数组； 注： 响应式对象的属性需要使用getter监听。 当数据源是响应式对象时，其属性的变更会触发回调函数，但 ...
//template中 <img :src="boxHerf" /> //js let boxHerf = ref('/src/assets/images/contain.svg') 上述写法本地能够正常访问图片，但是打包之后无法正常访问,将 boxHerf 换成下列写法即可解决 let boxHe ...
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一，问题起因 最新在开发小程序的时候，调用微信小程序来获取用户信息的时候经常报错一个问题 fail api scope is not declared in the privacy agreement，api 更具公告，是微信更新对应的隐 ...
在建设博客的初期，我采用GitBook构建了编码专家的专栏系统。GitBook是基于Node.js的静态页构建组件，可以将Markdown文档渲染为静态页，支持插件扩展，使用非常简单。由于它不支持深度的定制，使用了一段时间后，无法满足我的要求了。有一天我看到某博客采用VuePress，简洁美观、功能... ...
环境说明 macOS 13.5 % sw_vers ProductName: macOS ProductVersion: 13.5 BuildVersion: 22G74 Brew % brew --version Homebrew 4.1.2-33-gc531a35 安装 安装 nvm 使用 br ...
在这个三年的时间点上，也就是1100天，我打算继续出来和大家唠唠，这一年我又做了些什么事，或者说，如何把一款好的后台框架变得通用？ ...
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 简介 大家好，前端小白一枚，目前接触后台管理系统比较多，经常遇到不同对象的增删改查的接口，如何对Api进行一个有比较好的管理是个问题。在学习偏函数的时候有了灵感，想到一个不错的API管理方案，并应用在项目一个模块当中，并且开发效率和维护性 ...
因为工作的原因又回到了vue的领域，需要加深对vue和vue生态的了解也许平时比较多人手机看别人解析怎么看vue源码的，自己动手看vue源码的还是比较少，这次我想自己动手看看首先 吧代码获取到本地跑起来vue 仓库地址 https://github.com/vuejs/vue 开发环境 搭建指南 h ...
vue2和vue3都是前端JavaScript框架，基本概念和功能大部分都相同,它们的区别主要在语法、原理、生态以及打包四个方面. 语法： Vue.js 2使用基于Object.defineProperty的双向绑定来追踪变化，而Vue.js 3采用Proxy来实现响应式变化追踪，这提高了性能并允许 ...
01. 背景 最近项目需求里有个文件上传功能，而客户需求里的文件基本上是比较大的，基本上得有 1 GiB 以上的大小，而上传大文件尤其是读大文件，可能会造成卡 UI 或者说点不动的问题。而用后台的 Worker 去实现是一个比较不错的解决办法。 02. 原理讲解 02.01. Shared Work ...
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 业务场景： 产品有个功能是设置主题。类似手机自动切换壁纸，以及其他功能颜色，icon，字体等。 管理员需要在后端管理系统多次下载不同主题，（至于要干啥就不说了...），主题中可能有 30 ~ 100个高清壁纸, icon 等。现在每次下载 ...
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 要在 JavaScript 中实现屏幕录制，可以使用 navigator.mediaDevices.getDisplayMedia() 方法来获取屏幕的媒体流。然后，可使用 MediaRecorder 对象将媒体流录制为视频文件。 ...
VitePress部署到Github Pages后发现样式全错乱怎么办？ 当我们部署到Github pages线上后，发现全是样式错乱的，也就是无样式，怎么办？在此简单记录一下 这个时候我们作为前端开发者，可以打开浏览器调试看看就发现了，是静态资源地址不对，如下 这个时候，我们只需修改theme/c ...
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在前端开发中，有时候一些业务场景中，我们有需求要去实现excel的预览和打印功能，本文在vue3中如何实现Excel文件的预览和打印。 预览excel 关于实现excel文档在线预览的做法，一种方式是通过讲文档里的数据处理成html ...
