@function
CSS @function at-rule 是CSS自定义函数模块的核心功能，允许开发者定义可复用的函数块，提升样式表的动态性和模块化。该规则通过指定函数名（以双破折号开头，如 --my-function）、参数列表（每个参数可带类型声明如
标签：前端技术
共 6 篇相关文章
Javascript的那些事儿
这篇文章从JavaScript的发展历程切入，探讨了它在构建数据库监控可视化方案中的实际应用。作者以Oracle Enterprise Manager中经典的“等待事件图”为实例，展示了如何利用JavaScript和ExtJS类库来复刻这一功能。 具体方案上，文章推荐使用ExtJS的图表组件来处理绘图工作，开发者只需专注于数据获取与格式转换。核心逻辑是创建一个JsonStore来存储等待事件数据，并通过定时（如每5秒）从数据库查询最新记录、移除最旧记录的方式，实现图表的动态前移更新。 文章还对比了JavaScript与Java在实现这一逻辑时的差异，突出了JavaScript作为动态语言在属性定义与操作上的灵活性——例如可以直接使用包含空格的属性名（如“ON CPU”），并通过字典式语法（item['time']）方便地遍历属性，这使得代码比Java实现更为简洁。 最终，通过前端JavaScript的动态数据操作与ExtJS图表库的结合，实现了一个可交互的、实时更新的等待事件监控面板。作者认为，JavaScript或许被低估了，在Web技术主导的时代，它确实是一个强大且实用的工具。
图形化简历
这篇讲的是把传统文字简历转化为视觉化信息的设计思路。作者从“信息图形化”这一热门方向切入，探讨了如何将枯燥的文本、数据和经历，转化为直观、有层次的图形呈现。 文章核心在于提出了一套图形化简历的设计框架：不仅是简单替换图片，而是通过信息架构重组，比如用时间轴展示职业路径，用技能图表替代文字描述，用项目成果的可视化对比来增强说服力。这种设计不仅提升了阅读效率，更能在短时间内传递出求职者的逻辑思维、审美能力与专业深度。 文中分析了图形化简历在不同场景下的应用优势，比如针对创意岗位能突出视觉表达力，针对技术岗位则能清晰展现技能栈与项目成果。同时也对比了传统简历的局限性，指出图形化并非简单美化，而是基于内容本质的再设计。作者强调，好的图形化简历应当做到“一图胜千言”，让招聘方在30秒内就能抓住核心亮点。
邮箱微博进化史
这篇讲的是网易UEDC团队如何从独立博客转型到微博平台的技术传播进化史。 作者回顾了团队早年运营“网易用户体验设计中心”独立博客的经历——以技术深度文章为核心，积累了口碑，但也逐渐面临维护成本高、互动性弱的挑战。随后，他们将重心转向官方微博，核心思路发生了转变：从追求长文深度，转向更高效、高频的碎片化内容分享。 文章剖析了这一转变中的关键思考：如何将内部技术沉淀（如组件、流程、复盘）快速转化为外部传播内容；如何适应微博的传播节奏，用更直观的形式（如短代码、GIF动图、案例截屏）传递价值；以及团队内部协作流程如何随之调整。他们不仅分享了“做了什么”，更坦诚地讨论了初期在阅读量与专业度之间的权衡与迷茫。 对技术团队而言，这篇文章的启发在于：选择发声平台时，不应固守某种形式，而需根据团队目标、资源和受众习惯灵活演进。找到那个能平衡内部知识沉淀与外部影响力扩大的节点，或许才是技术内容传播的关键。
重要的和无所谓的
这篇讲的是一个关于职业选择和价值观的观察。文章从一位80后名校毕业生的真实经历切入——他大学期间靠收废品维持生计，毕业后仍选择这条路径，多年后年收入超过20万元，与女友搭档后家庭年收入达到三十万。 作者通过这个案例，抛出了一个值得思考的命题：在世俗眼光里，“收废品”可能被视为一份无关紧要甚至不太体面的工作，而“名校毕业”则意味着应当从事光鲜的脑力劳动。然而事实是，这位朋友通过坚持和运营，将一件很多人视为“无所谓”的事，做成了有稳定回报的“重要”事业。文章没有给出标准答案，而是引导读者反思我们对于职业价值、成功标准的惯性判断，以及外界眼光与个人实际收益之间的错位。 读完这个故事，你或许会重新审视那些被我们下意识归类为“无所谓”的选择——它们之中，可能恰恰藏着别人忽视的、真正重要的东西。
UI设计师的盛宴：Web UI设计资源大系
这篇讲的是Web设计师在UI设计中常面临的资源瓶颈问题。许多设计师投入大量心血，却因视野受限或资源匮乏，作品难以达到理想效果。事实上，UI设计中很多元素具有通用性，并非需要完全从零打造。 文章的核心是整理并推荐了20套前沿的UI元素库，这些资源大多以可编辑的PSD或SVG格式提供。这意味着设计师不仅能直接调用按钮、图标、卡片等组件，还能根据项目需求进行深度定制与风格调整。资源涵盖的范围相当广泛，从基础控件到完整的界面模块都有涉及，旨在为设计师提供丰富的灵感来源和高效的工作素材。 对于正在寻找设计参考或希望提升工作效率的Web设计师而言，这无疑是一份可以直接上手的实用工具清单。它帮助设计师跳出重复造轮子的循环，将更多精力投入到创意与用户体验的打磨上。