🚀手机号格式验证不通过？原来是零宽字符搞的鬼
前言 我们有一个需要用到用户的手机号进行一些操作的功能，在这里行文的时候姑且脱敏为：用户输入手机号，我们发短信，这也是经常遇到的功能。 然而有一次，明明用户输入了一个非常正常的手机号（行文中手机号脱敏为 ，我们在本文中认为这个手机号是合法的 ），但是却死活验证不通过，导致发短信失败。 然后下游的同事反馈过来说，我们给到他们的手机号是这样的： 是什么东西呢？它其实是零宽字符的一种，属于零宽空格。 零宽字符简介 零宽字符 是一类特殊的字符，...
uniapp微信开发合集，登录-支付-订阅消息
背景 uniapp很多小程序组件库、功能丰富，可以帮我们快速做开发。但是呢，这些组件库，缺了点儿跟微信业务直接相关的、比如怎么在微信里收钱、怎么让用户登录，还有怎么发订阅消息给他们。这些业务功能，组件库里都没有现成的。 所以啊，我自己动手，开发了一套微信业务组件合集，起了名字叫【uboxui】，专门解决这些问题。这样大家在做微信小程序的时候，就能更方便、更快捷地搞定这些业务上的事儿了。 功能合集 以下内容重点讲解实现思路，完整代码文末下...
Vite前端部署：版本更新，即刻知晓
最近测试和用户频繁反馈，说经常会出现页面点不动了。然后每次都回复，刚发完版，刷新下就好了。但时间长了，就被怀疑是能力问题，因为其他项目为什么不这样呢？ 先做一些准备工作，复盘一下当时的场景： 运行 在本地快速新建一个项目 进入项目目录中，运行 安装依赖，安装成功后启动项目 , 启动成功后运行 进行打包。打包完成后根目录下会多出一个dist目录。运行 预览构建后的项目。 页面可以正常打开： 页面窗口保持不变（不进行刷新等其他操作）。在 文...
原来vue3中template使用ref无需.value是因为这个
本文是 的第 15 篇，和该系列的其他文章一起服用效果更佳。 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 众所周知，vue3的template中使用ref变量无需使用 。还可以在事件处理器中进行赋值操作时，无需使用 就可以直接修改ref变量的值，比如： 。你猜vue是在编译时就已经在代码中生成了 ，还是运行时使用Proxy拦截的方式去实现的...
基于 React 国际化（i18n）：你还在项目中手动管理语言包吗？
在全球化的背景下，越来越多的应用需要支持多语言用户。实现这种多语言支持的过程通常被称为国际化（i18n）。在 React 项目中， 是一个广泛使用的库，它为开发者提供了强大的工具来简化国际化的实现。 常用的国际化方案 目前，国际化的实现通常有以下几种方案： 1. 静态语言包 ：在项目中预先定义好多语言的静态文件，例如 JSON 文件，然后根据用户的语言选择加载相应的文件。这种方法简单直接，但在需要频繁更新翻译内容时不够灵活。 2. 动态...
我的 Electron 客户端被第三方页面入侵了
问题描述 公司有个内部项目是用 来开发的，有个功能需要像浏览器一样加载第三方站点。 本来一切安好，但是某天打开某个站点的链接，导致 整个客户端直接变成了该站点的页面 。 这一看就是该站点做了特殊的处理，经排查网页源码后，果然发现了有这么一句代码。 翻译一下就是：如果当前窗口不是顶级窗口的话，将当前窗口设置为顶级窗口。 奇怪的是两者不是 跨域 了吗，为什么 还可以影响顶级窗口。 先说一下我当时的一些解决办法： 1. 用 替换 2. 给 添...
🍻 前端服务监控原理与手写开源监控框架SDK前端服务监控概述
前端监控的目的很明确，无非就是让我们的产品更完善，更符合我们和用户的需求。运营与产品团队需要关注用户在产品内的行为记录，通过用户的行为记录来优化产品，研发与测试团队则需要关注产品的性能以及异常，确保产品的性能体验以及安全迭代。 而一个完整的前端监控平台至少需要包括三个部分： 数据采集与上报、数据整理和存储、数据展示 。算上需要监控的项目的话，也就是说，至少需要4个项目才能完整的记录前端监控的内容。 下图是一个完整的前端监控平台需要处理和...
Git 代码提交规范，feat、fix、chore 都是什么意思
Git 代码提交规范，feat、fix、chore 都是什么意思? 经常看到别人提交的代码记录里面包含一些feat、fix、chore等等，而我在提交时也不会区分什么，直接写下提交信息，今天就来看一下怎么个事，就拿 element plus/ant design 来看一下。 其实这么写是一种代码提交规范，当然不是为了炫技，主要目的是为了提高提交记录的可读性和自动化处理能力。 当然如果团队没有要求，不这么写也可以。 commit mess...
uniapp vue3 微信小程序展示markdown
一、zero markdown view 首先是去dcolud插件市场逛 了一圈，发现兼容vue3并且下载数比较高的是这款，zero markdown view， 插件用起来比较方便，符合 组件模式, 导入 后直接使用即可。 参数支持自定义代码背景色（不建议修改）、以及主题色。 测试效果如下： 个人觉得主段落内容字号太大，行距太大，看起来不是很美观。 二、微信小程序原生插件tom 1、安装 第一步：下载源文件，那么可以git clone...