‘壹’ web前端开发面试流程是怎样的
首先投简历，等待hr通知面试，一般情况下先填资料，做测试题，接着开始第一面（一般问经你的个人情况，工作经历等），资料已经交给技术，等一面通过之后接着二面，二面一般是技术面试，问你开发相关的技术问题（例如布局问题，js,框架之类的），有些公司还需要上机操作（写一两个页面或者开发一个js方法等），有些公司是通过之后直接进行3面有些是改天再进行3面，3面一般就是项目经理或总经理问你一些各种各样的问题（随机应变就行，也有一些公司没有这个环节），如果3面都过了，基本上就是面试成功了，接下来就是4面，也就是人事主管和你谈工资待遇等问题了，这个谈好之后就会告诉你什么时候过来上班，要准备什么东西，当然一般还会有正式的工作邀请函发到你的邮箱。如果没有3面的公司，那人事这个环节就直接是3面了。
还有一些公司是一面之后等通知，通过的就通知你二面，然后再等通知，然后通过再三面（这样的公司我一般不会等，太浪费时间）
‘贰’ 一般java面试都会问些什么问题
1、请你自我介绍一下你自己？
回答提示：一般人回答这个问题过于平常，只说姓名、年龄、爱好、工作经验，这些在简历上都有。其实，企业最希望知道的是求职者能否胜任工作，包括：最强的技能、最深入研究的知识领域、个性中最积极的部分、做过的最成功的事，主要的成就等，这些都可以和学习无关，也可以和学习有关，但要突出积极的个性和做事的能力，说得合情合理企业才会相信。
企业很重视一个人的礼貌，求职者要尊重考官，在回答每个问题之后都说一句“谢谢”，企业喜欢有礼貌的求职者。
2、你觉得你个性上最大的优点是什么？
回答提示：沉着冷静、条理清楚、立场坚定、顽强向上、乐于助人和关心他人、适应能力和幽默感、乐观和友爱。我在北大青鸟经过一到两年的培训及项目实战，加上实习工作，使我适合这份工作。
3、说说你最大的缺点？
回答提示：这个问题企业问的概率很大，通常不希望听到直接回答的缺点是什么等，如果求职者说自己小心眼、爱忌妒人、非常懒、脾气大、工作效率低，企业肯定不会录用你。绝对不要自作聪明地回答“我最大的缺点是过于追求完美”，有的人以为这样回答会显得自己比较出色，但事实上，他已经岌岌可危了。
企业喜欢求职者从自己的优点说起，中间加一些小缺点，最后再把问题转回到优点上，突出优点的部分，企业喜欢聪明的求职者。
4、你对加班的看法？
回答提示：实际上好多公司问这个问题，并不证明一定要加班，只是想测试你是否愿意为公司奉献。
回答样本：如果是工作需要我会义不容辞加班，我现在单身，没有任何家庭负担，可以全身心的投入工作。但同时，我也会提高工作效率，减少不必要的加班。
5、你对薪资的要求？
回答提示：如果你对薪酬的要求太低，那显然贬低自己的能力；如果你对薪酬的要求太高，那又会显得你分量过重，公司受用不起。
一些雇主通常都事先对求聘的职位定下开支预算，因而他们第一次提出的价钱往往是他们所能给予的最高价钱，他们问你只不过想证实一下这笔钱是否足以引起你对该工作的兴趣。
‘叁’ java工程师面试时最看重的是什么
一、专业技能
熟练的使用Java语言进行面向对象程序设计，有良好的编程习惯，熟悉常用的JavaAPI，包括集合框架、多线程（并发编程）、I/O（NIO）、Socket、JDBC、XML、反射等。
熟悉基于JSP和Servlet的JavaWeb开发，对Servlet和JSP的工作原理和生命周期有深入了解，熟练的使用JSTL和EL编写无脚本动态页面，有使用监听器、过滤器等Web组件以及MVC架构模式进行JavaWeb项目开发经验。
对Spring的IoC容器和AOP原理有深入了解，熟练的运用Spring框架管理各种Web组件及其依赖关系，熟练的使用Spring进行事务、日志、安全性等的管理，有使用SpringMVC作为表示层技术以及使用Spring提供的持久化支持进行Web项目开发的经验，熟悉Spring对其他框架的整合。
熟练的使用Hibernate、MyBatis等ORM框架，熟悉Hibernate和MyBatis的核心API，对Hibernate的关联映射、继承映射、组件映射、缓存机制、事务管理以及性能调优等有深入的理解。
熟练的使用HTML、CSS和JavaScript进行Web前端开发，熟悉jQuery和Bootstrap，对Ajax技术在Web项目中的应用有深入理解，有使用前端MVC框架（AngularJS）和JavaScript模板引擎（HandleBars）进行项目开发的经验。
熟悉常用的关系型数据库产品（MySQL、Oracle），熟练的使用SQL和PL/SQL进行数据库编程。
熟悉面向对象的设计原则，对GoF设计模式和企业应用架构模式有深入的了解和实际开发的相关经验，熟练的使用UML进行面向对象的分析和设计，有TDD（测试驱动开发）和DDD（领域驱动设计）的经验。
熟悉Apache、NginX、Tomcat、WildFly、Weblogic等Web服务器和应用服务器的使用，熟悉多种服务器整合、集群和负载均衡的配置。
熟练的使用产品原型工具Axure，熟练的使用设计建模工具PowerDesigner和Enterprise Architect，熟练的使用Java开发环境Eclipse和IntelliJ，熟练的使用前端开发环境WebStorm，熟练的使用软件版本控制工具SVN和Git，熟练的使用项目构建和管理工具Maven和Gradle。
项目介绍
本系统是X委托Y开发的用于Z的系统，系统包括A、B、C、D等模块。系统使用了Java企业级开发的开源框架E以及前端技术F。表示层运用了G架构，使用H作为视图I作为控制器并实现了REST风格的请求；业务逻辑层运用了J模式，并通过K实现事务、日志和安全性等功能，通过L实现缓存服务；持久层使用了M封装CRUD操作，底层使用N实现数据存取。整个项目采用了P开发模型。 说明： E通常指spring（Java企业级开发的一站式选择）； F最有可能是jQuery库及其插件或者是Bootstrap框架，当然如果要构建单页应用（SPA）最佳的方案是前端MVC框架（如AngularJS）和JavaScript模板引擎（如HandleBars）；G显然是MVC（模型-视图-控制），最有可能的实现框架是spring MVC，除此之外还有Struts 2、JSF以及Apache为JSF提供的MyFaces实现； H是JSP，JSP作为MVC中的V，也可使用模板引擎（如Freemarker和Velocity）来生成视图还可以是各种文档或报表（如Excel和PDF等）； I是Servlet或者自定义的控制器，他们是MVC中的C，当然Spring MVC中提供了作为前端控制器的DispatcherServlet； J通常是事务脚本； K应该是AOP（面向切面编程）技术； L目前广泛使用的有memcached和Redis； M的选择方案很多，最有可能的是hibernate和MyBatis，也可以两种技术同时运用，但通常是将增删改交给hibernate来处理，而复杂的查询则由MyBatis完成，此外TopLink、jOOQ也是优秀的持久层解决方案； N底层的数据存取传统上是使用关系型数据库，可以是MySQL、Oracle、SQLServer、DB2等，随着大数据时代的来临，也可以采用NoSQL（如MongoDB、MemBase、BigTable等）和其他大数据存取方案（如GFS、HDFS等）； P是项目的开发模型，可以是瀑布模型、快速原型模型、增量模型、螺旋模型、喷泉模型、RAD模型等。项目开发流程
1、可行性分析：可行性分析报告、项目开发计划书;
2、需求分析：需求规格说明书OOAD（用例图、时序图、活动图）;
界面原型：帮助理解需求、业务层设计时推导事务脚本;
3、设计：概要设计说明书、详细设计说明书;
*抽取业务实体（领域对象）：类图、E-R图（概念设计阶段）;
分层架构：确定各层的技术实现方案（具体到使用的框架、数据库服务器、应用服务器等）;
*业务层设计：事务脚本模式（事务：用户发送一次请求就是一个事务；
脚本：一个方法或一个函数；
*事务脚本：把一次请求封装为一个方法或一个函数；事务脚本模式：一个事务开始于脚本的打开，终止于脚本的关闭）;
*业务层涉及的对象有三种类型：事务脚本类（封装了业务的流程）、数据访问对象（DAO，封装了持久化操作）、数据传输对象（DTO，封装了失血/贫血领域对象），三者之间的关系是事务脚本类组合（聚合）数据访问对象，这二者都依赖了数据传输对象正向工程（UML类图生成Java代码）和逆向工程（Java代码生成UML类图）数据库物理设计（ER图转换成表间关系图、建库和建表、使用工具插入测试数据）;
3、编码；
4、测试：测试报告、缺陷报告;
*单元测试：对软件中的最小可测试单元进行检查和验证，在Java中是对类中的方法进行测试，可以使用JUnit工具来实施；
*集成测试：集成测试也叫组装测试或联合测试。在单元测试的基础上，将所有模块按照设计要求组装成为子系统进行测试；
*系统测试：将已经确认的软件、硬件、外设、网络等元素结合在一起，进行信息系统的各种组装测试和确认测试，系统测试是针对整个产品系统进行的测试，目的是验证系统是否满足了需求规格的定义，找出与需求规格不符或与之矛盾的地方，从而提出更加完善的方案；
*验收测试：在软件产品完成了单元测试、集成测试和系统测试之后，产品发布之前所进行的软件测试活动。它是技术测试的最后一个阶段，也称为交付测试。验收测试的目的是确保软件准备就绪，并且可以让最终用户将其用于执行软件的既定功能和任务；
5、交付和维护：用户手册、操作手册；版本控制：CVS/SVN/Git
自动构建：Ant/Maven/Ivy/Gradle
持续集成：Hudson/Jenkins
负载均衡服务器：F5、A10；
应用服务器： HTTP服务器：Apache、NginX（HTTP、反向代理、邮件代理服务器）；
Servlet容器：Tomcat、ResinEJB容器：WildFly（JBoss Application Server）、GlassFish、Weblogic、Websphere；
数据库服务器：MySQL、Eclipse、Oracle；
图表工具：基于jQuery的图表插件（如jQchart、Flot、Charted等）、Chart.js、Highcharts等。
报表工具：Pentaho Reporting、iReport、DynamicReports等。
文档处理：POI、iText等。
工作流引擎：jBPM、OpenWFE、Snaker、SWAMP等。
作业调度：Quartz、JobServer、Oddjob等。
缓存服务：EhCache、memcached、SwarmCache等。
消息队列：Open-MQ、ZeroMQ、ActiveMQ等。
安全框架：Shiro、PicketBox等。
搜索引擎：IndexTank、Lucene、ElasticSearch等。
Ajax框架：jQuery、ExtJS、DWR等。
UI插件：EasyUI、MiniUI等。
富文本框：UEditor、CKEditor等。
项目是为哪个公司开发的？项目的投入是多少？
有多少人参与了项目开发？整个团队中，测试人员、开发人员、项目经理比例是多少？
项目开发了多长时间？项目总的代码量有多少？你的代码量有多少？
项目采用了怎样的开发模型或开发流程？项目的架构是怎样的？项目的技术选型是怎样的？
你在项目中担了怎样的职责？是否经常开会或加班？项目完成后有哪些收获或是经验教训？
项目中最困难的部分是什么？如何解决团队开发时遇到的各种冲突？
我注意到你们使用了X技术，请问你们是如何解决Y问题的？
为什么你们的产品使用了X技术而不是Y技术？据我所知，X技术虽然有A、B、C等好处，但也存在D和E问题，而Y技术可以解决D和E问题。
我对您说的X技术不是太熟悉，但我感觉它是一个不错的解决方案，您能多讲讲它的工作原理吗？
你们团队是如何进行项目规划的？一周会有几次例会？每周的代码量大概是多少？
就X问题我能想到的解决方案目前就只有Y了，请问您会怎么解决这个问题？
- S.A.R法则是指先描述问题的场景，然后解释你采取的行动，最后陈述结果。
声音适中、口齿清楚、面带微笑、个人形象精神，讲礼貌。
主动跟面试官聊他感兴趣的话题，让面试官满意。
主动的大胆的跟面试官聊自己熟悉有经验的内容：项目、技术点等，做到扬长避短。
一定要表达自己非常想得到这个岗位，自己很愿意学习不懂的技术。
根据自己的实际水平提出合理的待遇要求。
学习能力（搞IT行业的人需要不断的了解新的技术、工具和方法）
团队意识（相比个人英雄主义，IT行业更倡导团队合作）
抗压能力（很多IT企业的工作强度相对来说还是比较大的）
说明： 上面罗列的这些东西并不是每一项你都要烂熟于心，根据企业招聘的具体要求可以做相应的有针对性的准备。但是前6项应该是最低要求，是作为一个Java软件工程师必须要具备的专业技能。
二、项目经验
三、项目管理
四、系统架构
五、第三方工具（插件）应用
六、面试提问
七、面试时可以反问面试官的问题
八、S.A.R.法则
九、面谈原则
十、自我评价
‘肆’ 面试java开发工程师一般会提什么问题
首先都是问工作经历，上一家公司的工作情况（应届生会问些学校表现、毕业设计之类的）。然后问些技术问题，JAVA基础的概念，线程、并发、网络、文件操作、数据库操作之类等等。学习java推荐选择千锋教育，千锋教育拥有国内一体化教学管理及学员服务，助力更多学员实现高薪梦想。
java开发工程师的就业方向有：
1.Android开发
Android是世界上最大的智能手机操作系统。根据Strategyalytics的最新研究报告，2016年第三季度全球智能手机出货量达到3.75亿台。Android操作系统获得了创纪录的88%全球市场份额，挤压了苹果IOS等平台。Java是Android应用的主要开发语言。
2.web开发
Web开发语言很多，Java就是其中之一。Java在开发高访问、高并发、集群的大型网站方面有很大的优势，比如去哪儿网、美团等。
3.客户端开发
Java客户端开发主要针对政府、事业单位和大型企业，如医疗、学校、OA、邮箱、投票、财务、考试、物流、矿山等信息系统。然而，客户端开发只是为了帮助自己企业的主营业务。
想要了解更多关于java的相关信息，推荐咨询千锋教育。千锋教育成立教研学科中心，推出贴近企业需求的线下技能培训课程。课程包含HTML5大前端培训、JavaEE+分布式开发培训、Python人工智能+数据分析培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、网络安全培训、区块链培训、影视剪辑包装培训、游戏原画培训、全媒体运营培训。
‘伍’ 前端开发面试回答，你怎么回答
我面试过很多 前端程序员，非常了解面试者和面试官的心理，我可以很负责的告诉你：
就算面试你的人说你只能拿8K，但是你完全可以通过各种方法去拿到10K以上的薪资！
面试的时候面试官都是什么样的心理？
大多数公司的领导都会通过给你构造一个宏伟的蓝图以及对你进行技术打击，来让你降低标准，因为任何一家公司都希望花最少的钱请到最NB的技术人才，其实双方就是一个周旋的过程，看谁的情商更高一些，但往往都是面试者被面试官拿下的情况比较多。
我给面试经验不多的 前端程序员4个建议：
1、说工资时千万不要说自己的理想工资，在这个之上虚高一点！
假设你预期的薪资是10k，你很实在的说要10k，那么按照常理来说，你的工资标准是一定会被往下进行打压的。
你可以先说自己以前的工作的薪资在11K左右，现在换份工作想要13K的薪资，这个时候面试官就会想，这个人以前的工资是11k，现在给他10k他肯定是不会来的，但他还是会跟你进行压价，但是压价肯定都是在10k以上的，所以你和面试官谈判的时候，如果他认可你，那么你的薪资应该就会在10k-13k之间，无论最终是10k还是11k或者12k，我们的目标都已经达到了。你可以进行一番思考，最终同意对方的开价。
但是你不要跟轻易的答应，一定要拿捏一下，让对方觉得你也在考虑，最终你选择了他们公司，要表达出对他们公司的愿景，自己中意的是职业发展，喜欢的是公司氛围等等因素，这样对方才会认为你是看重公司的发展，而不是因为工资。关于这点我只能说，华夏民族的人和人交流的关系是世界最微妙的，这些套路大家心知肚明，但是你用和不用还真的是两种效果。
2、设置一个自己的心理价位
如果对方说的薪资低于这个心理价位，我们一定要果断拒绝，保持我们的原则性，不要因为对方说了而让你降低了自己的心理价位，这样也会让面试官觉得你非常的有原则，非常自信，人们都尊重这样的人，如果你一味的做舔狗，下场会非常悲惨。
根据我十年多的IT从业经验来看，即使是做同样的工作，也会存在着很多工资高低差距较多的情况，所以不要掉在一棵树上，现在社会工作机会这么多，只要有实实在在的技术，工作是很容易找的，一定要多去尝试。
3、凸显自己的价值，让对方觉得你是个人才
如果之前两点没有达到预期成效，但你又非常看好这家公司，就该尽力争取了；
用自己之前做成的事情说事情，最好是用数据给面试官说明，表达清楚自己为什么要这样的薪资，让对方感觉到你值这么多钱，如果对方公司现在比较缺人，而且你要的薪资没有特别离谱，还有有希望拿下的。
4、公司一般都有奖金福利可以弥补工资的欠缺
大多数人都想不到那么远，都是盯着眼前的薪资，但其实很多公司都有项目提成、奖金，这也是钱啊，有一些不错的公司都是14薪往上，所以在跟公司谈的时候，一定要去问他们是否有奖金、年终奖之类的福利。
除了被压榨薪资的问题，还有以下几点是必须要注意的！
1、项目作品
面试的时候，除了基础的知识技术外，一个项目经验是非常重要的，面试官会着重去问你的项目过程，所以准备好一份好的项目实战，不只是证明你对这次面试的重视，更是证明你有能力胜任这份工作的利器。
2、去背那些常问的面试题
面试题对于以下几个问题都会问：
·自我介绍（建议30s-60s）
·了解我们公司的基本情况吗？
·你上家公司离职的原因是什么？
·你自己的职业规划是什么？
·自我评价一下自己的优缺点？
以上问题都是大部分公司都会问到的，其实面试官只是想多了解你一些，而这些回答在网上有非常标准的答案，如果你觉得自己回答不好，你可以去网上找一些标准的答案背一下，还是非常有必要的，做到万无一失。
3、假设面试官没有跟你说薪资的问题，那么我们也不要主动去提及，这样会显得你非常的着急，最好是先拿到offer之后再去谈薪资，这样对于我们来说是非常有利的，经验之谈。
4、面试的时候不要对方问一句你就答一句，你一定要明白面试的本质是什么，在短时间内展示你的才华，方方面面的才能，给对方留下一个好的印象。
5、面试的过程中，是你展现的时候，所以80%的时间都应该你来主导，你来展示自己的才能，一定要非常着重的表现自己。
6、在回答面试官时，换位思考几秒钟：
·他为什么要问这个问题？
·他想知道什么答案？
·他想通过这个答案判断出什么？
所谓知己知彼才能百战不殆，你一定要换位思考对方问的问题，想要知道什么，从你的回答中他是否可以得到他想要的答案，所以面试是一门非常深的学问，人与人之间心理的博弈。
总结：
以上全部都是面试技巧方面，这属于细活，而真正掌握技术才是根本，如果你没有掌握良好的技术，技巧也帮助不了你找到一份工作，当你的技术达标，在加上好的面试技巧，就是如虎添翼，工作随便你选择。
常在这里回答问题，热爱技术，喜欢帮别人解答行业技术问题和行业知识。
如果大家对于学习前端有任何不懂的可以随时来问我，我给你提供一个非常不错的前端交流学习qun：前面是二九六，中间是二一二，后面是五六二。有问题就在里面问我，这样你可以少走很多弯路，做起来有效率，记得多跟有经验的人交流，别闭门造车。如果没有比较好的教程，也可以管我要。
‘陆’ 你遇到的前端面试题都有什么
大家好，我是王我。
随着春节的结束，各个行业也普遍开始了上班的节奏， 不过本人17号才上班。为什么？因为长得帅的都上班比较晚。 当然，每到新年结束，又迎来了一批招聘者与面试者，我来说说作为一年工作经验应该知道的面试题。
HTML篇
1.doctype是什么？有哪些类型？
2.input有哪些新类型？简要说明其8用法。
3.HTML5有哪些新特性，移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？
4.bootstrap响应式的原理是什么？
5.多移动终端页面适配是如何实现的？
CSS篇
1.如何实现两列布局，左边自适应，右边固定宽度？
2.用CSS画一个三角形
3.CSS实现字体大写
4.display有哪些常用的属性值？分别是什么意思？
5.position为absolute，relative，fixed的定点位置
6.用三种方法清除浮动
7.请介绍一下margin塌陷问题
js篇
1.什么是事件冒泡和捕获？如何阻止事件冒泡？(分别用原生和jquery实现)
2.js创建对象，至少使用三种方法
3.简述一下事件穿透以及解决办法
4.用三种方式判断变量类型是否是数组
5.如何实现对象的拷贝？
6.什么是闭包？闭包的优缺点。
7.简述一下ajax请求的过程。
8.简述一下new一个人构造函数的人过程。
9.为什么会有跨域？是怎么解决跨域问题的？简述一下原理。
10.js原始数据类型有哪些？
11.学一个函数，判断一个变量是否是字符串
12.typeof有哪些结果？
13.剪头函数和普通函数有什么区别？
14.请用三种方法实现数组去重
15.href和src有什么区别？
jquery篇
1.attr()和prop()有什么区别？
2.on和bind有什么区别？js动态添加的dom元素是通过on还是bind？
3.touch和click有什么区别？
4.window.onload和jquery的ready有什么区别？
vue篇
1.简述一下vue的生命周期及其特点
2.vue双向绑定的原理是什么？
3.vue的特点有哪些？和jquery有什么区别？
4.父子组件之间传递数据的方法
5.子组件如何共享数据？
6.一般有什么工具进行数据交互？
7.webpack的原理是什么？
8.简述一下$nextTick的用法
浏览器篇
1.cookie、sessionStorage、localStorage的区别是什么？
2.有用过浏览器缓存吗？简述一下基本的缓存机制
网络篇
1.http和https之间的区别
2.从服务器的安全考虑，是使用get请求还是post请求？
3.URL请求的过程有哪些？
项目经验篇
1.项目中遇到的最大挑战以及解决办法
2.常见的网页优化有哪些？
作为一个面试一年以内工作经验的前端程序员来说，以上的问题能够倒答如流月薪6k应该不成问题啦。这些面试题也是我在很多面试中感觉经常被问到的题目。
希望大家年后找工作能够顺顺利利， 千万不要跟我一样哦，只有帅气就一无所有了。
大家好，我是王我，中国最帅的前端程序员。
前几次都是各种培训公司，各种忽悠就不提了，说说后面4次面试的经历。
第一次是面一个小公司，不过他们好像没有厉害的前端，来面我的是个后端，一来没有问我关于js的知识，直接问我以前做过什么，有没有经验，我本人不会吹牛，简历也没怎么包装，就是自己把自学的知识和做的几个小demo弄在上面，也用github挂在页面上了，不过他根本不点开看，也不问，问我会不会vue，我当时对框架还不了解，他就说他们需要能直接上手开始写的，所以我第一个就直接挂了。
第二次面试是一个国企，这个问了很多问题，都很基础，js数据类型，数组操作，事件，大概就是高程的前面几章看看就差不多都能答到，然后因为他们主要用jq，所以问了很多jq的操作，关于节点的，动画的，我看锋利的jq大概看了3遍，也练过多次，所以我答的很熟。然后问了些布局方面的，bootstrap我了解过，又看过css3，所以这方面也没啥问题，最后在现场做了个题目，主要就是布局然后通过ajax呈现数据。后面听介绍我面试的说面试官比较满意，说我jq很熟，一面就过了。可惜后面电话面试不知怎么回事可能表现的不够自信，虽然没问技术，但是我没啥自信，把没项目经验什么的也不知怎么就一五一十交代了，估计因为这个挂掉了。
第三次没问问题，直接就是一套题开做，我在那做了一个多小时。题目就是按照要求一步一步做一个页面出来，我也搞忘了我当时卡在哪个地方了，坐在那得时候就是做不出来，没有设计图，要根据他的描述自己找个设计图然后做，我第一次遇到这个有点懵，虽然当时没做出来，不过回来我自己花了几个小时把它做了。所以这个也是凉了。
第四个问的比较多，数据类型，数组操作，跨域，ajax，闭包，原型链，继承，深拷贝，浅拷贝，模块amd cmd，基本都是问的js。然后问了html5的新特性 css3 的新特性，遇到过什么浏览器的兼容性问题，怎么解决的，以后想往什么方面发展。这个时候我已经会点vue了，照着做了个小demo，不过后来知道公司用的angularjs，面试官也没看我做的，问也没问。。以前听网上说要带上自己的项目去面试感觉没起多大效果。
最后总结下如果面的比较初级的岗位，应该主要问js，原型链，继承，闭包，深浅拷贝，ajax，跨域，然后js的基础知识，对了还有apply和call也问了，html5的新特性了解下就行。主要就是看你js掌握的程度，如果稍微要求高一点的，暂时还没面过，等以后面过在来回答
1. cookie session 的用途和区别，以及有效期
1、cookie数据存放在客户的浏览器上，session数据放在服务器上。
2、cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗
考虑到安全应当使用session。
3、session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能
考虑到减轻服务器性能方面，应当使用COOKIE。
4、单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie。
2. vue的数据绑定原理，mvvm与mvc的区别
MVVM：
m:model数据模型层 v:view视图层 vm:ViewModel
vue中采用的是mvvm模式，这是从mvc衍生过来的
MVVM让视图与viewmodel直接的关系特别的紧密，就是为了解决mvc反馈不及时的问题
图片说明一下：
说到MVVM就要说一下双向绑定和数据劫持的原理，
MVC：
m:model数据模型层 v:view视图层 c:controller控制器
原理： c层需要控制model层的数据在view层进行显示
MVC两种方式，图片说明：
总结：
mvvm与mvc最大的区别：
MVVM实现了view与model的自动同步，也就是model属性改变的时候， 我们不需要再自己手动操作dom元素去改变view的显示，而是改变属性后该属性对应的view层会自动改变。
不懂得可以复制链接查看：
https://www.pianshen.com/article/3716256399/
3. storage 的区别 sessionStorage localStorage
localStorage 的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据，使用的方法如上所示。localStorage有length属性
sessionStorage 的生命周期是在浏览器关闭前。也就是说，在整个浏览器未关闭前，其数据一直都是存在的。sessionStorage也有length属性，其基本的判断和使用方法和localStorage的使用是一致的
有一个文本框 通过v-bind绑定了value属性 值为myname 是我们在vue实例中定义的属性
传统我们获取文本框值方法 可能通过getElementById找到文本框 然后获取其value属性
但是vue中直接通过v-bind绑定了value属性 所以不需要像之前那样获取值
所以在后面的按钮中获取name值 直接获取vue实例对象data里面的myname属性即可
【数据为尊 ----数据映射到浏览器 如果数据v-model后修改（肯定input）然后到数据在有数据映射到浏览器页面 ----映射关系统称】
缓存路由组件
使用的是vue的一个组件，参考vue的官方文档
使用这个东西可以保证我们在切换组件的时候，原来显示的组件不被销毁
-----【保障组件的数据不会被切换路由而销毁数据】
Home是对应的组件对象的名字，不是路由的名字
6.多维数组拍平
数组拍平也称数组扁平化，就是将数组里面的数组打开，最后合并为一个数组
一红六种方法吧……
了解的请看： https://www.cnblogs.com/guan-shan/p/10165737.html
7.跨域的原因 解决方案
跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。
这样就可以说同源策略----协议---端口---域名
原生的src和href可以解决跨域
代理可以解决
请求头也可以携带浏览器提示的也可以解决
一般都是后端解决跨域问题
【别的需要了解看下方链接】
https://blog.csdn.net/qq_41604383/article/details/100770100
8.uniApp兼容问题§ 如果你使用cli创建项目（即项目根目录是package.json），不管用什么ide，即便是用HBuilderX，切记cli项目的编译器是在项目下的，HBuilderX不管怎么升级都不会影响编译器版本。你需要手动npm update来升级编译器。以及如果你想要安装less、scss等预编译器，也需要自己npm安装在项目下，而不是在HBuilderX的插件管理里安装。
§ 如果你使用离线打包，请注意HBuilderX升级后，真机运行基座和云打包对应引擎跟随HBuilderX升级，而你的sdk需要手动升级。sdk的版本升级一般滞后HBuilderX正式版升级一两天。
§ 如果你使用自定义基座，之前制作的自定义基座是不会跟随HBuilderX升级的，升级HBuilderX后你应该重新制作新版自定义基座。
§ 如果你使用wgt升级，新版HBuilderX编译的wgt，运行到之前的runtime上，一定要先测试好，看有没有兼容性问题。如果有问题，就不要wgt升级，整包升级。
§ 考虑到向下兼容，uni-app编译器在升级为新的自定义组件模式后，同时保留了对老编译模式的向下兼容。
在HBuilderX alpha版中，App端一定会使用新编译器，不理会manifest配置。
在HBuilderX 正式版中，新创建的项目会使用新编译器，老项目不会强制使用，而是开发者自己在manifest里配置开启。
§ 如果你使用其他ide开发uni-app，会经常因为拼错单词而运行失败，因为经过webpack编译一道，很多错误反应的不够直观，排错时间很长，不如从开始就依赖有良好提示的HBuilderX，避免敲错单词。
§ 云打包的引擎版本说明
HBuilderX Alpha，只有1套云打包机，不管你的HBuilderX alpha版本多少，对应的打包机一定是最新的alpha版的客户端引擎。
HBuilderX正式版，有2套打包机，一个是最新正式版，一个是次新正式版。
中间的紧急更新版本没有独立打包机。
举个例子：
HBuilderX 有1.8.0、1.8.1、1.8.2、1.9.0、1.9.1这几个正式版。
那么当前可用的打包机有1.9.1和1.8.2这2台。（即每个大版本的最后一个版本）
除了这2个HBuilderX版本外，其他版本的云打包都指向最新的1.9.1版对应的打包机。（即只保留2个大版本的云打包机）
【详情请看】
https://ask.dcloud.net.cn/article/35845
一、HTML
HTML书写规范
H5新增标签
HTML渲染过程
二、CSS
css盒子模型概念
css弹性布局概念
三、JavaScript
事件模型
DOM2级事件模型
闭包
原型链
四、移动Web开发
常见的布局方案
移动端前端常见的触摸相关事件touch、tap、swipe等整理
移动端前端手势事件
移动端页面渲染优化
GPU渲染
GPU核心渲染过程
五、调试
常用的调试工具
Chrome控制台调试js使用
移动端测试
六、HTTP网络知识
常见的HTTP状态码
不同请求类型的区别
WEB缓存方案
——————————
牛客网（www.nowcoder.com）
- 专业IT笔试面试备考平台
- 最全C++JAVA前端等互联网技术求职题库
- 全面提升IT编程能力
- 程序员交友圣地
分享了一些Web前端的面试题，限时一小时，你看看自己能够答出多少道！
放心，这些面试题都是一些非常基础的知识，只要你在平时认真听课、学习了，那么这些面试题肯定不会难道你。
建议：虽然没有人监督你，但还是希望你不要去寻找答案，脱离网络，拿起纸笔，你试一下自己究竟能够答出个什么水平！有没有真本领？答案尽在这些面试题里！那么，你准备好了吗？OK！计时开始！
一、HTML常见题目01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义？
02、HTML5为什么只需要写？
03、行内元素有哪些？块级元素有哪些？空(void)元素有那些？
04、页面导入样式时，使用link和@import有什么区别？
05、介绍一下你对浏览器内核的理解？
06、常见的浏览器内核有哪些？
07、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？
08、如何区分HTML和HTML5？
09、简述一下你对HTML语义化的理解？
10、HTML5的离线储存怎么使用，工作原理能不能解释一下？
二、CSS类的题目01、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
02、CSS选择符有哪些？哪些属性可以继承？
03、CSS优先级算法如何计算？
04、CSS3新增伪类有那些？
05、如何居中p？如何居中一个浮动元素？如何让绝对定位的p居中？
06、display有哪些值？说明他们的作用。
07、position的值relative和absolute定位原点是？
08、CSS3有哪些新特性？
09、请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景？
10、用纯CSS创建一个三角形的原理是什么？
三、Java类的题目
01、介绍Java的基本数据类型。
02、说说写Java的基本规范？
03、Java原型，原型链？有什么特点？
04、Java有几种类型的值？(堆：原始数据类型和栈：引用数据类型)，你能画一下他们的内存图吗？
05、Java如何实现继承？
06、Java创建对象的几种方式？
07、Java作用链域？
08、谈谈This对象的理解。
09、eval是做什么的？
10、什么是window对象？什么是document对象？
OK，一小时到了，这个时间可不算短了，那么这些面试题你答出了几道呢？你写的答案正确了吗？现在你可以去翻看答案了。
如果你答出了绝大多数的或者是全部的题，并且答案也正确了，那么恭喜你……
你这时心里是不是有点小窃喜，认为自己有能力拿高薪了？虽然我也很想这么告诉你，但事实上这只能表明你的基础扎实，毕竟这只是一些非常基础的面试题。骚年~继续努力吧！
如果你只答出了小部分或者答出了大部分题但答案不正确，那么我只想说：“骚年，你的水平还差的远呢。”连这么基础的题你都打不出来，还想拿高薪？回去再练一段时间吧！
扎实的基础是你拿高薪的重要武器，如果你连基础都不扎实，那么想要攻克“高薪”这个厚实的堡垒，那只是痴人说梦罢了。
1.前端框架类问题，问你会不会用vue react啊
2.语言类，问你一些JavaScript语言的问题
3.项目经验，让你讲讲做过的项目，遇到的问题和解决之道