WEB前端开发基础

Posted on 2021-04-26 16:37  赵铭杰  阅读(143)  评论(0编辑  收藏  举报

WEB前端开发环境

学习必备的基本条件:性能达标的计算机电脑,快速稳定的宽带

需要在电脑安装的软件:IIS测试前端应用,其特点是使用方法简单;Chrome浏览器,调试前端应用时,使用开发者工具F12,就可以根据控制台提醒修改代码;node.js,基于Chrome JavaScript服务端的运行环境;git,程序员进行源码管理和版本更新的远程库;visual studio code,作为易用的开发工具。

 

网页设计的要素

大体主要分为网页设计和网页编程。网页设计分为html网页元素和CSS样式表,其中html的设计重点是网页DOM树编程,在浏览器显示网页的时候,网页先形成一棵DOM树,DOM树作为编程对象,在设计中,网页元素会形成树的结点。事件驱动是web前端应用的主要运行模式。而css的难点是在不同版本或不同的浏览器上显示要保持正常,需要对很多不同的细节技巧进行学习。

另外,网页设计基础的重点是盒子模型,完整大小的元素需要用css盒子封装,还需考虑响应式设计和流动式布局。响应式设计是根据用户智能地对元素做出相应的布局。流动式布局是贯彻了响应式设计的布局方式,根据网页元素按信息流的形式显示,PC上一次同时显示数列,而在手机上一次只显示单列,常见的场景有高分辨率大图在PC和手机端上的对比,手机会降低分辨率以及显示部分区域,以滑动图片的方式显示完全。