关于CSS,前端新手最容易忽略的5件事

作者: deb302cd70dd | 来源:发表于2019-05-24 16:33 被阅读7次

    在现代的CSS开发中,我们还有很多的东西要学,对于刚开始的同学总是不知道从里开始。

    这里我列举一些我后悔开始前端之前不知道的一些技巧。

    1. 别低估或者看不起CSS

    它看起来简单,跟着规则走就行,根据属性给值就可以了。

    CSS 是这样, 但是它远不止这些!

    一个成功的CSS项目需要最完美的构建。写得不好的CSS是脆弱的,很快就变得难以维护。关键是要学会如何组织代码,以便创建具有长期可用性的可维护结构。

    但即使是优秀的代码库,也必须处理疯狂的设备数量、屏幕大小、功能和用户偏好。 更别提还有可达性,国际化,和浏览器的兼容性!

    CSS 就像一直小熊: 可爱无害的,但是随着年龄的增长,他会活吃了你。

    • 学着先读代码再写代码。

    • 了解最新的最佳实践,这是你的责任。 MDN, W3C, A List Apart, 和 CSS-Tricks 是你真理的源泉.

    • 页面没有形状; 每种设备是不一样。拥抱多样性,了解不同的环境。

    2. 分享与参与

    分享真的非常的重要,我多么希望当我刚开始进入这一行的时候有人跟我分享,我用了10年的时间去了解分享的价值; 当我做到的时候, 它完全改变了我对我工作的态度和与他人的合作的方式。

    跟着优秀的程序员一起你也会变的优秀, 参与一些开源的项目当中。CSS社区会有很多慷慨的开发者。越快加入越好。

    分享你学的一切,成长的路径和最后的结果一样的重要; 即使是很小的技巧也可以让别人受益。

    • 学习 Git。 Git就是开源世界的语言 你肯定想成为它的一部分

    • 参与到一个开源的项目中.

    • 分享! 写博客, 文档, 或者 tweets; 在聚会或者会议上发言。

    • 找到一个责任心强的好基友, 一个会让你经常分享的人。

    3. 选择正确的工具

    你的代码编辑器应该是你心灵的延伸。

    不论你用 Atom, VSCode 或者是老古董 Vim; 越是塑造你思想的工具,越是能让你成为优秀的码农。你不仅会获得速度的提升,而且会有不间断的思想路线,从而产生流畅的想法。

    终端是你的朋友。

    CSS开发者要远不止写CSS这么简单。构建你的代码, 编译, linting, 格式化, 以及浏览器实时刷新,这些都是你每天要处理的一小部分。

    • 挑选适合自己的IDE。这里有一些搞性能的IED,比如 Vim 或者更容易使用的 Atom or VSCode.

    • 尽快用你自己的方式在终端学习CLI。这篇简短的文章 "Working the command line" 是一个很好的起点。

    4. 了解浏览器

    浏览器不仅仅只是你的画布, 同样也是一个强大的调试器可以来调试你的代码, 测试性能, 以及向别人学习。

    学习浏览器如何渲染你的代码,会让你大开眼界。它可以使你的代码提升一个等级。

    每一个浏览器都是不一样的; 去了解它们,接受它们。爱上它们。(是的,也包括IE)

    • 多花时间使用开发者工具审查代码。

    • 你不可能拥有每一种设备; 注册一个 BrowserStack 或者 CrossBrowserTesting 账户, 它值得你拥有。

    • 尽可能安装更多的浏览器,然后检查它们是如何渲染你的代码的。

    5. 学习编写可维护的 CSS

    它或许会花费你几年的时间,如果CSS开发者只能掌握一个技能,那么应该是编写可维护性的CSS架构。

    这意味着你要知道正确的串联,盒子模式,和独特的作品。精通CSS体系结构, 学习他们的优点和缺点以及如何实现它们。

    请记住,模块化体系结构好处很多,例如:独立的模块、良好的性能、可访问的结构和响应性组件。(即:幸福地写CSS)。

    • 学会CSS的架构,紧跟着趋势,和 有自己的见解!

    希望本文对你有所帮助,自己是14年转行做的开发,有句话叫做“方法不对,努力白费”所有的前端大神都有自己的学习方法,而学web前端的学习也基本一致,而对于一个什么都不懂的初学者,根本不会知道该怎么学,这也是造成失败的最直接原因。所以学web前端一定要有人指点。如果你处在迷茫期,找不到方向。可以加入我们的前端学习秋秋qun: 767273102 。有任何不明白的东西随时来问我。

    前途一片光明

    现在的CSS是很棒的。它的前途甚至更好。我享受我编写CSS代码的每一秒。

    如果你需要帮助的话可以 联系我 或者这篇文章中提到的CSS开发者。你可能会对这个社区的大方慷慨感到惊讶。

    你觉得我的建议怎么样? 你会给出一些怎样的意见呢? 留言让我知道你的想法。

    相关文章

      网友评论

        本文标题:关于CSS,前端新手最容易忽略的5件事

        本文链接:https://www.haomeiwen.com/subject/chqbzqtx.html