你可以学任何东西,但是你学不了所有 ? 接受这个事实,专注一门自己最在乎的。 — Una Kravets ??? (@Una) September 1, 2017
Una Kravets 是绝对正确. 在现代的CSS开发中,我们还有很多的东西要学,对于刚开始的同学总是不知道从里开始。
这里我列举一些我后悔开始前端之前不知道的一些技巧。
它看起来简单,跟着规则走就行,根据属性给值就可以了。
CSS 是这样, 但是它远不止这些!
一个成功的CSS项目需要最完美的构建。写得不好的CSS是脆弱的,很快就变得难以维护。关键是要学会如何组织代码,以便创建具有长期可用性的可维护结构。
但即使是优秀的代码库,也必须处理疯狂的设备数量、屏幕大小、功能和用户偏好。 更别提还有可达性,国际化,和浏览器的兼容性!
CSS 就像一直小熊: 可爱无害的,但是随着年龄的增长,他会活吃了你。
分享真的非常的重要,我多么希望当我刚开始进入这一行的时候有人跟我分享,我用了10年的时间去了解分享的价值; 当我做到的时候, 它完全改变了我对我工作的态度和与他人的合作的方式。
跟着优秀的程序员一起你也会变的优秀, 参与一些开源的项目当中。CSS社区会有很多慷慨的开发者。越快加入越好。
分享你学的一切,成长的路径和最后的结果一样的重要; 即使是很小的技巧也可以让别人受益。
你的代码编辑器应该是你心灵的延伸。
不论你用 Atom, VSCode 或者是老古董 Vim; 越是塑造你思想的工具,越是能让你成为优秀的码农。你不仅会获得速度的提升,而且会有不间断的思想路线,从而产生流畅的想法。
终端是你的朋友。
CSS开发者要远不止写CSS这么简单。构建你的代码, 编译, linting, 格式化, 以及浏览器实时刷新,这些都是你每天要处理的一小部分。
浏览器不仅仅只是你的画布, 同样也是一个强大的调试器可以来调试你的代码, 测试性能, 以及向别人学习。
学习浏览器如何渲染你的代码,会让你大开眼界。它可以使你的代码提升一个等级。
每一个浏览器都是不一样的; 去了解它们,接受它们。爱上它们。(是的,也包括IE)
它或许会花费你几年的时间,如果CSS开发者只能掌握一个技能,那么应该是编写可维护性的CSS架构。
这意味着你要知道正确的串联,盒子模式,和独特的作品。精通CSS体系结构, 学习他们的优点和缺点以及如何实现它们。
请记住,模块化体系结构好处很多,例如:独立的模块、良好的性能、可访问的结构和响应性组件。(即:幸福地写CSS)。
现在的CSS是很棒的。它的前途甚至更好。我享受我编写CSS代码的每一秒。
如果你需要帮助的话可以 联系我 或者这篇文章中提到的CSS开发者。你可能会对这个社区的大方慷慨感到惊讶。
你觉得我的建议怎么样? 你会给出一些怎样的意见呢? 留言让我知道你的想法。
往期精选文章 |
---|
使用虚拟dom和JavaScript构建完全响应式的UI框架 |
扩展 Vue 组件 |
使用Three.js制作酷炫无比的无穷隧道特效 |
一个治愈JavaScript疲劳的学习计划 |
全栈工程师技能大全 |
WEB前端性能优化常见方法 |
一小时内搭建一个全栈Web应用框架 |
干货:CSS 专业技巧 |
四步实现React页面过渡动画效果 |
让你分分钟理解 JavaScript 闭包 |
小手一抖,资料全有。长按二维码关注京程一灯,阅读更多技术文章和业界动态。