前端练级攻略(第一部分)
|
CS S预处理赏罚措施是 CSS 说话扩展，它添加了一些特另外成果，好比变量、殽杂和担任。两个首要的CSS预处理赏罚措施是 Sass 和 Less。2016 年，Sass的行使范畴越发普及。Bootstrap是 一种风行的相应式 CSS 框架，它也正在从 Less 转换到 Sass。并且，当大大都人评论 Sass时，他们现实上是在评论 SCSS。 CSS 后处理赏罚器在由预处理赏罚器手写或编译后对 CSS 应用变动。 譬喻，PostCSS 等一些后处理赏罚用具有自动添加赏识器供给商前缀的插件。 当您第一次得知有 CSS预处理赏罚器和后处理赏罚器时，你很有也许在任那里所已经行使它们。 可是，从简朴开始，仅在须要时添加变量和 mixin 等扩展。 我之前提议的文章，Medium’s CSS is actually pretty f*ing good，也涵盖了预处理赏罚器相干的常识。 网格体系和相应手段 网格体系是CSS布局，它应承你程度和垂直地堆叠元素。 Bootstrap，Skeleton 和 Foundation 等网格框架提供了打点机关中行和列的样式表。 固然网格框架很有效，但相识网格的事变道理也很重要。 领略CSS网格体系 和 Don’t Overthink Grids 这两篇文章是很好的概述。 网格体系的首要目标之一是为你的网站添加相应性。相应性意味着你的网站按照窗口宽度调解巨细。许多时辰，相应是通过行使 CSS 媒体查询实现的，CSS 法则只合用于特定的屏幕宽度。 关于媒体查询常识及扩展可以看看以下几篇文章：
实践 HTML 和 CSS 最佳实践 此刻你已经把握了最佳实践，让我们举办测试。下面两个实践的方针是操练编写干净的代码，并调查最佳实践对可读性和可维护性的恒久影响。 实践 3 对付实践 3，选择你之前做过的项目，并行使你在这进程所学到的常识来重构你的代码。重构意味着编写代码，使代码更轻易阅读，更简朴。 可以或许有用地重构代码是前端开拓职员的一项重要手艺。 编写高质量代码是一个迭代进程。 CSS系统布局：重构你的 CSS 是重构代码的入门指南。 在重构代码时，有几件事必要问问本身。 * 你的取的类名是否有歧义? 6个月后，你还能领略你的类名是什么意思吗? * 你的 HTML 和 CSS 是语义化的吗?当你赏识你的代码时，你能快速分辨布局和相关的寄义吗?
实践 4 最后一个尝试把你学到的关于最佳实践的常识运用起来。然而，最佳实践的结果凡是不会变得明明，直到你将它们应用到一个更大的项目中。 在最后一个实践中，为本身成立一个作品集网站。作为前端开拓者，你的作品集网站是你最重要的数字资产之一。作品集是一个展示你作品的网站。更重要的是，它是一个一连的记录，辅佐你跟踪你的前进和成长。以是纵然你只有一两件事要展示，也要展示出来。 起首，跟从阿德汉姆·达纳韦的文章 《计划和开爆发品集网站站的简朴事变流程》 假如你的第一个作品集网站迭代并不美满，那也不要紧。作品集网站必要经验很多迭代。尚有，重要的是你要用本身的手艺来制作它。 与时俱进 固然 HTML 和 CSS 不会很快过期，可是跟上前端情形的成长是很重要的。 下面是一个网站、博客和论坛的列表，这些网站、博客和论坛阅读起来既风趣且信息富厚。
通过例子进修 最后，最好的进修要领是以身作则。这里有一套样式指南和编码类型，将教你怎样成为一个更有用的前端。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
