全部文章
共 1299 篇文章
原来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...
Vue v-for 进阶指南：in 与 of 的区别及应用场景
在 开发中， 是我们用来遍历数组、对象或其他数据结构的核心指令。然而，很多开发者可能忽略了其中的一个细微差别： 和 。这两个关键字看似相似，但却有各自不同的使用场景和适用数据类型。理解它们的区别，可以帮助我们编写更简洁、高效的代码。 本文将详细探讨 中的 和 ，并讲解它们各自的适用场景，帮助你在 项目中做出最佳选择。 什么是 ？ 是 提供的用于遍历数据的指令，它可以帮助你快速渲染列表、表格等动态生成的内容。在使用 时，我们通常需要遍历一...
使用iframe内嵌网页的时候，如何做到内嵌网页的高度自适应
在页面无刷新更新方面，虽然现在的ajax很强悍，但是处理代码相对多点。想比之下，iframe就简单多了！处理iframe的自适应宽、高，会经常用到，网上整理了一份，写在这里备用： 单个iframe 高度自适应： 起作用的是这句： onload="this.height=iFrame1.document.body.scrollHeight" 多层嵌套iframe 高度自适应： A页面的iframe： B.PHP页面又有一个iframe：...
升级Vue2 到 Vue3
2023年年底，vue2 正式地寿终正寝，不再被官方支持。公司业务的后台还有小程序项目都是使用 vue2，早在很早之前就有升级到 vue3 的想法，在我加入团队之前就有其他成员进行尝试，却不了了之。在23年年底前这一规划又被提上日程，当时我便打算拿我们后台的项目开刀，进行这一大更新。 1、方案调研 作为一个拥有十几万行代码，几百上千个文件的项目，手动一个个去更新，去研究 vue2 语法和 vue3 语法的区别自然是不现实的。既然在当时，...