前端工作心得

原创 2016年08月31日 14:28:42

1.首先要把页面布局理解清楚再动手,确定哪里是需要切图,哪里是需要用代码编写的,同时注意能用代码编写的地方不要懒省事去切图。
2.在写代码的时候要确定好类名,类名要语义化,同时在写代码的时候随时随地格式化自己的代码,一个板块写好把代码折叠起来,免得满屏代码,看的头晕。
3.在编写代码的时候大写英文字母尽可能的小写
4.在布局的时候尽量不要设置高度,除非必须,要设置宽度值,用内容把div撑开
5.对于距离问题,尽量用padding值或者margin值去调整,不要用空格(&nbsp)或者填充内容
6.不需要用到定位的地方不要用定位
7.案例:一个div,里面要求有一副图片和三行文字说明,我们一般要设置3行的高度,把文字写到6行,再把超出的3行使用overflow:hidden隐藏掉,避免改版内容填充时候因为长度问题对盒子布局产生影响。
8.页面做好后要适配不同屏幕分辨率,快捷键(ctrl +shift+m),在不同分辨率下展示页面,一般要适配1366x768和1920x1024,在适配的时候,由于margin-right原因导致一些部分不能正常显示,可以先设置margin:0 auto;使其居中,再设置margin值,使其适配不同屏幕分辨率。
9.当子盒子设置margin或者padding值的时候,父盒子也移动留白,这个时候我们一般不用overflow:hidden设置于父盒子,如果设置margin值产生影响,我们就用padding值,如果设置padding值产生影响,我们就用margin值。
10.在头部引入jquery和js的时候,我们要把jquery引入放到js之前。
11.在写移动端页面的时候js代码要用对象方法书写js【具体方法见javacript类目】

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

前端工作3个月小结

从学习前端到投入前端工作已经有3个多月了,对前端有了一定的了解。这里写一下自己对前端的一些想法。 学习方法我一共花了一个多月学习前端,从基本的HTML、CSS和JS,到后来的react-native、...

工作流系统中前端应用架构设计

  • 2010年11月19日 11:05
  • 1.14MB
  • 下载

前端必读:浏览器内部工作原理

  • 2014年12月18日 09:00
  • 660KB
  • 下载

纷享逍客前端开发面试心得

由于个人实力问题,tc校招被刷,不耐只能找找中小型公司。所以在拉钩网上投了纷享科技公司,主打移动办公产品,第二天就收到的面试通知。 2016.4.29,2点到公司面试。深圳这边的是研发部,只有一层写字...

一个网站的前端工作代码

  • 2017年08月02日 15:34
  • 8.79MB
  • 下载

关于做web前端性能测试一些原则的心得分享

今天做测试的时候犯了一点原则性的低级错误,记录下来和大家分享、共勉之!这里我尽量详细描述出自己的思考方式,希望对测试新人有所帮助。不足之处请老前辈提出,共同学习。 前两天项目更新了版本(B/S架构)...

前端必读:浏览器工作原理

  • 2016年12月07日 17:55
  • 755KB
  • 下载

前端必读:浏览器内部工作原理

  • 2012年03月16日 22:35
  • 682KB
  • 下载

阿里校招前端工程师实习生面试心得及体会

2月份在微博上偶然间发现了阿里开始照前端实习生了,看着相当的激动。我自己是一个学习前端的学生,而且阿里巴巴是我非常向往的一家公司。看到好几条内推的消息,犹豫了两周,我决定先写一个个人的主页,然后就写了...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:前端工作心得
举报原因:
原因补充:

(最多只允许输入30个字)