探索用户界面UI元素,在线CSS/HTML/Tailwind实例
汇聚大量开发者和设计师分享的前瞻技术与设计经验。
项目初期的技术选型 去年做了一个移动端的交互式卡片滑动组件,类似 Tinder 那种左右滑动操作。一开始没想太多,直接用 click 事件绑定按钮和滑动区域,结果在 iOS Safari 上点一下要等...
为什么我要折腾这些发布流程? 去年我们团队从手动部署切换到自动化,折腾了三四种方案,踩了不少坑。说实话,一开始我以为“不就是 npm run build + scp 上传”嘛,结果线上环境一复杂,问题...
上线后用户反馈“数据没更新”,我差点以为是后端背锅了 上周五下午,产品突然冲过来:“线上用户说改了配置,页面还是老的,刷新也没用!”我第一反应是:不可能,我们明明加了版本号啊。结果自己一试——还真没变...
项目初期的技术选型 上个月接了个移动端的活动页需求,要实现一个类似“刮刮卡”的交互效果——用户手指滑动区域,底下隐藏的内容逐渐显现。一开始我第一反应是用 Canvas,毕竟这种像素级控制 Canvas...
项目初期的技术选型 去年做了一个支付类的 H5 项目,后端是 Java,前端是 Vue3 + TypeScript。需求里有一条很关键:用户提交订单时,必须防止重复提交。一开始我们只在前端加了按钮防抖...
我的写法,亲测靠谱 Hover效果看似简单,但真正在项目里用起来,坑多到你怀疑人生。我一开始也以为加个:hover就完事了,结果在移动端、低配设备、复杂布局下各种翻车。折腾了好几个项目后,现在基本形成...
我的写法,亲测靠谱 在前后端分离的项目里,跨域请求太常见了。我早期总以为只要后端加个 Access-Control-Allow-Origin: * 就万事大吉,结果一加上自定义 header,比如 X...
先上代码,再聊细节 最近项目里有个需求:用户在看敏感内容(比如支付结果、个人资料)时,不能被截屏。听起来简单,但真做起来才发现坑不少。我一开始以为加个 meta 标签就完事了,结果发现根本没用——那玩...
优化前:卡得不行 上个月我们上线了一个内容型站点,用的是 Next.js 的静态生成(SSG)。初期几百个页面,构建飞快,部署也稳。但随着内容量涨到 3000+ 页面,每次构建直接干到 15 分钟以上...
优化前:卡得不行 上个月接手一个老项目,里面有个 Dialog 弹窗组件,一打开就卡成 PPT。用户点一下“确认订单”,页面直接卡住 3 秒多,手指滑动没反应,连关闭按钮都点不动。测试同事直接在群里@...
项目初期的技术选型 去年接了个混合开发的活儿,要做一个移动端的行业工具类应用,功能不算复杂,但要求跨平台(iOS + Android),还要能快速迭代。团队里没人会原生,React Native 我们...
优化前:卡得不行 上周上线一个内容密集型的详情页,用户一进来就疯狂抱怨“转圈转到怀疑人生”。我自己用手机点开也是一脸黑线——首屏白屏将近5秒,滚动还卡成PPT。这哪是用户体验,简直是用户劝退。 页面结...
项目初期的技术选型 去年做了一个移动端的滑动卡片组件,类似 Tinder 那种左右滑动匹配的效果。一开始想直接用第三方库,比如 Swiper,但发现它太重了,而且定制性不够——我们还要在滑动过程中实时...
优化前:卡得不行 上个月接手一个老项目,首页加载完之后点任何按钮都卡顿,尤其在低端安卓机上,简直没法用。用户反馈“点一下要等两秒才有反应”,我本地测也确实如此——首屏渲染完后,页面明明没动,但 CPU...
导入导出这事儿,真没你想的那么简单 最近项目里又碰到了 Excel 导入导出的需求,说实话,每次做这种功能我都头大。不是技术难,而是方案太多,选哪个都得权衡半天。客户说“导出个表格很简单吧”,我只能苦...
又踩坑了,二次确认弹窗被绕过 上周上线一个后台管理功能,用户点击“删除”按钮后要弹出二次确认。结果 QA 测试时直接按回车键就删了,根本没弹窗。我当场懵了——这不就等于没做二次确认? 一开始我以为是事...
动画卡顿到怀疑人生,原来是 anime.js 的 timeline 用错了 上周在做一个产品页的交互动画,用 anime.js 做一个分步入场的效果。本来以为就是简单地串几个动画,结果页面一跑起来,动...
我的写法,亲测靠谱 做 P2P 通信这几年,我踩过不少坑,也总结出一套自己用起来最顺手的写法。WebRTC 看似简单,但真要跑通、稳定、兼容性好,细节特别多。下面这个基础连接流程,是我目前项目里最常用...
又踩坑了,闭包导致的内存泄漏差点让我背锅 上周上线一个新功能,用户反馈页面越用越卡,切换几个模块后直接卡死。我一开始以为是动画太多或者数据量太大,结果排查半天发现,罪魁祸首居然是几个看似无害的闭包函数...
我的写法,亲测靠谱 我用 TypeScript 写移动端项目快五年了,踩过不少坑,也摸索出一套自己觉得顺手的写法。很多人一上来就想着把类型系统玩到极致,结果代码越写越绕,最后连自己都看不懂。其实 TS...
Hi~欢迎来到 JZTHEME 即刻开启你的创意之旅