有些交互看似复杂，其实前端觉得超级简单

主要观点总结

文章主要介绍了Web前端技术与设计的交互效果，包括获取数值、变量设置和状态设置等方面的内容。文章指出设计师对前端技术的认知不足，导致一些交互效果的实现受到误解和忽视。文章旨在鼓励设计师了解一些前端技术的基本原理，以更好地实现交互效果，提升用户体验。

关键观点总结

关键观点1: 获取数值

前端可以获取各种非隐私数值，如用户终端和浏览器类型、尺寸、网速等，并利用这些数值实现特殊效果。例如，弹窗的宽高可根据浏览器或容器尺寸变化，表单也可实现实时验证。

关键观点2: 变量设置

虽然设计师在设计工具中使用样式和变量功能较少，但对前端来说，设置变量是基本操作。利用变量，前端可以做出设计方案难以模拟的交互效果，如整体换色、调字号等。

关键观点3: 状态设置

前端可以实现自动获取焦点、滚动到指定位置等状态设置。这些交互效果对用户来说操作更便利，对前端来说实现难度不高。但设计师由于缺乏前端认知，往往忽视这些交互效果的可能性。

关键观点4: 设计师与前端合作的建议

设计师应了解一些前端技术的基本原理，以提升交互效果的实现。通过参加《前端认知训练营》等活动，设计师可以增进对前端技术的了解，从而更好地与前端合作，实现优质的交互效果。