前端工作心得

原创 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、...
  • violetjack0808
  • violetjack0808
  • 2016年07月25日 15:17
  • 4243

一些前端的心得体会,笔记

Js1. js的5种原始类型Date:2015-7-28 begin null,undefined,string,number,object boolean:布尔,值为true或false numbe...
  • qq_17371033
  • qq_17371033
  • 2015年07月28日 21:23
  • 648

前端工作总结

今天我的导师突然要求我写下这进一年来的工作总结,作为一名毕业不到一年的前端,写总结让我觉得有些头疼,文采这东西不是与生俱来的,而是需要不断的磨练,想想自己毕业后还真的从来没有写过总结,面对这项巨大的任...
  • bingkingboy
  • bingkingboy
  • 2016年03月30日 18:23
  • 7775

一位资深前端工程师总结的前端学习经验

中国的IT圈里有句话叫做“程序员吃的是青春饭”,许多IT公司也不愿意雇佣大龄程序员。因此,在有限的时间快速掌握高级技术变得非常重要。为了帮助新入行的小白快速走向技术人生的巅峰,这里分享一篇资深前端工作...
  • w3cschoolcn
  • w3cschoolcn
  • 2016年08月26日 16:45
  • 6757

[转载]前端工作了一段时间经验总结,献给做前端的同学

前端工作了一段时间经验总结,献给做前端的同学,希望对大家有所帮助。 一,编辑器的选择,推荐webstorm,绝对的神器。不要用dw了,它最骄傲的所见即所得其实没什么用,因为根本就不准,代码提示也不人...
  • u013234372
  • u013234372
  • 2015年10月19日 20:58
  • 766

写给自己的文章~前端开发实习总结

7.11号,我正式开始实习啦。 实习第一天,配置环境整整一天,因为大家都忙,来的时候也没有带书什么的,我也就只能眼巴巴地瞅着电脑屏幕发呆。 第二天,在导师的要求下,上午看了ejs模板引擎的使用,下...
  • yinkaihui
  • yinkaihui
  • 2016年07月23日 09:34
  • 4390

2016前端实习总结

前端,实习
  • zhoujingying22
  • zhoujingying22
  • 2017年01月05日 00:47
  • 3734

前端里最帅的2016年终总结

年底了,我奋战到最后一刻,虽说我很帅,但是 免不了俗。 人人都写各种年终总结,年终告白,虽说大部分人是在应付公司(我不揭穿你们额),但如果是自己真心实意的想写,确实是有很多东西值得记录和思考的。 我...
  • xllily_11
  • xllily_11
  • 2017年01月24日 23:25
  • 5153

前端年度工作总结

转载链接地址:http://www.shangxueba.com/fanwen/25177.html 方便以后使用哦哈哈 小编语:Web前端开发是一项很特殊的工作,涵盖的知识面非常广,既有...
  • itSeven7
  • itSeven7
  • 2017年02月09日 14:50
  • 331

工作半年总结 -web前端

form id="searchForm" name="searchForm" action="/admin/user/index"> input type="hidden" name="pag...
  • vvion
  • vvion
  • 2015年11月16日 18:04
  • 788
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:前端工作心得
举报原因:
原因补充:

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