logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

VueJavaScriptUniApp

可提供的服务

Vue、UniApp等软件开发服务

原生微信小程序中限制多选框(Checkbox)可选个数的实现详解

本文介绍了在微信小程序中实现复选框多选限制的解决方案。通过自定义数据绑定和逻辑控制,可以实现最多选择N项的功能。文章详细讲解了WXML模板结构的设计要点,以及JS逻辑处理的核心步骤,包括切换选中状态、统计已选项数量、控制禁用状态等。该方案适用于表单收集、问卷调研等实际业务场景,并提供了扩展建议。最终得出结论:虽然小程序组件没有内置选择限制功能,但通过数据绑定和逻辑控制可以灵活满足业务需求。

#微信小程序#小程序
Nginx解决前端跨域问题

最近连续两个朋友问我跨域相关问题,我猜想可能不少朋友也遇到类似问题,我打算写个博客聊一下我实际使用的配置,先说明一下,我并不太了解这配置,没精力去了解太多,但我觉得其中有一些关键的小注意点,可能有些初学者不太注意到,导致配置有问题,本文章可能只对新手有点帮助,如果你有好配置,欢迎评论回复,让大家学习!Nginx的CORS配置,网上太多这配置了,但大家更多的复制粘贴、转发,几乎都是类似下面这三两行:

Vue 3.4+ defineModel 全面详解 + 实战最佳实践

Vue 3.4引入的defineModel宏极大简化了组件v-model的使用,一行代码就能实现双向绑定、类型推导和修饰符处理。文章详细讲解了其基础用法(默认v-model和自定义名称)、进阶配置(类型提示、默认值和必填校验)、多v-model支持,以及通过修饰符和转换器实现.trim等特性。通过对比传统写法,展示了defineModel在代码简洁性、类型支持和功能完整性上的优势。最后给出了升级建

#vue.js#前端#javascript
原生微信小程序网络请求与上传接口封装实战指南

微信小程序网络请求封装实践:针对原生API的不足(重复代码、缺乏统一管理),文章提出了基于wx.request和wx.uploadFile的封装方案。通过建立config.ts基础配置、request.ts通用请求层和upload.ts上传模块,实现了token自动注入、统一错误处理、loading提示等能力。实际案例展示了获取用户信息和上传头像的调用方式,最终达成代码精简、维护性提升的目标。该方

#微信小程序#小程序
v-for循环中使用‘v-model‘ directives cannot update the iteration variable itself

中的迭代变量,因为这些变量是基于父作用域的,而直接修改它们不会触发 Vue 的响应式更新机制。指令中,试图直接修改迭代变量本身,而不是修改变量的属性。Vue 不允许直接更改。要解决这个问题,应该修改对象的属性,而不是迭代变量本身。不是对象,而是一个原始值(如字符串或数字),你可能需要将。属性,这样修改对象的属性才会触发响应式更新。这是不允许的,因为你直接尝试修改。数组中的值,而不是迭代变量本身。是

文章图片
#vue.js#javascript#前端
uniapp视频试看功能

前端监听视频播放进度,在试看结束后做一些操作HTMLJavaScript

#前端#vue.js#javascript
JS将字符串转换为正则表达式

获取字符串将其转换为正则表达式使用regexp对象构造函数从字符串创建正则表达式:const value = "176****3333";const str = "(^$)|(^0?(13|14|15|17|18|19)[0-9]{9}$)";const reg = new RegExp(str);console.log(reg);if (!reg.test(value)) {console.lo

#正则表达式
HTML头部元信息避坑指南

HTML头部元标签(charset、lang、meta等)对SEO、可访问性和国际化有重要影响。常见误用包括:charset未放在<head>首位、lang属性缺失或错误、viewport禁用缩放、description关键词堆砌等。正确实践包括:优先声明UTF-8 charset、准确设置页面语言、保留移动端缩放功能、编写自然的description描述。工程建议:使用框架统一管理头

#html#前端
CSS 实现文本溢出省略号(三种主流方式,适配单行 & 多行)

【摘要】本文详细讲解了CSS实现文本溢出显示省略号的实用技巧,涵盖单行和多行两种场景。单行方案通过text-overflow:ellipsis实现,具有良好兼容性;多行方案依赖-webkit-line-clamp属性,需注意Firefox的兼容性问题。文章提供了代码示例、效果演示、原理说明和兼容性对比,并延伸了Vue/React实现、工程化建议及常见问题排查方法。最后总结了不同方案的优缺点,推荐根

#css#前端
手机号校验正则规则详解(更新于2025年5月)

本文介绍了前端开发中手机号格式校验的正则表达式应用。通过详细的11位手机号正则拆解,说明了对各运营商号段的匹配规则,包括中国电信、联通、移动、广电等号段分布。文章还列出了特殊号段和未分配号段,并建议开发者定期参考工信部最新信息更新校验规则。该正则表达式可应用于用户注册、登录等场景,确保手机号输入的有效性。

#javascript#正则表达式
    共 78 条
  • 1
  • 2
  • 3
  • 8
  • 请选择