通常在页面中嵌套iframe的情况下还需要进行消息传递的通信需求。一般分为两种情况： 1.iframe里的链接与父页面链接是非跨域 这种情况处理比较简单，直接在父级页面下就可以写脚本控制iframe里的元素，同时对iframe里的元素进行操作，例如绑定事件，当事件触发时发送消息给父级页面。 具体实践 ...

在 Vue3 中，有许多与响应式相关的函数，例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法，让我们在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ## ref() 大家对于 ref ...

1、安装tinymce编辑器 npm i tinymcenpm i @tinymce/tinymce-vue 或： yarn add tinymce yarn add @tinymce/tinymce-vue 2、配置中文语言包 地址：中文语言包 注：最好将语言包放在public/langs/或st ...

在本篇技术博文中，我们将深入探讨 Uniapp 框架中如何封装接口，以简化开发流程并提高效率。接口封装是一种重要的开发策略，它不仅可以减少代码量，还能提高代码的复用性和维护性。 通过阅读本文，你将深入了解 Uniapp 中封装接口的重要性和优势，并学会如何实施接口封装，以提高开发效率和代码的可维护... ...

> 好久前写了关于 `getStaticProps` 和 `getStaticPaths` 的内容，然而半年过去了源码解析就一直忘记了，不久前有人提醒才想起来，补下坑。 本文主要是解读下 `getStaticProps`、`getStaticPaths` 相关的源码，不了解这两个 `API` ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、需求 微信扫码授权，如果允许授权，则登录成功，跳转到首页。 二、问题 1、微信扫码授权有几种实现方式？ 2、说一下这几种实现方式的原理是什么？ 3、vue中的微信扫码授权登录，与uniapp和原生小程序的微信授权登录，它们之间有共同点 ...

本文，将向大家介绍 CSS 规范中，最新的 Anchor Positioning，翻译为**锚点定位**。 Anchor Position 的出现，极大的丰富了 CSS 的能力，虽然语法稍显复杂，但是有了它，能够实现非常多之前实现起来非常困难，或者压根无法使用纯 CSS 实现的功能。 Anchor ...

### 关于 Cloud Studio > Cloud Studio 是基于浏览器的集成式开发环境(IDE)，为开发者提供了一个永不间断的云端工作站。用户在使用Cloud Studio 时无需安装，随时随地打开浏览器就能在线编程。 > Cloud Studio 作为在线IDE，包含代码高亮、自动补全 ...

索引签名是 TypeScript 中一个强大的特性，它允许我们在对象和类中使用动态的属性名称。通常情况下，我们会在对象或类中定义固定的属性，但有时我们需要处理具有动态属性名称的情况。这时，索引签名就派上了用场。 在这篇技术博文中，我们将介绍索引签名的使用方法和用例，将展示如何定义带有索引签名的接口... ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 form 表单恢复初始数据 在现代的 Web 开发中，表单是不可或缺的组件之一。用户可以通过表单输入和提交数据，而开发者则需要对这些数据进行处理和存储。然而，在某些情况下，我们可能需要重置表单并恢复到最初的状态。 本文介绍了如何使用 fo ...

在我的项目中，使用i18n切换语言后，会进行`router.push`来刷新页面。 但我发现写在store中的选项（我把它们用作下拉框组件的`options`，例如`options="store.statusOption"`），却并没有切换语言。它们需要我手动刷新页面后才能够切换语言。然而其它组件中 ...

# Electron-builder打包和自动更新 # 前言 文本主要讲述如何为 electron 打包出来软件配置安装引导和结合 github 的 release 配置自动更新。 electron-builder 是将 Electron 工程打包成相应平台的软件的工具，我的工程是使用 [elect ...

最近翻到 ElementUI 的日期组件源码，看到一些处理日期的工具方法，挺有意思，平常没有注意到，特此记录下来。 ### 获取当前日期的前一天，后一天 ```js export const prevDate = function(date, amount = 1) { return new Dat ...

最近在做的一个前端项目中，有一些图像的处理操作（3D图，2D图都有），其中3D图也是通过获取后端服务的图像2D数据进行绘制展示，通过鼠标各种操作调用后端服务来进行重新获取新图数据。这里前端设计到图像的操作使用了PIXIJS，这里将使用的方式做一个说明，以作参考。 首先pixijs的官网：https: ...

在现代的 Web 开发中，表单是不可或缺的组件之一。用户可以通过表单输入和提交数据，而开发者则需要对这些数据进行处理和存储。然而，在某些情况下，我们可能需要重置表单并恢复到最初的状态。 本文介绍了如何使用 form 表单处理库来实现表单恢复初始数据的功能。通过 form 提供的灵活性和方便性，我们... ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在切换详情页中有这么一个场景，点击上一条，会显示上一条的详情页，同理，点击下一条，会显示下一条的详情页。 伪代码如下所示： 我们定义了一个 switcher 模版， 用户点击上一条、下一条时调用 goToPreOrNext 方法。该页面通 ...

随着 Web 应用的复杂性不断增加，性能优化成为了开发人员必须面对的挑战之一。Vue 路由懒加载是一项关键技术，它可以帮助我们提高 Web 应用的加载速度，从而提升用户体验。 在本篇技术博文中，我们将深入探讨 Vue 路由懒加载的背景、原理以及使用方法。我们还将分享一些优化和进阶技巧，帮助开发人员... ...

先看效果，整体界面结构如下  点击左侧菜单栏，右侧切换显示不同页面内容。 [Vue3使用路由–南河小站](https://www. ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1、效果图 用手机录屏再用小程序转换的gif，可能精度上有点欠缺。 2、实现过程 1、观察及思考 开始编码前我们首先观察展开后的结构：两个四分之一的圆加三个圆形菜单项。 文章名为用css画扇形，如上图所示没有任何Javascript辅助却 ...

、、 <template> <div> <div> <input type="text" @keyup.enter="mark"> </div> <div ref="text" style="height: 200px; overflow: auto" v-html="html"> </div> < ...