Products
GG网络技术分享 2026-04-15 12:56 0
共勉。 你不是在写页面你是在给 AI 设栏杆。如果只看一句话介绍, 你可能会觉得它是:
说白了UI 是逻辑和感受纠缠在一起的地方。这也是为什么到今天大多数 AI 还停留在:,不忍卒读。
什么意思?
剩下的,由 AI 决定。
得了吧... 不是技术看不懂的那种不舒服, 是那种——“好像哪里不对劲,但又说不上来”的不舒服。
剩下的,人慢慢退。
以后区分前端水平的,可能不再是:
代码语言:javascript
文章浏览阅读893次。在写项目的时候,有时候将项目分模块写,会需要不同模块之间的activity跳转,通常来说有两种方式,一就是路由跳转,或者使用隐式跳转 路由暂且不表,这里只对隐式跳转做个记录,加个过滤器即可category标签必须要有一个,然后直接跳转即可_android 如何在两个不相互依赖的模块间实现activity跳转 我惊呆了。 两个没有相互依赖的moudle之间的跳转 最新推荐文章于 2024-07-12 03:55:27 发布 原创最新推荐文章于 2024-07-12 03:55:27 发布·893 阅读·0 · ·CC 4.0 BY-SA版权版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。 ...
人,从“施行者”,变成了“能力提供者”。
我先说个真实感受。
而 Tambo 干了一件更激进的事。
AI,已经开始碰 UI 这条线了。
意图 → AI → UI → 用户
让我们一起... 听起来是不是有点像玩具?我一开始也是这么想的。
他破防了。 前端vue+el-input实现输入框中文字高亮标红效果 个人博客12-31524 生成html字符串来实现文字高亮标红效果,但是input输入控件不能渲染html字符串,那就用div来渲染html字符串,将输入框的背景和文字设置为透明,层级设置在div上面,这样用户输入时操作的是输入框,渲染时用的是下面的div。
我未处理输入框内容过多时滚动和调整输入框大小时的div,主要原因是我直接设置输入框autosize自动调整大小,并且关闭了resize,不允许用户调整输入框大小,有相关需求的可以看下掘金文章,有相应方案和思路。我的项目中需求是把括号内的内容标红。
/*
一些示例数据
*/
const data = ;
/*
一个简单的表格生成函数
*/
function generateTable {
let tableHtml = '';
tableHtml += '名称价格';
tableHtml += '';,我无法认同...
for {
tableHtml += ${i 提到这个... tem.name}${item.price};
}
走捷径。 tableHtml += '';
return tableHtml;
}
// 使用示例
const table = generateTable;,我爱我家。
// 将表格插入到页面中的某个元素中
document.getElementById.innerHTML = table;
# 一些流行的UI组件库对比
| 组件库 | 特点 | 使用场景 | 是否开源 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Ant Design | 成熟、 企业级、丰富的功能 | 大型应用、后台管理系统 | 是 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Material UI | 基于 Google 的 Material Design | 需要符合 Material Design 设计规范的应用 | 是 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Vant | 轻量级、移动端优先 | 小程序、移动 Web 应用 | 是 | = | = | == | = | = | == | = | = | == | = | = | == | = | = | == | = | = | == | = | = | == | = | = | == | = | == | = | == | = | ===== | === | ========== | ========== | ========== | ========== | ========== | ========== | ========== | ======= === ==== ==== === ==== === ==== ======================================================== ==== | ============ ===== ===== ==== ===== ======== = ============================== = ===== ========== ======== = ======= ============== ============= ============== === =========== ============= =============== =========== === ============ ============== ============ === ============ ============== ============ === =============== ======= ==== ====== ====== ====== ====== ====== ===== ===== ===== ===== ===== ===== ==== ==== ==== ==== ==== ==== ==== ======== ========== ========== ========== ========== ========== ============= ============= ============= ============= ============= =============== =============== =============== =============== =============== ================= ================= ================= ================= ================= =================== =================== =================== =================== =================== ===================== ===================== ===================== ===================== =========== =========== =========== =========== =========== ============= ============= ============= ============= ============= =============== =============== =============== =============== =============== ============== ============== ============== ============== ============== ============ ============ ============ ============ ============ ============== ============== ============== ============== ============== ============== ============== ============== ============== ============== =============== =============== =============== =============== =============== ============= ============= ============= ============= ============= ========= ========= ========= ========= ========= ======== ======== ======== ======== ======== ======= ======= ======= ======= ======= ====== ====== ====== ====== ====== === === === === === == == == == == == == == == == ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ====== ====== ====== ====== ====== ==== ==== ==== ==== ==== === === === === === | |||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 时间有限! |
Demand feedback