Front-End

Posted 2020-08-02 Light

前端初识

　　现在网站开发的市场越来越大，个人和企业都有了主页、网络办公的需求，并且随着网站开发前端和后台的工作细分，前端开发的需求也越来越大。

　　前端的任务是将美工的网页设计使用前端技术尽可能无差别地实现（当然部分前端还承担着美工的工作），需要包括html文档结构化、元素定位排版、动画效果实现等技能。

　　个人确定的成长路线是这样的，大致看完w3cSchool中html、css、js的部分，这三个是前端使用的主要技术；之后多进行网页实现的实践，学会使用相关的工具，多看看别人是怎么组织文档和相关代码的；了解前端与后台的交互，能做到与美工和后台的无缝式合作。

 

技术基础

　　技术学习是渐进的，可以先浏览w3c中的介绍，然后结合具体的网页实践，迭代式得完善自己的知识系统。

　　为了标准化、结构化和内容表现分离，需要明确html、CSS各自承担的职能。

　　HTML

　　html是超文本标记语言（hyper主要体现在复杂庞大的web文档世界中，可以使用超链接的形式做跳转索引）。主要管理的是页面的结构和内容，而不是样式。不要为了实现美工设计中的样式，而采用某种标签，比如不要为了在文字前出现"*"，就使用<ul>。美工的设计稿拿到手，首先需要分析网页的文档结构，就像确定一本书的目录一样，确定哪些是一级标题、二级标题、表格、段落等，然后使用恰当的格式标签规划html，并合理使用<div>，对网页设计分块、模块化。html发展至今也有了很多版本，从html到xhtml再到html5，xhtml的出现除了进一步明确文档编写的格式化规则，更是为了强调html所承担的结构化作用。

　　html的学习主要包括熟悉各种标签和属性设置，学会使用w3c的html参考手册帮自己快速完成编写任务，另外w3c还提供了html速查手册，可以用于记忆参考。

　　CSS

　　CSS承担着确定内容样式的作用。CSS也在不断发展，以支持更多的特性，像CSS3就开始支持自定义web字体，CSS动画的设计。

　　CSS的学习主要包括各种标签样式的设计和使用，结合html理解框、定位规则等，进一步得学习如何精简CSS等进阶内容，这需要结合实践迭代式完善，可以多与网络上的前端交流新的效果和技术。

　　JS

　　js主要负责实现更完善的用户交互和客户端的自动化功能。学习基础之后，需要学习一两个常用的JS框架，比如Jquery。进一步得学会使用第三方的插件和代码，为自己所用。