观点：CSS开发人员非常重要，且不可或缺
极客时间编辑部
讲述：初明明大小：4.72M时长：05:10
CSS 开发人员属于 Web 专家，他们的主要职责就是通过浏览器向访问者展示精美的页面成果。实际上，每一个网站都在使用 CSS，但现代 Web 开发堆栈对于 CSS 的重视程度却不高，或者说不太公平。
网络开发人员西尔维斯塔·比斯特罗维奇（Silvestar Bistrović）认为 CSS 开发人员非常重要，而且不可或缺。他发文阐述了各个站点需要可靠且专业的 CSS 开发人员的重要性，并表示由非 CSS 开发人员处理 CSS 工作，往往会在代码当中留下大量错误与 Bug，这同时也会给员工造成巨大的挫败感。以下为他的观点。
大多数前端甚至是全栈开发人员，都可以编写 CSS 代码，但并不是每个人都有能力修改 CSS Bug，或者在尽量避免遍历 HTML 代码或依赖 JavaScript 的情况下实现设计效果。专业的 CSS 开发人员更关注代码中的最终细节，喜欢创建布局与组件，包括那些极为复杂的布局与组件，而且非常清楚要如何解决每一个问题或 Bug，这主要通过以下四个方面来实现。
一、CSS 编码标准
在编写代码之前，我们最好先制定一套明确的代码编写规则。CSS 开发人员应该尊重编码标准，这一点对于项目的可维护性与可扩展性至关重要。
首先，整理出一份适用于项目整体的命名约定。尽早建立命名约定，可以帮助开发人员编写出更好、更有条理的代码。另外，其他项目参与者也可以通过单独阅读 HTML 代码了解组件结构，以及各组件与元素之间的关系，并决定如何处理 CSS 中的缩进、选择器类型、缩写属性、以及单位。
二、CSS 设计实现
在将设计转换为代码之前，CSS 开发人员应该花时间了解各个页面、布局以及组件。如果可能，请剖析每个页面，创建页面与组件清单，并努力从中找到共通模式。
如果你注意到某一组件存在于多个页面当中，则应该观察其周边环境并尝试将其视为独立组件。如果存在一系列类似的组件，例如卡或者列表，则可统一使用相同组件的变体。这样一来，你就可以复用现有 HTML 代码，并稍加修改以实现各种略有差别的设计效果。
尝试在其它领域中找寻共通模式同样非常重要，包括排版与间距。有时候，你可以在整个项目当中使用辅助类，从而摆脱对单一页面的逐个调整。
三、组织 CSS 代码
CSS 开发人员应当组织自己编写出的代码，并建立起能够为他人所理解的结构。在使用 CSS 处理器等工具时，开发人员还应当记录生成编译代码的过程。
如果有必要，CSS 开发人员也可以创建样式指南。样式指南可以在创建新页面或者判断如何调整现有页面时作为参考。如果为整个团队提供全局样式指南，每位成员就能更轻松在面对特定视觉上下文做出决策。样式指南中可以涵盖调色板、排版规则、编码标准甚至是静态页面等。其中的潜在内容多种多样，完全取决于你的预算以及想象力。
四、生产中的 CSS 代码
编写 CSS 代码，意味着你需要解决不同浏览器之间存在的问题、Bug、动画、过渡、响应以及显示样式。即使是最全面的开发人员，也很难轻松解决所有这些问题。跨浏览器兼容是最令 CSS 开发人员头痛、而且很多人压根不会解决的核心挑战。在另一方面，专业的 CSS 开发人员应当了解（或者至少应该有所耳闻）如何在代码编写过程中考虑 Bug、浏览器以及运行环境的问题。
使用现代方法能够很好地缓解上述问题，但是，我们也应当重视对于旧有浏览器以及用户特定设置的支持。
CSS 开发人员还需要编写 HTML 与 JavaScript 代码。这意味着他们需要承担起交付资产的责任。他们应当负责加载字体、提取关键 CSS、使用延迟与异步 JavaScript 加载，以及提供响应式图像等等。不过，这些技术都不容易实现，目前也没有太好的解决办法。
说了这么多，相信你已经理解到 CSS 开发人员的重要作用。他们的主要贡献包括：确保每一位项目成员都遵守编码标准、实现设计、组织代码、编写代码、修复 Bug、学习新技术、改进代码，等等。
以上就是今天的内容，希望对你有所帮助。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
该免费文章来自《极客视点》，如需阅读全部文章，
请先领取课程
请先领取课程
免费领取
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示，欢迎踊跃留言。
收起评论