编写web前端开发

Web前端开发怎么做

在谈WEB前端怎么布局前，我们先梳理前端的布局类型，具体有以下几种：

1.静态布局：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端

2.流式布局：布局特点是屏幕分辨率变化时，页面里元素的大小会变化而但布局不变

3.自适应布局：自适应布局的特点是分别为不同的屏幕分辨率定义布局，即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围

4.响应式布局：布局特点是每个屏幕分辨率下面会有一个布局样式，即元素位置和大小都会变

那么我们如何布局呢？通过以下几点来选择布局

1.如果只做电脑端，最好的选择是静态布局

2.如果做移动端，且设计对高度和元素间距要求不高，那么弹性布局（remjs）是最好的选择，通过一份css一份js调节font-size就搞定

3.如果电脑端，移动端要兼容，而且要求很高，那么响应式布局还是最好的选择前提是设计根据不同的高宽做不同的设计，响应式根据媒体查询做不同的布局

做web前端开发都应该会些什么web前端开发工程师，做的工作与网站前/后台系统的页面相关，使用到的主要技术包括：HTMLCSSJavaScript，如果能会后台编程语言，当然会更好

现代web前端开发已经不能像传统web开发已经简单的描述成切图cssjs了在新的HTML5规范中，加入很多新的特性，这样就对web前端工程师有了更高的要求，比如数据库操作，使用cancvscss3绘图

(随机推荐阅读本站500篇优秀文章点击前往：500篇优秀随机文章)