前端语言之中存在较为流行的三门语言,它们分别是HTML、CSS与JavaScript。
它们三者各有各的作用,各有各的功能。
不妨把整个前端比喻作人体结构,HTML的作用是充当人体的骨架,是前端系统的基石。
它负责构建框架,控制内容布局,为外部设计师提供层次结构。
而CSS则充当了人体的皮肤或外表。它能为网站添加样式,提升外表体验。
最后JavaScript可比作人体的肌肉系统。它可以处理非常多的函数,提升交互体验。
除此之外它们三者之间常常相互协作以求解决一些问题。比如在HTML中添加inline CSS(即在HTML标签中通过class和style添加样式);也可以在HTML头部用style标签(内部CSS)或link标签(外部CSS)引入类的样式。
另一种值得一提的协作方式是在HTML中对JS的应用。script标签可引入外部超链接文件,也可在内部写脚本。关于这一点,现在比较常用的手段是利用Dom API将HTML部分转化为JS的对象。
例:事件机制---捕捉和冒泡
当然也有其他的协作方式此处不再一一列举。
这样做的好处是可以同时调用不同语言之间的优势(如在JS中使用HTML便可动态修改HTML内容),共同完成目标任务。掌握它们各自的语法其实并不困难,但如何灵活根据它们各自的功能来调用它们是一项值得训练的技能。我觉得这就好比之前学习C语言时,学会各种语句的功能并不困难,真正困难的反而是如何灵活使用它们。可能不光C语言和前端语言,各行各业的各种技能可能都是这个道理吧。