自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Una的博客

欢迎来到Una的个人博客,一起学习一起分享!

  • 博客(29)
  • 收藏
  • 关注

原创 【富文本编辑器】介绍了六种富文本编辑器(含demo官网链接)

本文介绍了多款主流的Web富文本编辑器,包括TinyMCE、CKEditor 5、Quill、wangEditor、ProseMirror和md-editor-v3。详细说明了各个编辑器的官网地址、使用方法(通过CDN或npm安装、初始化配置)、浏览器兼容性(大多支持现代浏览器)以及自定义功能(工具栏、插件、内容过滤等)。特别提到wangEditor在Chrome浏览器中存在光标异常、格式丢失等问题,而md-editor-v3是一款基于Vue 3的Markdown编辑器,支持双向数据绑定和预览模式。这些编辑

2025-10-29 15:43:27 807

原创 【前端学习 + Vue + Hooks】什么是hooks?怎么使用hooks?

Vue3中的Hook是基于Composition API封装的逻辑复用函数,用于解决代码复用和组织问题。相比Vue2的mixin,Hook通过函数封装实现清晰独立的逻辑,避免命名冲突,同时支持组合和类型推导。文章以表单验证为例,展示了如何定义useForm Hook(包含数据绑定、验证和提交逻辑)并在组件中使用。Hook将相关逻辑聚合,提升代码复用率和可维护性,是Vue3推荐的逻辑复用方案。

2025-10-28 17:35:54 1282

原创 【微信小程序 / Uniapp / Taro】微信小程序分享功能全解析,分享给朋友 or 群聊 or 朋友圈

微信小程序分享功能实现指南 本文介绍了微信小程序分享功能的两种实现方式:默认右上角菜单分享和自定义按钮分享。核心要点包括: 基础原理:分享功能依赖onShareAppMessage(分享好友)和onShareTimeline(分享朋友圈)生命周期函数,各框架(原生/Uniapp/Taro)实现方式略有差异。 默认分享:通过定义onShareAppMessage实现右上角菜单分享,可配置标题、路径、图片等参数。 自定义分享:使用<button open-type="share"&gt

2025-10-24 17:52:25 1796 2

原创 【Taro + Vue3】taro中小程序的生命周期详解(含在代码中的使用)

摘要: Taro(基于Vue 3)开发小程序时,生命周期分为应用生命周期、页面生命周期和Vue组件生命周期。应用生命周期(如onLaunch、onShow)定义在入口文件,全局仅触发一次;页面生命周期(如onLoad、onReady)通过Taro自定义API或直接暴露在页面组件中,支持与Vue 3的setup结合使用;自定义组件仅支持Vue组件生命周期(如onMounted)。需注意生命周期函数的定义位置和执行顺序,页面组件与自定义组件的支持范围不同。

2025-10-24 15:11:32 804

原创 【微信小程序 + 消息订阅 + 授权】 微信小程序实现消息订阅流程介绍,代码示例(仅前端)

本文介绍了微信小程序订阅消息的使用方法,包括一次性订阅和长期订阅两种类型。一次性订阅需配置模板ID、前端调用接口获取用户授权、服务端存储订阅关系并触发消息发送。长期订阅需符合特定类目要求,通过服务端API发送消息。文章还详细说明了两种订阅的开通条件、多模板处理逻辑,以及用户授权状态的判断方法,包括“总是保持选择”选项的影响和如何引导用户重新授权。最后提供了开发调试时重新触发订阅弹窗的解决方案。

2025-10-22 17:24:30 1646 6

原创 【微信小程序 + 登录流程】微信小程序授权登录完整流程,一篇搞定!(含代码实现)

本文详细介绍了微信小程序授权登录的完整流程,包括基础登录态检查、获取临时凭证code、服务器换取用户标识、生成自定义登录态等核心步骤。重点讲解了获取用户信息和手机号授权的特殊流程,强调了wx.getUserProfile()和button组件的使用规范。文章还提供了服务器端解密手机号的技术实现细节,并总结了常见错误排查方法,为开发者提供了一套完整的小程序登录解决方案。最后提醒开发者注意session_key等敏感信息的安全处理,确保登录流程的安全性和用户体验。

2025-10-22 14:55:04 3533

原创 【瀑布流大全】分析原理及实现方式(微信小程序和网页都适用)

无论是微信小程序还是网页,我们主要掌握思路,努力实现就行!瀑布流的实现有很多种方法,选择其中一种完成需求。一篇带你搞定瀑布流的流行实现方式,欢迎讨论,研究出更好的实现方法!

2025-10-21 18:07:51 912

原创 【微信小程序 + map组件】自定义地图气泡?原生气泡?如何抉择?

微信小程序中要显示标记点和气泡,什么场景选择哪个?都有什么坑?机型适配、宽度适应、需求显示等等。。。

2025-10-20 11:13:37 931

原创 【微信小程序 + 高德地图API 】键入关键字搜索地址,获取经纬度等

本小程序前端是基于 Taro3+Vue3+nutui3+webpack4 + 高德地图API。本文章适合有需求如: 接入高德api,根据文本查询地址,并获取经纬度的同学。希望对大家都有帮助。

2025-05-18 14:35:53 1960

原创 【taro3 + vue3 + webpack4】在微信小程序中的请求封装及使用

