- 博客(3)
- 收藏
- 关注
原创 css反向圆角(弧形边框)
摘要:这段代码实现了一个类似浏览器标签页效果的按钮。通过CSS伪元素和背景渐变创建了标签页的圆角效果:使用::before和::after伪元素分别在按钮两侧添加半圆形装饰,通过radial-gradient实现平滑过渡。核心样式包括设置按钮背景色、圆角边框和绝对定位的伪元素。代码还展示了如何添加3D透视效果,使用transform属性实现20度的X轴旋转,并通过transform-origin设置变形原点在底部中心。整个效果仅用少量CSS即可实现浏览器标签页的视觉样式。
2025-12-17 14:57:07
142
原创 浅谈设计模式
本文档系统介绍了前端开发中常用的15种设计模式,包括发布-订阅、组合、命令、单例等模式。每种模式都详细说明了定义、核心特点、实现示例和使用场景,并分析了优缺点。设计模式为解决软件设计中的常见问题提供了可复用的方案,能提升代码质量、增强系统可维护性和扩展性。文档强调应根据实际场景合理选用设计模式,避免过度设计,并推荐了相关学习资源。掌握设计模式有助于开发者形成更好的设计思维,构建更健壮的前端应用。
2025-12-12 20:22:35
591
原创 微信公众号与小程序
本文总结了微信公众号开发中的常见问题与注意事项,主要包括: 网页授权获取OpenID流程,需通过OAuth2.0授权获取code后换取access_token; JS-SDK使用规范,包括安全域名配置、权限验证注入及接口调用方法; 常见问题处理方案,如JS-SDK验证失败、跨域问题和缓存优化; 简要提及uni-app小程序开发中的iOS兼容性问题。 开发过程中需注意安全配置、参数传递规范和后端代理处理敏感信息等关键点。
2025-07-08 15:58:35
1445
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