el-form-item 绑定数组做校验本文演示了如何在 Element UI 的 el-form-item 中,通过动态绑定 rules 数组来实现自定义校验。代码展示了在模板中使用 validator 函数调用自定义逻辑,并在 methods 中编写具体的验证方法,以处理如 projectId 数组非空等复杂校验场景,确保表单数据的准确性与完整性。Vue2· 2022年12月29日· 834V
uni-app瀑布流本文介绍uni-app中瀑布流的实现方案。通过监听列表变化,将新数据暂存并动态分配至左右两列。核心逻辑基于图片加载事件触发高度对比,优先填充较短的一侧,从而保持布局平衡。代码包含Vue组件结构及DOM高度查询方法,适用于移动端图文混排场景。JavaScript· 2022年11月22日· 1887J
前端蒙层中间挖空效果本文详解前端实现蒙层中间挖空的三种方案:利用clip-path裁剪、mask径向渐变及多元素组合。对比了各方法在代码简洁度、形状灵活性与浏览器兼容性上的差异,并附带完整HTML示例与交互逻辑,帮助开发者根据实际需求选择最优实现方式。Css· 2025年11月12日· 542C
深度作用选择器 >>>、/deep/、:deepVue scoped 样式无法穿透第三方组件深层节点时,可通过非 scoped 标签、>>> 或 /deep/ 解决。目前官方推荐使用 :deep() 伪类,它兼容性好且语义清晰,能有效打破样式隔离限制,实现对外部组件内部元素的精准样式覆盖。Css· 2022年5月24日· 875C
vue项目中使用websocket和EventSource/es本文介绍Vue项目中WebSocket和EventSource的使用。首先解析WebSocket特性并封装通用Hook,实现自动重连与心跳机制;随后演示原生EventSource及基于polyfill的SSE封装,支持自定义请求头。内容涵盖核心代码示例,助力前端实时通信功能落地。JavaScript· 2023年11月30日· 766J
通过Nginx实现链接重定向本文介绍如何利用Nginx的rewrite指令实现URL重定向。以将/foo/路径下的请求转发至另一站点的/bar/路径为例,展示了具体的配置写法。其中,正则表达式中的括号用于捕获变量,并通过$1在目标地址中引用,从而完成动态路径的重定向。开发环境· 2022年7月8日· 534开
Nginx的跨域配置本文分享了一段能解决绝大多数跨域问题的Nginx配置代码。通过设置Access-Control-Allow-Origin及相关请求头,并针对OPTIONS预检请求返回200状态码,配合反向代理指令实现前后端分离场景下的跨域访问,简洁高效,适合快速排查和修复常见的跨域错误。开发环境· 2022年6月1日· 741开