首页 文章 精选 留言 我的

文章列表

共 227279 篇
输入框字数为什么和看到的不一样?UTF-16、码点与字素簇

输入框字数为什么和看到的不一样?UTF-16、码点与字素簇

输入框旁边写着“最多 10 个字”,用户只输入了几个表情,计数却已经到 10。另一边,用数组展开代替 length 后,带肤色的手势仍被拆开,截断结果也改变了原来的含义。 问题往往出在“字”没有被定义。JavaScript 字符串长度、Unicode 码点数量、用户感知的字符数量,是不同的口径。本文用可运行的独立示例,解释如何选择计数单位,并在完整文本边界截...

基于微信小程序的校园失物招领系统

基于微信小程序的校园失物招领系统

随着高校规模扩大与师生活动频次提升,校园内物品遗失与拾获现象日益普遍,据调研超过70%的师生有过校园失物经历,而传统失物招领模式已难以适配校园服务需求。当前多数高校仍依赖公告栏张贴、人工登记等传统方式,存在信息传播范围有限、更新滞后、匹配效率低下等问题,导致失物找回率不足15%,既给失主带来不便与损失,也增加了校园管理负担。

解构现代企业级应用:基于 Vue 3 与 iframe 的微前端架构实践

解构现代企业级应用:基于 Vue 3 与 iframe 的微前端架构实践

摘要:在企业应用的现代化进程中,将一个全新的、技术栈领先的系统无缝嵌入到现有的(甚至是传统的)平台中,是一项普遍存在的挑战。本文将以一个典型的“客户360度视图”项目为例,深度剖析一种基于 iframe 的微前端架构方案。我们将探讨如何利用 Vue 3、Pinia 和加密隧道技术,攻克跨域身份认证、状态管理、存储分区等一系列难题,最终实现一个安全、高效且可维...

Vue 3 中 v-model 绑定自定义组件时,为什么输入框会失去焦点?

Vue 3 中 v-model 绑定自定义组件时,为什么输入框会失去焦点?

在 Vue 3 项目里封装表单组件是很常见的需求。比如你写了一个 MyInput 组件,内部用 <input> 接收用户输入,然后通过 v-model 让父组件拿到值。看起来没问题,但实际运行时经常出现一个让人困惑的现象:每输入一个字符,输入框就失去焦点,必须重新点击才能继续输入。这个问题在开发搜索框、表单、聊天输入框时都会遇到。根本原因通常不在...

Vue 3 中 watch 和 watchEffect 的依赖收集差异导致的一次诡异重复请求

Vue 3 中 watch 和 watchEffect 的依赖收集差异导致的一次诡异重复请求

在 Vue 3 的组合式 API 里,watch 和 watchEffect 看起来只是写法上的偏好区别,但它们对响应式依赖的收集时机完全不同。watch 是显式声明依赖源,只在源变化时执行回调;watchEffect 则是立即执行一次,执行过程中访问到的响应式数据会被自动收集为依赖。这个差异在简单场景下无感,但当你把异步请求放在 watchEffect 里...

Vue 3 中 ref 与 reactive 的响应式陷阱:为什么修改数组索引不触发更新?

Vue 3 中 ref 与 reactive 的响应式陷阱:为什么修改数组索引不触发更新?

在 Vue 3 组合式 API 里,ref 和 reactive 是最常用来定义响应式数据的两个函数。很多从 Vue 2 迁移过来的开发者习惯性地用 reactive 包裹对象或数组,然后直接通过索引赋值或者修改 length,结果发现视图纹丝不动。这个问题在列表渲染、表格编辑、动态表单等场景里特别容易踩坑:明明数据变了,控制台打印出来也是新值,但 DOM ...

Node.js 服务端在处理大文件下载请求时内存暴涨的排查过程

Node.js 服务端在处理大文件下载请求时内存暴涨的排查过程

上周在维护一个内部文件管理服务时遇到一个奇怪的问题:只要有人下载超过 200MB 的文件,Node.js 进程的 RSS 内存就会迅速飙升到 1.5GB 以上,几轮下载后触发 OOM 被容器重启。这个服务本身只是把对象存储里的文件流式转发给浏览器,没有做任何缓存处理,按道理不应该占用这么多内存。出现内存暴涨的场景很具体——只有大文件、并且用户用 Chrome...

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册