很多优秀的CSS和JS的设计已经被集成为框架或库供人们使用,在学习完前端的一些基本概念后,通过学习一系列的框架来对所学进行实践和更深入的学习。下载框架或者是用CDN通过外联式的方式包含到项目中,即可对项目样式进行改进。可以打开下载后的框架(就是一系列的.css和.js文件)来查看优秀的CSS和JS具体都是如何设计的,并可以做到在此之上的进一步的设计或修改。可以通过查找优秀的网站对应的前端框架来进行框架的选择和学习。通过菜鸟教程的相关模块可进行快速学习。主要是实例应用。
前端框架
-
Bootstrap
a、 来自twitter,基于HTML+CSS+JS
b、重点:网格系统,媒体查询,响应式布局
c、 用一系列实例来练习不同样式的效果
d、查看源码在此之上做出自己的自定义样式
-
jQuery
a、 JS函数库、JS框架
b、 $(选择器).动作()
选择器:元素、 #id、 .class
事件(动作):键盘,鼠标等的动作。 -
Font awesome
a、 图标字体库
b、提供各种各样的图标并可修改其CSS样式
-
React
-
Vue
-
Angular
-
……
理解AJAX(异步)
XML和JSON(数据)
最终使用一系列前端框架完成一个移动优先的响应式页面view,并实现一定的异步:在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容(常用于验证等)。利用chrome等浏览器的F12查看在不同设备下,页面的响应式布局。还可以利用一些图标字体库来装点页面。