‘壹’ web前端工程师工作中,遇到难以解决的问题有哪些
有时会遇到外层中的子层使用margin-top不管用等情况
‘贰’ web前端工程师工作中遇到难以解决的问题
1).margin-top,margin-bottom不能正常显示时
一.有时会遇到外层中的子层使用margin-top不管用的情况;这里我们需要在子层的前后加上一个
div{height:0;overflow:hidden;}
例
CSS样式表中:
#box {background-color:#eee;}
#box p {margin-top: 20px;margin-bottom: 20px;text-align:center;}
解决方法:在P标签前后各加2个空的div:<divstyle="height:0;overflow:hidden"></div>
二.网页中头部,中部,底部的居底部有时给个margin-bottom:10px;不管用也是要给个清除属性的.clear{clear:both;font-size:0;line-height:0;}在底部<div id="footer"></div>下加个<div></div>
2).div层中高度自适应问题
网页前端科技人员在设计网页时不可能知道客户在要他们自己的网站内容页里加多少文字或图片内容
这时我们就不能规定div层的高度,为此应写成min-height:200px;height:auto!important;height:
200px;overflow:visible;这样ie7,ff,ie6浏览器的高度自适应问题就解决了,这些在
http://www.xueshengshu.com/网站中用到最多了。
3).div层中子层的居底部对齐问题
div中的定位问题有很多也很麻烦,但弄懂了就OK了,在一个大的div层中如何让子层的内容居底部
对齐就涉及到了position定位问题;
例
div层#box{position:relative;border:1px solidred;width:600px;hegiht:400px;}
div子层#box .wrap{position:absolute;bottom:0;border:1px dashedblue;width:200px;height:
100px},最近写的网站中http://www.msgc.net.cn/就用到了
4).div层中清除clear属性的一小部分应用
在div中一个大的层里面有很多子层,若是加上边框在ie7、ie6中或许会正常显示,但是在ff中可能
只会成一条线了,此时在最外层的后面加上<div style="clear:both"></div>或者设 .wrapfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}后在每个浮动外框调用wrapfix;http://www.xueshengshu.com学生书网里用到最多了。
5).解决IE8下div移位、错位等兼容性问题
在<head>标签后面的第一句话加上<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />就OK了
6).单行文字居中与字体样式问题
在div中一个层中只有一行文字,要让这层中的文字居中,可设line-height的高度和层的高度一样,注意这一层中的文字不能换行,此外,设了line-height时再给定字体样式font:bold 14px "宋体";这时要把font:bold 14px "宋体";放在line-height的前面,否则字体样式不显示文字也不居中;或者将font:bold 14px "宋体";改成font-size:16px;font-weight:bold;font-family:"宋体";就OK了。
7).鼠标滑上去的特殊效果
往往为了达到显眼的效果,我们会写到一些好看的效果,方法一在样式表中写:ul li a{border:1px solid red;}ul li a:hoverimg{filter:alpha(opacity=40在ul标签中调用即可方法二:在样式表中写上:.hover img{filter:alpha(opacity=40);}在div中调用onmouseover="this.className='hover'"onmouseout="this.className=this.classtype"即可
8).IE6中高度不对问题
今天在div中给定了高度为1px,其它浏览器显示正常,可是ie6中显示的高度就不对了,这时我给样式表中加了个font-size:0px;line-height:0px;就好了
9).ul在外框里margin-top不起作用的问题
在div大框子里用了ul作导航的时候为了合ul层居中显示,设ul的样式表为margin-top:-15px不起作用了,此时应该将div大框设定高度后给个line-height与height一样的高度,ul层就自动居中了。
例如http://www.hopes-home.cn/main.aspx
10).ff中margin-top有时不起作用的问题
今天头晕脑涨的把这问题给解决了,这几天写标网都有累似问题,可是一直都是换个写法解决的,今天的这个办法也不只可行试试还是可以的,在一个div外框层中给个宽度例如,#div_wrap{width:280px;height:100%;}
其次在这个框子里设一个.div_top{widh:100%;font:bold12px "宋体";height:24px;line-height:24px;}
.div_center{border:1px solid#dbdbdb;border-top:none;background:#fff;min-height:460px !important;height:auto!important;height:460px;overflow:visible;}
最后在这个div_center里套个ul li时经常会在ff中出问题,也就是在div_top与div_center中莫名的多了几个像素的空格,这时给ul样式表设个display:inline-table即可;
‘叁’ 前端开发过程中遇到过什么困难
前端开发过程中遇到的困难还是很多
1、面试中前端开发过程中遇到的困难这个问题主要是相看面试者是不是有独立解决问题的能力及解决问题的方案以及工作中的的一些两点
2、遇到这样的问题可以说出一个自己解决的比较完美的问题,如:vue不适合做cms,因为单页面应用对seo很不友好,解决的方法就是:我们使用nuxt技术,在保证使用vue语法开发的同时,也使用了服务端渲染技术保证了seo效果,这个过程突出了自己的学习nuxt等新技术的能力
3、另外也是有很多实际的开发问题不好解决,的但是那些自己解决不好的问题不适合 在面试的过程中说的
‘肆’ 在前端开发工作中一般会遇到什么问题,是如何解决的
对于经验丰富的人来说,基本上不会遇到什么困难的问题,但对于菜鸟来说,问题会出现一大堆,除非有人来总结,不然,这个问题是不好回答的
‘伍’ 初入Web前端职场的新人怎么解决工作中遇到的问题
可以加一下web前端开发QQ技术交流群,或者去那种有关web前端的问答社区提问,一般都是有人给你解答的。然后就是平时在工作之外的时间需要不断地学习习的知识,特别是自己不会的,或者工作发当中没有用到的东西。
‘陆’ 我是前端开发,培训班出来的,目前在职,工作有半年多了吧,工作中经常遇到一些老程序员看不起的问题
可能不是你对知识的认识不够充分,而是就你一个前端他们看不起你,你会觉得是自己知识层面达不到他们那样。我老师也是后面进公司的啊,但他很吃香呢,还来我们学校教书,一个月领两份工资。你也可以阔知识去看看别的相关知识,丰富知识层面嘛是不是。
‘柒’ web前端,遇到不懂的问题,一般怎么解决
今天为大家整理和分析一下初学web前端的朋友总会遇见的几个问题以及我个人理解的解决办法。
1 能听懂,写不出来
我相信这应该是所有初学者的问题,就是看视频的时候,能听懂,但是到自己独立去写的时候却写不出来,就像我们总说说起来非常容易,但是做起来很难。这个是非常重要的一点,就是我们要掌握一个非常恰当而且适合自己的学习方法,这点非常重要,因为根据我的经验,接触过很多初学者,学着学着就放弃了,然而失败的原因基本都是相同的,只要一直坚持下去,基本上能学下去的都会成功的学成,这是我自己的感觉,至于学习方法要看你自己适合什么,也可以加我的前端群像我请教。
2 学完了之后就忘记
我们解决第一问题,就会立马迎来第二个问题,比如我们的HTML标签和一些css的属性,我们用浮动去实现一个效果,但是过了几天之后发现,这个我怎么不会用了,就在脑海中,但是怎么都想不起来,这里我给大家说的是,你学习的每一个知识点,必须而且以及一定要跟三个案例以上,只有应用到实处,才能更好的记忆,在你学习之后的知识点,要不断的温习前面的东西,不然一定会忘记。
3 看书看不懂怎么学
我接触过很多的新手说,我买了一个本从入门到精通的书,其实我想说如果你觉得看了一本书就可以学好前端找工作,那这个工作好像谁都可以做了,我个人在初学的时候是一本书没看过,但是我却看过大量的技术书籍,这个都是在我学完了一遍前端,学了一遍java之后才看的,因为这个时候我才能看懂,对于我之前学习的一些没有太懂的东西,进行了一个知识的补充,一个新手区看专业人士编辑的专业书籍,我真的很难想得到,有几个人能看下去一本几百页的书,而且能看懂,所以我个人建议新手学习不要看书,反正对我来说没有什么效率。
4 学了之后怕找不到工作
Web前端开发相对于后端来说确实是简单不少,而且就业率也是非常高,但是很多新手对这个行业太不了解,以为学了之后就能找到多少钱的工作,完全忽略了自己学了之后,到底学的怎么样,什么水平,有点不太现实,这个行业工资确实高,一个具有三年前端开发经验的人基本工资都会在15000以上,但是却不是那么好拿的,还是看自己自身的竞争能力怎么样。
以上的四个问题可能是初学者学习前端关心的几个问题,这都是我个人经验用白话文总结的,说的不是很好,大家见谅,这是我的web前端资料分享交流群 :113485407
初学的新手有什么问题可以在群里问我,学习的疑惑什么的,群里有很多初学前端的新手,非常适合初学者,也可以管我要学习资料,都是免费分享的。
‘捌’ 前端开发的难点到底在什么地方
不同级别的前端面临的难点各不相同,不可一概而论;
业务开发的前端难点在于对业务的理解和把控能力;
平台开发的前端难点在于产品化的把控和推进能力。
观点1:不同级别的前端面临的难点各不相同,不可一概而论。
其他回答有说 CSS 难,有说 CSS 不难的,每个人水平不同,这样争论毫无意义。我刚学前端时觉得 JS/CSS/浏览器兼容问题都很难,现在觉得也就那样,因为前端路子广,办法总比问题多。后来觉得要评估好需求,把控好项目质量比较难,很多时候我们是在干事,在解决问题,不是只埋头写代码,时间一长你会发现前端工作中,技术问题往往比较好解决,反而资源+协作问题比较麻烦。现在对我来说比较难的是快速产品化的能力,如何从无到有去做出一些有价值的东西。
举一个简单粗暴的例子吧:阿里前端很多,P5/P6 一大把,但是 P8/P9 的非常少,为什么?进阶的难点在哪里?
前端开发的难点跟前端进阶的难点是非常相似的。阿里对每个前端层级都有一个标准,这也从侧面回答了这个问题,比如对 P5 来说,难点可能是写好业务代码,保证其灵活性和可维护性,能解决各种适配问题;对 P6 来说则需要独挡一面,能独立 owner 需求,而 P7 则需要在某方面技术有深入理解,等等。
能提出这个问题首先得恭喜题主,说明题主在当前阶段遇到瓶颈了,需要向下一个 level 出击了。
观点2:业务开发的前端难点在于对业务的理解和把控能力。
业务逻辑开发本身并不是难点,谁都可以写。但是对于你自己负责的这块业务,后续业务的发展方向和潜力,你有去了解过吗?当业务方提需求过来时你是只负责执行还是和业务方一起探讨更合理的方案?你有没有给自己负责的产品提过一些建议?做过一些改善措施?如果前端只是作为一个执行者,作为一种被调度的资源,那么即使最终项目取得了好的成绩,跟你有多大关系?你自己会有多大的成就感?
另外一个很重要的点:就是对业务的把控能力。业务方总是会催着上线,开发时间不断被压缩该怎么办?进度不如预期怎么办?开发遇到瓶颈怎么办?发布新功能翻车了怎么办?
我见过有默默加班保证进度的,也有跟需求方重新谈延期的,有发布出问题手足无措的,也有自己默默修复的,有遇到瓶颈一筹莫展的,也有及时跟老板沟通,跟业务方撕逼的… 如何优雅的处理这些问题,有时候比写代码更难。为什么有的人业务代码逻辑混乱,写的一团糟?我不相信是智力问题,反倒更相信是对项目本身没有把控好,本来排了5天工作量的需求被业务方压到了3天,你还能保证写出健壮而不失风度的代码?
观点3:平台开发的前端难点在于产品化的把控和推进能力。
做业务时有人给你提需求,帮你出交互视觉稿,你只要负责写页面就行了。但是在支付宝前端,很多内部平台和技术产品都是技术自己主导,你需要自己发现问题,出方案,设计数据库,自己出页面,这是一个从无到有的创造的过程。并且要保证你做的东西是真正解决问题的,而不是做一些自己觉得很牛逼实际上并没有解决用户痛点的东西,用我老板的话说就是对产品的把控能力,不要跑偏了。前端是最容易做出产品化东西的工程师了,因为后端不会做 UI,UI 不会写代码,唯前端兼顾,这是最大优势。
再一个就是对产品的推进能力了,你做的东西可能需要各种资源?如何争取?可能牵扯到多方利益?如何权衡?东西做出来了如何推广?如何在用户的一片骂声中奋勇前进?
印象中很多平台型产品,刚开始投入使用时都是一片骂声,各种问题,说实话负责这些产品的程序员压力是相当大的,天天被骂还得彻夜帮别人解决问题,还得不断优化系统,你说难不难?
以上三点就是本文所展现的理念,希望能对大家有帮助。
‘玖’ 刚刚进入前端工作,很迷茫怎么办
第一 学习前端这一块,找工作怎么样?
目前前端这一块市场需求还是很大的,薪资待遇水平也很不错的,最后涉及到找工作这一块,有些同学会说,为什么学前端工作不好找呢?首先对于这个问题,根据相关数据调查显示,这个问题不仅仅是前端行业有这个问题,各行各业都有这个问题,很多人其实对前端都是一知半解,仅仅学习了一个皮毛,基本什么也不会,连个像样的小项目都做不出来,你们觉得这样的水平好找工作吗?换做是你当老板,你会乐意雇佣什么也不会的员工吗?
企业需要的是召之即来,来之能用的人才,而不是一半瓶子不满,半瓶子晃悠的人。反观我们看一下那些真正有前端技术的同学,很多企业都是抢着要,把自己做的项目,放那一演示,证明自己很牛,公司的求着找你,你的境遇由你的实力决定,不要把自己的无能怪罪于前端这个行业怎么样,任何行业都是一样的,有本事的人才能走的更远,当然那些前端水平一般的同学,不要纠结,尽管你现在的前端水平有点差,但是你可以通过不断的学习,来提升自己的水平啊,水平是动态的,是可以不断的变化的,学习可以改变一切。
第二 别把自己停留在对前端的迷茫上,学习,提升,才是硬道理。
很多想学前端的同学,总是停留在一个徘徊观望的层面,内心充满了纠结和迷茫,觉得选这行对吗?怎么才能一步登天呢?我想说的是,任何一个行业都不容易,都需要你付出努力用心思考坚持,吃苦耐劳才能赢得未来,不要总想走捷径,没有,也别把自己当成时代的幸运儿,用一颗平常心,踏踏实实学习,踏踏实实提升自己,才是王道。
一些同学会问我,想学前端,但是不知道应该从哪里入手?老话说的好,只有站在巨人的肩膀上,才能看的更高更远,聪明的同学永远都知道,借鉴别人的精华,迅速的提升自己,所以好的开始,就是跟前端高手学习,因为他们有经验,有实力,怎么学,怎么提升,他们很有经验,我认识一位前端高手,他每天都在网上做前端免费直播课,我也经常去听,学到很多东西,讲的给人一种醍醐灌顶的感觉,别自己摸索学习强多了,学习前端不仅仅是知识层面的提升,还有思维层面的提升,所以想听这位前端高手课程的同学,请加他的前端教程资料裙 :首先位于开头的一组数字是:655,其次处于中间地带的一组数字是:567,最后位于尾部的一组数字是:613,把以上三组数字按照先手顺序组合起来即可。希望同学们做一个聪明的人,一个善于学习的人,一个懂得如何不断强大自己在这个现实的社会中生存的更好的人,只有你自己的努力才能给自己更强大的未来,而不是抱怨等待犹豫,这只是堕落者的表现。
‘拾’ 前端开发面试问题工作中遇到最难的是什么
1).margin-top,margin-bottom不能正常显示时一.有时会遇到外层中的子层使用margin-top不管用的情况;这里我们需要在子层的前后加上一个div{height:0;overflow:hidden;}例CSS样式表中:#box{background-color:#eee;}#boxp{margin-top: