前端布局心得小结

从事前端一年多了,更多的在弄一些布局,写一些交互, 学一些后台,时至今日,我已经慢慢有了很多经验了,接下来主要分享一下自己的布局心得。

布局这个事,其实很简单,就是简单的布局以及写一些交互,当然交互的种类很多种,但是如何就布局来说,自己很快就能布局好一篇页面呢??

我总结如下:

1、先把一小块的架构搭起来,就是说把该写的view或者div都写上去,先不写样式

2、然后开始从小往大开始写样式,比如最小的图片,最小的框,同时,先不要刷新看效果,因为此时你看也是乱七八糟的。

3、然后一直往大的框开始写样式,写样式有个思路就是根据自己的想象,这个框你需要什么样式,你就写什么样式,等你写的差不多了,然后再一刷新你就会发现很多不一样。

4、最后再慢慢调试。

总的来说,一定要从小的地方,慢慢写样式,然后少刷新,因为这样可以节约时间。效率至上!!

end.

时间: 2024-10-12 10:05:24

前端布局心得小结的相关文章

Web页面布局方式小结

事实上,本文是在Peter Jerde的How much information can be stored by ordering 52 playing cards文章基础上翻译.改编和扩展而来的.当然这是经过Jerde本人首肯的. 注意本文方法并非最优,也没有完全利用所有的信息空间,只是简单的尝试. 有数字的地方就有信息.所以扑克牌中保存信息不是什么新鲜事. PDF文档点这里:下载 原文(英文)点这里:访问 这里有两个DEMO. 编码DEMO,解码DEMO 首先是"DEEP IN SHALL

小小六的前端学习心得

打算写这篇文章已经好久了,但是文采不行,不知道如何下笔,今天终于鼓起勇气用我拙劣的作文水平来讲述一下这段时间我学习前端开发的心得. 先从我的专业说起.我本人是学计算机的.全名是叫计算机科学与技术(软件方向),学校虽然是一个211学校,学习成绩也还行,但是对于编程这一块,真的是很弱很弱.所以我对计算机编程真正的学习是从实习这段时间开始的.说到这里,我必须得感谢带我进入前端的学长.因为他我才能在今天坐在这里写这篇学习心得. 所以,首先最好是有一个愿意耐心的指导你学习的人,也就是一个好的师傅.他能根据

用户控件(.ascx)与<ul><li>以及<a>布局之小结

用户控件(.ascx)与<ul><li>以及<a>布局 小结 一.用户控件(.ascx) 1.aspx是浏览器直接访问的页面,而ascx是用户控件,一般是用来重用. 比如:有2个aspx页面,有一部分代码一样,这里可以提取出来做成用户控件(ascx)就可以重用了. 如果单纯N个aspx页面,就只能复制粘贴,要修改时候就很麻烦了. 2.ascx不能直接访问,只能插入aspx页面呈现. 例如网站:页眉导航.页脚每个页都有,所以我们经常会将它们做成用户控件,然后每个页面引用进

html css 布局心得

html css 布局心得 一直以来自己对css布局都掌握的不是很好.经过这一段时间的锻炼, 上升了一个层次. 总的心得说来: 多练习多百度.一边做一边的改.从错误中学习,总是能够学会的.虽然慢.但是值得,要想高速的学会css布局必须掌握的几个知识点如下: 第一点: 要理解盒子模型 第二点 display: inline-block, 不换行 有宽高 display: inline,不换行 无宽高 定义了height 和width 也无效 display: block, 换行 有宽高 displ

常用前端布局,CSS技巧介绍

常用前端布局,CSS技巧介绍 对前端常用布局的整理总结,并对其性能优劣,兼容等情况进行介绍 css常用技巧之可变大小正方形的绘制 1:若通过设置width为百分比的方式,则高度不能通过百分比来控制. 在这个地方可以使用padding来实现,首先,元素的高度=height+padding*2+border*2;所以我们可以将widht设置为0, 然后用padding来实现盒子的高度(若元素padding的值是一个百分比,则是基于其父元素的宽度来计算的) width: 50%; height: 0;

WEB前端开发学习小结

[引言] 在经过了将近六个月的学习时间终于对B/S的学习有了一定认识,在这段时间里可以说自己的收获非常的多,从一 个对web开发没有任何基础的小小小菜鸟变为了一个菜鸟,虽然自己现在还是一个菜鸟,但是自己和半年前的自己对 比进步还是巨大的,因为现在的自己至少到了知道"是什么?"的阶段,对已项目中用到的知识还是比较熟悉的(宏 观),在这个过程中也会因为一个错误困扰自己很长时间,因为那是自己对于挑错还是非常不熟悉的,像哪些辅助工 具firebug等都不知道是什么,而现在运用的还算是比较灵活,

web前端学习心得

所谓行万里路,必先始于足下.刚开始学习WEB前端基础的时候,老师说,其实你们学的这个后面真正去工作的时候可能也不是很会用到,所以就有很多人会问,既然我们都用不到,那干嘛还学呀?其实,对于一个程序员来说,你不仅要有很好的后端专业能力,你还应当具备一定的前端素养,知道一些起码的前端知识. 来到传智的第一个月,我们是以基础为主吧,因为大家到这里的基础都不一样,有一些本身就具备很高水准的人,也有很多像自己一样从小白开始的人,所以,对我们而言,传智开设的这种双元模式对我们是有很大用处的.我们从最基础的开始

前端布局革命史

任何事情的发生都有他的演化过程,就比如百度的首页来说. 远古时代 记不清最初的CSS布局发生在什么时候,当时的网站几乎都是标题加文章,这给表格布局带来了很大的方便,一个表格加几个单元格轻松实现布局,不用考虑块元素的定位.这也是表格布局的最大优点.但是随着互联网的发展,一个简单的网页逐渐变为web应用,网页效果也变的丰富多彩,于是进入了下一个时代. 石器时代 这个时代开发者开始实用div布局,它简单易用,抛却了table标签中元素在各种浏览器你下的不兼容,而且可以配合css在页面中呈现不同的定位和

WEB前端性能优化小结

1. 请减少HTTP请求 基本原理: 在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出. 一个正常HTTP请求的流程简述:如在浏览器中输入"www.xxxxxx.com"并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才能向服务器发送请求信息,服务器在接受到请求的信息后再返回相应的信息,浏览器接收到来自服务器的应答信息后,对这些数据解释执行. 而当我们请求的网页文件中有很多图片.CSS.JS甚至音乐等信息时