1. 本人web前端开发工程师，技术遇到瓶颈.怎么才能不断提高自己
第一，获取相关信息。可以通过浏览招聘信息或者询问身边从事前端工作的朋友来对HTML5大前端以及前端开发的工作内容进行一个初步了解。一般来说，前端开发工程师的工作包括：使用HTML、CSS、JavaScript等专业技术和工具将UI设计稿实现为用户PC端、移动端网页等网站产品，同时处理相关端口的视觉和交互问题等。
第二，打好学习基础很重要。Web前端入门学习的基础内容有HTML5和CSS3，其中包括PC端网站布局、Weapon页面布局两方面。JS交互设计是重点学习部分，这部分需要熟练掌握JavaScript基础语法、JavaScript进阶、JavaScript高级编程、Conquer经典案例等内容。再有前端框架也是重点知识点，现在比较主流的框架有Cue、React、Angular，熟练运用框架可以提升开发效率。
第三，理论结合实践。紧跟潮流发展也很关键，现在微信小程序和小游戏越来越流行，掌握相关技术点可以在岗位竞争中更具优势。比如熟悉React Native技术对于小程序开发很有必要，它可以实现熟练开发出匹配项目需求的功能。
最后，找对适合自己的学习方式至关重要。
2. 前端开发碰到的问题
具体问题需要具体分析，比较常见的问题有CSS冲突，JS冲突，页面编码错乱，都是基础问题
3. 前端开发遇到的问题与怎么解决的
前端和后端没有可比性
前端的开发，如果没有总体的设计思路，会成为一种碎片似地程序，一个效果一坨代码，一个功能一滩脚本，一个需求片逻辑，我曾经遇到过，因为ue调整，把整个前端的代码除了核心数据处理函数保留，其余的全部修改的情况。
基本上前端的开发，处于dom操作，数据处理，数据交互三部分，如果合理的分配这三部分的功能，那么前端的代码就很容易扩展和调整。可惜现在优秀的前端开发者很少，因为前端门槛很低。
那么接下来我回答挑战所在：真正的前端开发的挑战，还在于开发者的思路，兼容性，布局，css
js都不是问题，问题在于如何合理的组织语言逻辑，如果正确抽象出需求中的模块，在如何用代码处理。清楚的用代码表达出思路，清楚的写好注释，给后续维护者一个可阅读的思路。
前端的改动量，是后端的数倍，前端没有绝对，只有跟随需求不停的修改。
4. 在前端开发工作中一般会遇到什么问题，是如何解决的
对于经验丰富的人来说，基本上不会遇到什么困难的问题，但对于菜鸟来说，问题会出现一大堆，除非有人来总结，不然，这个问题是不好回答的
5. 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即可；
6. web前端工程师工作中,遇到难以解决的问题有哪些
有时会遇到外层中的子层使用margin-top不管用等情况
7. 前端开发过程中遇到过什么困难
前端开发过程中遇到的困难还是很多
1、面试中前端开发过程中遇到的困难这个问题主要是相看面试者是不是有独立解决问题的能力及解决问题的方案以及工作中的的一些两点
2、遇到这样的问题可以说出一个自己解决的比较完美的问题，如：vue不适合做cms，因为单页面应用对seo很不友好，解决的方法就是：我们使用nuxt技术，在保证使用vue语法开发的同时，也使用了服务端渲染技术保证了seo效果，这个过程突出了自己的学习nuxt等新技术的能力
3、另外也是有很多实际的开发问题不好解决，的但是那些自己解决不好的问题不适合 在面试的过程中说的
8. 前端开发时遇到过什么坑尤其是webapp开发时
代码构建：
gulp里面单个task默认是异步执行，只有有return语句存在时才是同步执行。
broswerify+watchify大部分示例代码都告诉你要用 assign({},watchify.args,customerOpts)，这句话，而这句话会导致所有代码都共享watchify.args这个东西，watchify.args中维护了一些cache，这些cache会导致很多代码不重新增量编译。
手机移动端网页：
大部分坑可以在这里面找到，Mars/issues at master · AlloyTeam/Mars · GitHub，这几天才经历一个特别诡异的，safari下面div居然不能触发click事件，后面加了一个style="cursor:pointer"才解决。
zepto：
这是一个轻量级的js库，其中有实现$.ajax的方法，由于在xhr open前改动了withCredentials属性，导致在部分安卓手机上直接出错了，开始还以为系统不支持准备走jsonp。
css：
例子太多，举个最近经历的，flexbox中的flex-basis属性，默认居然是auto!也就是说当你设置这个元素overflow-y:scroll，子元素高度超过父元素的大小时，你会发现它父元素上一个兄弟节点的高度会变的非常奇怪，原本的顶部高度固定，下面浮动拉升完全走样。
9. web前端开发难不难学
如果学什么课程之前，首先考虑的难不难学，这会形成一个不好的心理暗示，因为我们很多人的内心都是喜欢去学习简单的容易的东西，而不喜欢学习复杂难的东西，我们的立足点不在是把这个专业学透彻学专业，总是在简单的道路上徘徊，也就意味着我们只能掌握一个皮毛的知识，任何学科专业，学起来都不容易，都需要你们付出心血认真研究，总想不付出努力，随便一学就一步登天的思想，是电视剧看多了吧，就像武侠电视剧里拿到一本武功秘籍，看一两天，咔咔的就学会了，从此天下无敌，然后开始拯救世界了，不好意思，武侠的世界可以这样，现实的世界不是这样的，只能踏踏实实的去努力，逢山开路，遇水架桥。什么难不难的，为了掌握这门技术，去努力就对了，这才是正确的学习态度。
说起前端，第一个接触到的就是我们现在每天都可以接触到的网页，而网页的构成又分为三种知识的结合
（1） HTML5：
H5给予前端的感觉就像是一个框架一样，如同建房子，而H5的作用就是将框架给架构出来。而H5其实是通过H4发展过来的，但是由于两者相差太大了，所以并没有用过H4来进行过渡学习。在学习H5的时候，刚开始就遇到了困难，因为各种各样的标签，各种各样的元素，学的我是有点儿晕头转向，不过好在，慢慢的自己也就有了那么一点点了解，基本上，H5中的元素分为行级元素以及块级元素，行级元素都在同一行，除非用到<br>标签，或者通过样式将其变为块级元素，而块级元素则独占一行，然后就是各种标签的使用了，基本上也可以分为几类，1.文本类，2.多媒体类，3.表格类，4.最为重要的表单类标签，标签的使用需要看情况选择，只有经过不断的练习才能逐步了解。而我自己对于标签的使用也仅限于入门阶段，所以也就不班门弄斧了，我这里所谈只是我自己的学习过程。
（2） CSS3:
css的中文解释为层叠样式表单，所以它的主要作用就是装饰，由于开始的时候已经接触到了HTML5，所以CSS的作用就是在框架上面进前端的学习都是需要不断的学习，学一天停一停相当于白学，学习效果很差，如果你想有人一起学习可以来这个扣裙，首先是132 中间是667最后是127 都是零基础的同学，大家相互鼓励 共同努力 只是学着玩就不建议来了!!!行装修，而这里面就涉及到了，如何去使用CSS，刚开始学习的时候其实我们可能都接触到了，在HTML的代码中，我们也可以对各种各样的标签进行样式的控制，为什么我们还要通过css来进行控制呢？首先，在HTML中对样式进行控制会影响代码的整洁度。其次，在不断的开发过程中，你会发现，其实有很多样式你以前经常使用和编写，那么通过我们学习过Java所以，首先想到的一定是封装，那么既然有了封装的想法，那就有了CSS的出现，CSS的使用有三种形式，一，外部引用，即所有的CSS样式都存在CSS文件夹中，通过link使用二，在HTML头部通过Style标签进行编写使用，三，也就是我们最不提倡的内嵌，即在标签中进行样式编写，但是这样的使用在canvor(画布标签)极为常见，讲到样式就不得不提到最为重要的选择器，选择器的使用可以通过1..+类名来使用，2.#+id进行选择，3.直接通过标签名进行选择，4.可以通过其父容器再对其进行选择，当然在我的学习中最为常见的是通过类名和id进行选择，其次是直接对标签名进行选择，不过这些选择器中，还有一个使用很多的，那就是组合选择器，因为有时两个标签具有相同的样式，所以这时就会产生两个组合选择器。说完了选择器，就要讲到css中的属性了，比如宽width，高height，颜色color都是属性，每个标签都可以设置属性。
属性学习完就是定位和浮动了以及动画，这些都是让样式更加美化的内容，所以如果需要页面更加美化，那么就要将这部分内容学好，但是很惭愧的是我自己这部分属于没有学好的。
（3） JavaScript:
JS的作用基本上就是完成前后端的交互，JS的学习过程相对于H5以及CSS3就好了一点点，因为它是可编程性语言，所以对于有过编程语言学习的同学，理解起来还是相对来说容易一点，由于它是弱类型语言，所以对于类型的定义只有Number，String，Boolean，Object，等，而不像java中光是数字类型就有四类八种，而且它不需要编译即可运行，所以它很方便，也很轻量，而且对于变量的定义没有java中的必需声明引用，在JS中一切变量只需要一个Var就可以解决，但是在JS中也有Java中不存在的，比如匿名函数，相当于Java中的方法，即此方法没有方法名，而且可以用变量进行表示，即 var i = function(){};所以对于JS的学习还没有结束。而且还有最为重要DOM和BOM没有学习到。学习还在不断进行，而我也将一往无前。
10. 面试官问我 两年前端开发遇到最难的问题是什么
最难得问题就是 没有困难 你看他还说啥