新手小白在自己封装request的时候,怎么快速封装出能跑通的reqeust嘞?看完这篇包能上手! 小白,小黑我傻傻分不清楚(我在玩抽象)

2025-05-14 23:06:40 1293

原创 【taro3 + vue3 + 微信小程序】登陆完整步骤!!!含代码具体实现

一步到位!!! 保姆级超级详细的微信登录流程哦~ code 、code傻傻分不清楚。带你思路清晰的完成登录整个开发流程。

2025-05-13 22:30:46 1253

原创 【layout组件 与 路由镶嵌】vue3 后台管理系统

vue的后台管理系统中,页面容器的整体布局 —— layout 是一位常见的选手,当你不知道怎么使用时候,可以看看这篇文章,后期有同学需要具体代码,再放出来!希望同学们看完有所收获哈!

2025-05-12 22:23:07 1701 1

原创 【vite好用的配置】自动导入组件、vue中的hook、路径解析、打包配置、本地运行反向代理配置

一篇教会你如何配置有用的vite.config.ts!!!!!!本篇文章会告诉你,如何自动导入组件和API,配置代理以及打包、配置@路径!!!

2025-05-10 14:48:42 1654

原创 【nvm安装详细教程】方便使用各个版本的node

在开发过程中,切换多个nodejs的版本。一篇搞定,教你如何使用nvm。

2025-05-05 18:43:56 30580 3

原创 【Taro3.x + Vue3】搭建微信小程序

IOS环境为例打开终端环境有多种办法,例举一个:在访达里新建一个文件夹,鼠标右键选择。

2025-04-11 11:46:39 728

原创 我的 tsconfig.json 配置

开始补上笔记,仅供参考,有更洁简的配置可以在评论区指导一下

2024-12-20 14:09:45 1542

原创 【项目配置文件】TypeScript 编译器的配置文件

tsconfig.json 文件、 tsconfig.app.json 文件、tsconfig.node.json 文件, 作用以及基础配置。持续更新...

2024-10-10 17:09:10 2308 2

原创 【Vue3 + TS + Vite】从0到1搭建项目框架

【Vue3】项目从0到1搭建,放心食用,有问题可以留言,希望能够帮助到大家。技术栈: vue3 + ts + scss + pinia + vite + element-plus

2024-10-09 00:14:52 4072

原创 【Uniapp】前端面试题

因为我个人技术栈里有Uni-app框架,所以会被问到关于Uni-app的知识点,需要的家人可以看看。文章头部有所有的分类的链接,方便大家跳转。

2024-09-05 17:04:12 4206

原创 【HTTP、Web常用协议等等】前端八股文面试题

前端面试中,会被问到网络协议等问题。欢迎大家订阅 我创作的《前端八股文面试题》专栏。

2024-09-01 00:14:28 1939

原创 【实例总结】前端八股文面试

面试过程中,遇到的一些关于实战的问题。文章头部有所有的分类的链接,方便大家跳转。

2024-08-31 09:00:00 3142

原创 【jQuery】前端八股文面试题

会持续更新,但jQuery被问到的比较少,主要是是机试的时候,看会不会用。文章头部有所有的分类的链接,方便大家跳转。

2024-08-30 20:54:51 2225

原创 【Vue2 + Vue3】前端八股文面试题

关于vue框架的面试题,整理不易,感谢理解。文章头部有所有的分类的链接,方便大家跳转。

2024-08-29 23:38:23 3116

原创 【JavaScript + ES6】前端八股文面试题

提供的方法仅供参考哈,有更好的想法,可以评论交流。文章头部有所有的分类的链接,方便大家跳转。

2024-08-27 20:31:22 2038

原创 【React/Vue】如何创建 React/Vue 项目 -- 手动和自动

本文总结了React和Vue项目的创建方法。React项目可通过手动或自动方式创建:手动方式需安装依赖并配置启动脚本;自动方式使用create-react-app快速生成。Vue项目可通过命令行或可视化面板创建,需要配置路由、UI库和axios等工具。两种框架都提供了从初始化到运行的全流程指导,适合不同需求的开发者快速上手项目搭建。

2024-08-26 22:07:29 751

原创 【CSS + CSS3】前端八股文面试题

加油!!! 继续背!!!文章头部有所有的分类的链接,方便大家跳转。

2024-08-26 10:00:00 2073

原创 【HTML + HTML5】前端八股文面试题

整理了一些前端八股文面试题,放心食用。文章头部有所有的分类的链接,方便大家跳转。

2024-08-25 14:22:27 2241

原创 如何配置Eslint语法检查

我们要使用一个插件,首先得知道它是什么、有什么作用。ESLint 是一款插件,主要用来检测编写的(JavaScript)代码是否符合规范。本文将从 命令安装、VSCode、WebStorm 三个方面给大家介绍。(ps: webstorm的后期补上)eslint官网:"env": {"rules": {"semi": ["error", "always"], // 要求分号"quotes": ["error", "single"] // 要求单引号no-console: 禁止使用。

2024-08-23 22:35:38 3230

原创 nodejs安装过程遇到的问题

在nodejs中,大家总是会遇到报错的问题,这里把我最近最新遇到的几个问题以及解决办法,写在这里分享给大家。了解的还不是很透彻,欢迎大佬们指点一二。

2024-08-08 18:30:27 2016

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除