第五篇 避坑与选型总结

走到第五篇,前面讲的是怎么把 layui 用起来、怎么从旧版本走到新版本,这一篇要回答的是两个更现实的问题:出了毛病怎么排查,以及要不要继续把它用在下一个项目里。

所以这一篇的写法,更像一本病历本加一张处方笺。前两节是病历本:5.1 收录新手最容易挂号的六个毛病,5.2 收录升级到新版之后才暴露的五个坑,每一例都按症状、病因、处方三段展开。后两节是处方笺:5.3 讲 layui 适合什么团队、不适合什么场景,以及怎么和 Vue、React 系组件库还有纯 CSS 框架在同一套系统里和平共处;5.4 收束全书,给出三种典型场景下的最终选型结论。

如果你是被某个具体问题绊住的,不必从头读起,直接按下面的速查表对号入座。

你的症状或疑问 直接翻
组件没样式、表单不渲染、表格空白 5.1 问一至问三
弹层关不掉、图标变方块、抄的代码跑不通 5.1 问四至问六
升级后事件联动失灵、老插件报错 5.2 坑一、坑二
升级后模板输出、表格样式出现细节差异 5.2 坑三、坑四
页面行为随 CDN 发版漂移 5.2 坑五
新项目要不要用 layui 5.3 与 5.4
老 2.6.x 项目要不要升级 5.4 场景二

读这一篇时建议手边开着你的项目。病历本的价值在于对照,处方笺的价值在于执行。如果读完只让你记住一句话,我希望是这一句:锁好版本,看清官方升级指南,想清楚退出成本,再决定把谁请进你的代码库。