logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

2026 最新:Trae / Cursor 一键接入 taste-skill 完整教程(让 AI 前端告别“AI 味”)

摘要:GitHub热门项目taste-skill通过系统级Prompt+规则文档+工作流,让AI生成的前端代码更具高级产品风格(如Apple/Linear风格),而非廉价AI味设计。该项目包含多个Skill模块,分别针对极简UI、高级动效、图片转代码等场景,通过持续约束AI输出提升审美水平。安装后需明确触发Skill组合(如design-taste-frontend+minimalist-ui),

#前端
2026 最新:Trae / Cursor 一键接入 taste-skill 完整教程(让 AI 前端告别“AI 味”)

摘要:GitHub热门项目taste-skill通过系统级Prompt+规则文档+工作流,让AI生成的前端代码更具高级产品风格(如Apple/Linear风格),而非廉价AI味设计。该项目包含多个Skill模块,分别针对极简UI、高级动效、图片转代码等场景,通过持续约束AI输出提升审美水平。安装后需明确触发Skill组合(如design-taste-frontend+minimalist-ui),

#前端
2026 最新:Trae / Cursor 一键接入 taste-skill 完整教程(让 AI 前端告别“AI 味”)

摘要:GitHub热门项目taste-skill通过系统级Prompt+规则文档+工作流,让AI生成的前端代码更具高级产品风格(如Apple/Linear风格),而非廉价AI味设计。该项目包含多个Skill模块,分别针对极简UI、高级动效、图片转代码等场景,通过持续约束AI输出提升审美水平。安装后需明确触发Skill组合(如design-taste-frontend+minimalist-ui),

#前端
2026 最新:Trae / Cursor 一键接入 taste-skill 完整教程(让 AI 前端告别“AI 味”)

摘要:GitHub热门项目taste-skill通过系统级Prompt+规则文档+工作流,让AI生成的前端代码更具高级产品风格(如Apple/Linear风格),而非廉价AI味设计。该项目包含多个Skill模块,分别针对极简UI、高级动效、图片转代码等场景,通过持续约束AI输出提升审美水平。安装后需明确触发Skill组合(如design-taste-frontend+minimalist-ui),

#前端
UniApp 纯前端实现企业级购物车:Vuex + Storage 多用户状态管理闭环方案

📌纯前端购物车架构方案:针对轻量级电商系统中后端不提供购物车接口的场景,提出基于Vuex+本地存储的解决方案。通过动态存储Key实现多账号数据隔离(MALL_CART_DATA_${userId}),Vuex管理实时状态,Storage持久化数据。核心特点包括:1)完整商品对象存储;2)价格防篡改机制(结算时只传ID和数量);3)生命周期管理(登录/退出时同步状态)。业务层只需简单调用Vuex方

#uni-app#前端#状态模式 +1
[特殊字符] 告别“屎山”代码!Vue / uni-app 企业级前端架构与目录命名规范指北(进阶版)

本文系统介绍了Vue/uni-app项目的前端工程化规范,重点强调命名规则与架构解耦。核心要点包括:1)命名规范(组件用PascalCase,工具用camelCase,文件夹用kebab-case);2)分包策略(主包放核心页面,业务模块放入分包);3)组件分层(UI组件与业务组件分离);4)逻辑复用(Vue3推荐composables);5)状态管理按业务域划分。文章还提供了完整的项目目录结构示

#前端#vue.js#uni-app +1
【前端架构实战】拒绝切 Tab 白屏!纯手写 Vue/uni-app 多标签页“零延迟缓存”列表架构

本文针对电商/资讯类小程序常见的多Tab分类列表开发痛点,提出了一套优化解决方案。传统实现存在三大问题:切换Tab需重新加载导致白屏、无法记忆滚动位置、快速切换时数据错乱。作者创新性地采用二维Map状态机架构,通过以下设计实现优化: 使用productMap和paginationMap两个字典分别存储各Tab独立的数据和分页状态 核心loadProducts函数实现三重拦截(加载中拦截、无更多数据

#前端#架构#vue.js
【uni-app踩坑录】scroll-view时而滚不动、时而卡死?彻底解决Flex布局下的高度冲突问题

摘要: 在uni-app微信小程序开发中,遇到一个Flex布局与<scroll-view>的滚动冲突问题:页面滑动时时而失效,甚至触发橡皮筋回弹。原因在于动态内容(如富文本、瀑布流)撑大了<scroll-view>,导致其高度超出外层容器(100vh),引发原生滚动与内部滚动冲突。 解决方案:通过CSS强制约束滚动区域: 外层容器添加 overflow: hidden 禁用

#uni-app
彻底搞懂 UniApp 微信小程序最新登录授权闭环:头像昵称获取 + EventChannel 优雅路由回跳

别再执念于前端获取明文手机号:微信新规下,前端只能拿到phoneCode。直接把code扔给后端,让后端去解密并开启数据库事务一并更新用户信息,这才是最安全、数据最一致的做法。警惕的跨级谋杀:在涉及到跨页面的 EventChannel 通信时,永远不要用跨级后退去“暗杀”中间页面。老老实实退 1 层接力传递,或者改用全局uni.$emit,才能保证回调函数被安全执行。延迟回退抵消动画:在执行Map

#uni-app#微信小程序#小程序
TailwindCSS安装教程(PostCSS)

本文为TailwindCSS3.4版本安装教程。

#postcss#前端#javascript
    共 16 条
  • 1
  • 2
  • 请选择