微信前端面试

Ⅰ web前端 自我介绍例文

基本信息
姓 名： 性别：
婚姻状况： 民族：
户 籍： 年龄：
现所在地： 身高：
联系电话：
电子邮箱：jy135.com

求职意向
希望岗位：Web前端开发
工作年限： 职称：无职称
求职类型：全职
到岗时间：随时

工作经验
xx年3月—至今 xx有限公司，担任PHP开发工程师。工作描述：1、使用HTML标记、div+css+javascript Dom操作等前端WEB技术进行网站的开发与制造；
2、使用mvc思想、oop面向对象思想、ThinkPHP模板框架、基于jQuery的EasyUI框架、Smarty模板引擎等技术来做项目开发。

xx
年3月—xx年7月
xx有限公司，担任数据库和网页设计。工作描述：1、负责编写详细需求分析和客户管理模块；2、实现了客户添加、客户修改、客户删除、批量删除客户、分
页等几大功能；3、分别用到Myeclipse开发工具、orcal数据库、ssh、javascript、jquery等开发技术，现几大功能运行稳
定，运算速度明显变快。

教育背景
毕业院校：xx大学
最高学历：本科
毕业日期：2004-07
专 业 ：计算机网络工程

语言能力
外语： 英语一般
国语水平： 精通
粤语水平： 一般

专业技能
计算机语言：HTML、CSS、JS、C++、Flash/Flex、Silverlight、XML
网页编辑器：Adobe Dreamweaver、Frontpage、CSSDesk、Drawter
数据库软件：Oracle、sql Sever、Access
操作系统：Windows、Linux、Unix、iOS
编程软件：Delphi、VC++

获得证书
大学英语六级
全国计算机等级证书三级 网络技术
Photoshop证书
网页设计师证书

自我评价
本人性格开朗，有热心，工作积极，能吃苦耐劳，服从上级安排。

Ⅱ 前端面试一问三不知怎么办

前端面试一问三不知的时候，千万别慌乱，可以先停一停和面试官说这个问题你需要思考一下再回答，或者说你因为太紧张之类的一时想不起来答案。

有些面试官会直接电话过去要求面试，由于面试者(尤其是学生)处于弱势方，可能并不会拒绝面试要求，但并不意味着面试者处于最佳的物理和精神状态下，有可能会导致面试者不能很好的发挥自己原有的实力。所以如果面试官突然打电话过来。

没有准备好的话，不要怕冒犯面试官，一定要另外约个时间，面试官肯定会再打过来的。遭到否定面试官有可能会否定你描述的一些东西，有可能是你字眼写的太过，比如将“熟悉”的东西写成了“精通”，勾起了面试官的“好奇”。

有可能故意试压，考验你的反应，但遇到否定的时候，不要急于反驳或者是手足无措，而是询问自省和主动讨论。气场不和有的面试官性格严谨沉闷，而面试者可能思维活跃，整个面试过程可能会变成面试官不停的打断面试者让其思维聚焦。

而面试者感到思维不停被打断，很是气恼，影响发挥。这种情况不可避免，但遇到这样的面试官，请保持谦和的态度，重点是展示自己技术的广度、深度，气场不和并不会产生决定性的影响，面试官也不会因为这样的原因而给与错误的评判。

尽量留下好的印象。结束通知有的面试官会在面试结束后说：“我的问题问完了，如果有进一步消息的话，我们会再联系你”。面试的大部分结果，其实当场就出来了，如果你感觉给出结果的时间点不够明确，可以反问他：“如果三天内没有联系，是不是就代表没有通过？”省得让你怀有不确切的希望。

最后，还可以挽留下面试官，讲讲这场面试中你的一些疑惑，获得面试官的反馈，也可以知道自己目前哪一方面做得不足。面试中面对不会的问题面试中遇到问题不会回答，这是非常正常的，毕竟大家在学习过程中遇到的问题，跟我们在工作中遇到的问题是非常不一样的。

除此之外，我们看问题的角度，也是有差别很大的。举个例子，很多人都在看ReactFiber，但是如果问你们，为什么要有Fiber这个东西，可能很多人都回答不上来，因为大家只在社区里面看到说，Fiber是怎么工作的啊。

但是为什么要有Fiber？如果没有会怎样，而这种思考，其实是非常底层的。我相信，很多人可能都没有思考过。那如果遇到的问题不会，你可以先选择不会，说我觉得自己没有信心能答出这个问题，当然我更希望听到你说。

我现在不会，但是你给我两分钟思考一下，我想一下这个问题有没有答案？我觉得这是一个很好的思考习惯，首先你在面对不会的东西是坦然的，我当下不会，很正常，我之前没有思考过这个问题嘛，那我们再花两分钟思考一下。

给一个初步的答案。所以说遇到问题，也不用不会就不会，也可以有一个积极的方式回应。从面试官的角度来说，面试中考察的题目，并不是仅仅考察这道题目本身，题目的对错并不跟最终结果直接挂钩。面试官更希望以题目为契机。

考察面试者分析问题，解决问题的能力，以及交流过程中所体现的逻辑推理和思维方式等。跟面试官聊业务业务跟项目是完全不一样的东西，业务认知和思考也是很重要的一个考察点，这方面面试官可能会问两个点：业务场景和技术突破。

业务场景：面试官会询问面试者他们的产品、业务模式、商业模式等，了解下面试者对于产品的诞生、定位、发展的认知。技术突破：技术与业务相结合这点在阿里也是一直在说但鲜有人做的非常好的地方，所以有的时候也会考察面试者。

看看他们所做的技术是如何从业务出发、给业务带来了哪些改变以及如何去评估两者之间产生的结果。面试结束反向互动面试官在挂断之前，基本会给与候选人反问的机会，一般会表述为“你有什么要问我的吗”？无论面试的怎样。

都希望你能说出心中的疑惑，比如面试中的某个题目、整体的评价反馈、你的建议或者了解所负责的业务，所在的团队等等，而从面试官的角度来看，如果候选人愿意反问你问题，至少能证明他是个好学的人。所以不要放弃这个互动的机会。

面试反馈每场面试结束后，面试官都会在系统里留下面试反馈，如果面试失败，简历会放在人才库里，很多人会在其中捞取简历，以后的面试官也可以看到之前所有的面试记录，之所以讲到这一点，是希望大家在面试中能够保持谦和积极的心态。

认真面对每一场面试，即使这场面试没有成功，但如果展示了好的品质，也会增加被发掘的机会，为你以后面试成功铺路。保持联络如果跟面试官聊的比较好，可以请求加个微信之类的，面试是一个长期的事情，哪怕此次面试没有通过。

以后还可能面试进来的，与面试官保持联络。前端面试题笔记面试会了，面试题也不能落下，这套面试笔记除了有CSS、JS、Vue、React、性能优化、服务器端口、设计模式、数据结构和算法面试题外，加了手写代码面试题。

这下面试官让我们写代码也不怕啦！CSS问题flex布局css3的新特性img中alt和title的区别用纯CSS创建一个三角形如何理解CSS的盒子模型？如何让一个div水平居中如何让一个div水平垂直居中如何清除浮动。

Ⅲ 2022前端开发面试记录（深圳篇）

2022年来到深圳，感觉到了与之前所在城市的差异，心里多少有点落差。虽然时机不太对吧，但是相信一切都会好起来的，给自己加油呀！
整理了一些面试被问到的问题，虽然很多是无效面试，但是我也强行问了面试官，从他们的回答中猜测了一下他们关注的面试点，所以也算是有点收获吧，只是浪费了很多简历和路费，哭唧唧。

——1、区块链——
1-1、vue生命周期；
1-2、vuex属性；
1-3、用户开始登录到登录成功都发生了什么；
1-4、git常用的命令；

——2、金融：vue——
笔试：
2-1、深浅拷贝的区别，为什么会出现深浅拷贝，浅拷贝的优势；
2-2、强制中断 foreach 遍历；
2-3、多处组件复用；
2-4、你对前端是什么概念，前端在整个软件生态内是什么角色；
2-5、Vue2 中数据变化但视图没有发生同步更新，描述一下出现的场景，解决方式，以及该问题发生的可能原因；
2-6、nextTick 是如何确保开发者能够获取到最新的 DOM 状态的；
2-7、如何使用 mixins，有何利弊；
2-8、使用 Hooks 模式开发时，useMemo，useCallback 常用来作为优化的手段。描述一下它们各自的适用场景，以及背后的原理实现?；
2-9、前端从 Jquery 时代演变至如今的三大框架，这种演变的根源是什么，jquery 解决了什么问题，如今的三大框架又是为了解决什么问题出现的？
视频面试：
2-10、js遍历树形结构，每个节点都有一个唯一ID，只能遍历一次；
2-11、组件封装的意义；

——3、知识产权：vue2、vue3、ts、react——
3-1、说一说面向对象的理解，包括继承、封装、多态等；
3-2、说一说promise；
3-3、webpack优化；
3-4、vuex使用场景；
3-5、描述一下对vue响应式原理的理解；
3-6、vue生命周期；
3-7、父子组件钩子函数执行顺序；
3-8、v-if和v-show；
3-9、js数据类型；
3-10、实现深拷贝；

——4、物流——
4-1、vue生命周期；
4-2、生命周期-修改元素样式在生命周期的哪个阶段；
4-3、生命周期-修改数据在哪个阶段；
4-4、生命周期-destroy里面会做哪些操作；
4-5、怎么修改title的内容；
4-6、父子组件传参的具体写法；
4-7、v-model的多种写法；
4-8、js数据类型；
4-9、判断数组的方法；
4-10、实现左边固定右边自适应的布局；
4-11、实现div垂直水平居中；
4-12、flex:1；
4-13、flex详解；
4-14、call,apply,bind是干什么的；

——5、新兴产业——
5-1、封装路由，怎么拦截路由；
5-2、浏览器缓存有哪些，又问localStorage和sessionStrorage的区别和应用场景；
5-3、浏览器强缓存和协商缓存；
5-4、webpack打包机制，构建过程和配置；
5-5、性能优化方法；
5-6、前端的业务和后端的API是怎么做到数据实时请求的（问的其实是前端对后端API接口的封装和管理）；
5-7、computed和watch；
5-8、说了几个关于大屏的应用场景，有没有做过，怎么做的；

——6、某水果：vue2、vue3、ts、各种前沿技术都用——
6-1、怎么封装一个组件库/工具类库，比如vue封装过什么复杂组件，jquery封装过什么类库；
6-2、get和post的区别，传参格式等；
6-3、promise怎么用的；
6-4、原型链，test()的原型链；
6-5、websocket；
6-6、es6中的generator；
6-7、es6中的set和map有啥区别，set为什么能去重；
6-8、项目难点；

——7、医疗健康：vue——
7-1、vue自定义指令配置；
7-2、webpack的理解；
7-3、对node的了解，用过express吗；
7-4、项目中的拖拽是怎么做的；
7-5、websocket和socket的区别；
7-6、听过mqtt吗，因为没听过所以解释了一下activemq的用法；
7-7、二维地图的聚合，如果有十万个点，会做什么优化；
7-8、地图实现多个点连成一条线会怎么做；
7-9、地图实现一条曲线；
7-10、内网下git怎么用的；
7-11、openlayers渲染机制；
7-12、父子组件通信方法；
7-13、router中实现拦截；
7-14、对象合并的方法；
7-15、父子组件的生命周期执行顺序，渲染阶段为什么会先执行父组件再执行子组件；
7-16、vue生命周期；
7-17、npm run dev, run build可以在项目中的什么位置找到；
7-18、vue中跳转页面的方法；
7-19、mixins用过吗；
7-20、判断引用类型的方法；
7-21、js数据类型；
7-22、判断基本数据类型的方法；
7-23、for in和for of的用法和区别，两者遍历的是索引还是属性值，两者都可以遍历对象吗；
7-24、foreach和map的区别，两者会不会改变原数组；
7-25、主要用什么技术栈；
7-26、行内元素和块级元素的区别，分别都有哪些，行块级元素有哪些；
7-27、div垂直水平居中，grid知不知道怎么用；
7-28、splice和slice；

——8、智慧园区：vue2、vue3、ts、uniapp——
8-1、flex了解吗，flex布局方向，flex:1 0的页面效果是怎样的；
8-2、做过移动端吗，了解uniapp吗；
8-3、keep-alive；问了一个没听明白的，可能和keep-alive有关系；
8-4、vuex中的action；不用vuex，怎么代替vuex；
8-5、promise.all和promise.on；
8-6、防止表单重复提交；
8-7、async，await的使用；
8-8、vue3和ts的了解；
8-9、防抖怎么控制时间；
8-10、vue中的data为什么要设计成一个函数；

——9、智慧工地：vue、uniapp、小程序——
9-1、Vuex是干什么的；
9-2、openlayers怎么用的；
9-3、性能优化；
9-4、spa首屏加载优化；
9-5、bundler.js太大，打包怎么优化；
9-6、加密方式了解多少，比如md5,base64等，一大堆没听过的；
9-7、冒泡排序的实现原理；
9-8、js设计模式；

——10、某快递公司外包——
10-1、一棵树的数据，给的是列表格式，转换成树形结构；
10-2、项目相关的，聊天怎么做的，拖拽怎么做的，拖拽的数据怎么渲染的，拖拽重叠怎么处理的；
10-3、js设计模式；

——11、三维：vue、cesium——
11-1、一棵树的数据，给的是列表格式，转换成树形结构；
11-2、openlayers怎么用的，发布过wms吗，发布流程是怎样的；
11-3、openlayers转换经纬度的方法名是什么；
11-4、cesium常用的函数；
11-5、vue数据双向绑定原理；
11-6、Vue中data属性如果改变一个数组的下标，会不会马上发生变化，不变化可以怎么解决
11-7、数组常用方法有哪些；
11-8、 map和filter的区别；
11-9、es6常用的方法；
11-10、父子组件通信，兄弟组件通信；
11-11、new具体进行了什么操作；

——12、医疗：vue、angular——
12-1、js渲染机制和运行机制；
12-2、vue数据绑定原理；

——13、建设行业：vue、uniapp——
笔试：
13-1、||与&运算符；
13-2、垂直居中方案；
13-3、let a=arr, b=a, c=arr.concat(), a[0]=3，打印b和c，应该是深浅拷贝；
13-4、实现font-size:12；
13-5、接口路径，给一个地址 http://localhost/projectname/resource/index(http://localhost/projectname/resource/index).html ，根据url请求接口路径写出完整路径，’/ geturl.do ’，’ geturl.do ’，’../ geturl.do ’；
13-6、微信小程序流程和主要文件；
13-7、获取url参数及内容；
13-8、$(function(){}) / (function(){}) / (function(){})()的区别；
13-9、前端优化方案；
面试：
13-10、项目难点；
13-11、git工作流；
13-12、jquery项目会不会用webpack打包；
13-13、webpack优化；
13-14、web优化；

——14、文化：uniapp——
14-1、ssr渲染；
14-2、ajax和axios的区别；
14-3、cookie和session的区别；
14-4、vue生命周期；
14-5、数据请求写在哪个生命周期中；
14-6、router的history模式和hash模式；
14-7、工作中的开发流程；
14-8、uniapp的开发流程和坑；
14-9、uniapp滑动问题，下滑切换视频不生效，一般是什么原因；
14-10、uniapp加载速度慢，点击加载图片速度太慢，一般是什么原因；

——15、企业平台某外包：vue，node，性能优化——
15-1、说一说websocket；
15-2、vue数据双向绑定原理；
15-3、项目难点；
15-4、对mvvm、mvc、mvp等的理解；
15-5、vue的常见指令；
15-6、computed和watch；
15-7、class和style怎么绑定；
15-8、ajax和axios的区别；
15-9、axios拦截器，axios的post请求；
15-10、对前端渲染，服务端渲染的理解；

——16、智慧城市：vue，node，three.js——
16-1、vue生命周期；
16-2、vue组件通信方法；
16-3、js的继承；
16-4、oracle、mysql、sqllite的区别；
16-5、oracle连表查询；
16-6、openlayers项目场景；
16-7、cesium项目场景；

——17、租房：jquery+layui，vue2——
17-1、笔试：
17-2、foo打印题；
17-3、this打印题；
17-4、变量提升打印题；
17-5、let arr=[1,2,[5,8,[9,[3,5,]7,]20,37]] 把数组扁平化成一个数组，并进行去重升序;
17-6、let a=[1,2,3,4,5,6,7]; let b=[4,5,6]; 求b在a中第一次出现的位置；
17-7、面试：主要问项目

——18、跑腿：vue2，vue3+ts——
18-1、对html5语义化的理解；
18-2、css实现一个三角形；
18-3、css怎么实现0.5px的线，为什么有这种需求，涉及到兼容性问题；
18-4、怎么解决变量提升的问题；
18-5、es6新增了哪些定义变量的方式；
18-6、const定义的变量可以被修改吗；
18-7、map和filter的区别，会改变原数组吗；
18-8、es6去重的方法；
18-9、谈一谈对promise的理解；
18-10、除了链式调用，promise还可以怎么处理同步请求(async/await)；
18-11、对vue响应式原理的理解，核心是什么；
18-12、对vue生命周期每个阶段的理解；
18-13、为什么要用key，key有什么作用；
18-14、v-if和v-show；
18-15、Vue中data为什么是一个函数；
18-16、vue各场景下的传值方式有哪些，比如父子组件，兄弟组件，祖孙组件；
18-17、对vuex的理解和使用场景；
18-18、vue常见修饰符；
18-19、Vue3用过吗(因为没用过，所以就只针对响应式原理说了一下vue3和vue2的区别)；

——19、实业：jquery，vue2，vue3——
笔试：需要解释
19-1、html5新标签，css3新特性；
19-2、js+css3实现某元素以50px每秒的速度左移100px；
19-3、css实现左中右布局，不改变文档流；
19-4、js兼容性有哪些，以及常见的解决方案；
19-5、描述一下事件循环机制eventloop，eventloop解决了什么问题；
19-6、给了一个题，大概是后端返回的接口数据，data的格式有很多，比如null，对象，数组，字符串等，怎么处理这种问题；
19-7、前端性能优化方法，首屏页面怎么优化；
19-8、用js写一个方法实现数据去重并排序(用es5和es6+实现)；
19-9、给定一个数组，把数组中为0的往后排，其他值按顺序排序; （示例：[1,0,4,0,5,3]转换结果为[1,3,4,5,0,0]）
19-10、用0，1，2代表红黄蓝三种颜色，实现以下排序，不能用array.sort实现;（示例：[0,1,0,2,0,1,2]转换结果为[0,0,0,1,1,2,2]）
面试：
19-11、flex布局；flex:1对应的属性；
19-12、讲一下原型链； proto 和prototype有什么区别；字符串有没有原型；给定一个str，str.test()调用的谁的test方法；
19-13、讲一下闭包；什么情况下才能算是闭包；形成闭包的条件；列了三个题让你判断是不是闭包；
19-14、v-if和v-show是干什么的；应用场景有哪些；给定一对父子组件，默认值是false，另外有一个ajax请求，值发生了以下变化（false true false true true），在v-show和v-if中，父子组件的哪个阶段里会请求ajax；
19-15、computed的实现原理，怎么实现一个computed；
19-16、css中，transform，margin，position的都是怎么渲染的，渲染机制是什么；amd，cmd，commonjs了解吗；

Ⅳ 前端入职啥都不会

我不知道您说的不会是指什么，一下是我总结的一些做法，希望对你有帮助。

• 入职如果被安排任务，肯定是因为简历上，或者面试过程中你说过你做过类似的，如果没做过可别乱说，不然会出事，我是确实私下里有跟着视频做过，所以虽然做的比较烂，但手大是跌余瞎跌撞撞做出来了，不然就凉了。

• 其实很多的功能是不用自己写的，我不了解项目情况，基本上都是自己写，结果不仅写的不好，而且跟竖薯空别人的页面差别也很大，很多方法也很难调用，所以动手之前还是有必要好好看看前辈们写好的自定义组件、公共样式，公共方法，数据命名和一些编程习惯的，这些在培训班和自学是学不到的。

• 入职流程大致是这样的，首先拿到电脑先清理干净，按装运行环境和一些比较的工具，我安装了vscode、node、vue-cli4、git、HbulidX、微信开发者工具。然后拿到代码管理工具和接口管理工具，我们公司是gitlab和AMS开源版。最后用git克隆下来，打开好好看自己要做到部分有没有类似的页面。如果有照着人家的做。

Ⅳ 前端面试时被问到前端布局，这个怎么回答

前端面试时被问到前端布局，这个怎么回答

你可以说，你对DIV+CSS布局的了解，不懂你先网络吧，我不可能一一说明的。
然后说，盒子模型的了解，还是那句，不懂你网络吧。
然后说，清除浮动的了解，还是那句，不懂你网络。
然后说，内联、内联块和内联元素的了解。
还有一些加分的，例如overflow的深入理解。overflow，如果理解得深入，对布局有一定的影响。
差不多就这样了，面试官也许问得更细，我就不清楚了。

前端面试，被问到vue的元件是怎么写，我怎么回答

vue框架中状态管理。在main.js引入store，注入。新建了一个目录store，….. export 。场景有：单页应用中，元件之间的状态。音乐播放、登入状态、加入购物车

web前端面试被问到为什么离职

实话实说，但是注意言辞，回答过程中千万不要抱怨、或是“吐槽”前东家的种种不好，请客观磨模悄地叙述与自己现在状态有哪些不相契合的点。
参考：原东家的发展空间达不到我的期望，我想要寻找新的机会挑战自己，同时创造更大的价值。
注意：避免假大空的官话，会让人觉得不真诚，另外，点到为止，无需细谈。

前端面试时问到：怎么解决浏览器相容性？该怎么回答比较码型好？

IE6/IE7对FE当然很不友好，但专业的FE决不应该因为这两个浏览器难处理就不处理了。假如使用者需要，我的目标是在力所能及的情况下为使用者提供最好的前端展现。相容性的问题从来都不只是IE6/7的问题，各个手机、浏览器、版本的相容性同样有各种各样的问题，比IE奇葩多了。我的经验是，每遇到一个坑爹问题，做这么几件事：确认触发场景，什么浏览器、版本、什么情况下会出现这个问题，做到稳定复现；找到问题原因，为什么会出现这样的问题（网上搜、自己琢磨甚至邮件问相应公司开发者等等都是可行的）；确瞎渣定解决法，有没有什么框架级的解决法，总之是定规范，避免类似问题；比如不使用某些属性；用某种布局方法规避一些问题等等；有没有什么临时的法可以快速绕过去？不是每次都有时间搞框架级的法来着。怎么hack过去把这些都积累起来，就会有用处。不要想着IE6、7没了就不用考虑浏览器相容性问题，chrome/firefox、webkit的各种版本，手机的各种浏览器、各种终端都要处理浏览器相容性问题，恩，对，偶尔还有flash来着。相容各种终端、相容各种分辨率、相容浏览器都是相容性问题，这是FE的命，得认。抱着让使用者有最好体验的想法去做，收获更大。

前端面试被问到，vue实现资料双向系结，原理是啥

其原理大致是这样：
在资料渲染时使用prop渲染资料
将prop系结到子元件自身的资料上，修改资料时修改自身资料来替代prop
watch子元件自身资料的改变，触发事件通知父元件更改系结到prop的资料
这样做的好处是：父元件资料改变时，不会修改储存prop的子元件资料，只是以子元件资料为媒介，完成对prop的双向修改。

web前端面试怎么说

面试方法

• 程式码编写笔试

• 问答式

过程遵循 STAR 面试法 。

校招和社招的是不一样的，校招会更加关注基础知识，而社招会更加关注之前做过的专案情况。

专案相关

面试其实说白了就是根据一个人之前的经历，来判断出后续这人会做得怎样，如果你之前从没做成过一件事情，凭什么让别人相信你之后能做成呢？因此无论哪里的面试都会问你之前做过的专案

专案可以是多人协助开发一个产品，也可以是自己个人做过的业余应用，只需介绍 1、2 个就够了，需要注意的是 1 + 1 != 2，做了两个平庸的专案不如做了一个好专案。

一般来说会问如下几方面的问题：

• 做过最满意的专案是什么？

• 专案背景

• 为什么要做这件事情？

• 最终达到什么效果？

• 你处于什么样的角色，起到了什么方面的作用？

• 在专案中遇到什么技术问题？具体是如何解决的？

• 如果再做这个专案，你会在哪些方面进行改善？

技术相关 - 1 面

技术一面主要判断对基础知识的掌握

• 描述一个你遇到过的技术问题，你是如何解决的？

• 这个问题很常见，有没有遇到过很不常见的问题？比如在网上根本搜不到解决方法的？

• 是否有设计过通用的元件？

• 请设计一个 Dialog（弹出层） / Suggestion（自动完成） / Slider（图片轮播） 等元件

• 你会提供什么接口？

• 呼叫过程是怎样的？可能会遇到什么细节问题？

技术二面主要判断技术深度及广度

• 你最擅长的技术是什么？

• 你觉得你在这个技术上的水平到什么程度了？你觉得最高级别应该是怎样的？

• 浏览器及效能

• 这些优化方法背后的原理是什么？

• 除了这些常规的，你还了解什么最新的方法么？

• （这个问既考察技术深度又考察技术广度，其实要答好是相当难的，注意越详细越好）

• 一个页面从输入 URL 到页面载入完的过程中都发生了什么事情？越详细越好

• 谈一下你所知道的页面效能优化方法？

• 如何分析页面效能？

• 其它

• 除了前端以外还了解什么其它技术么？

• 对计算机基础的了解情况，比如常见资料结构、编译原理等

兴趣相关

• 最近在学什么？接下来半年你打算学习什么？

• 做什么方面的事情最让你有成就感？需求设计？规划？具体开发？

• 后续想做什么？3 年后你希望自己是什么水平？

主动性相关

• 在之前做过的专案中，有没有什么功能或改进点是由你提出来的？

• 是否有参与和改进其它开源专案

页面前端面试经常问到的问题

其实，不管是什么样的面试形，问的问题都差不多，万变不离其宗，都有规律可寻。其实对所有的面试官而言，只有一个目的：在最短的时间里了解到你最多的资讯。想高效率的准备面试，先从这七个大方面着手吧！
一、基本情况
1、请用最简洁的语言描述您从前的工作经历和工作成果。
二、专业背景
您认为此工作岗位应当具备哪些素质？
三、工作模式
您平时习惯于单独工作还是团队工作？
四、价值取向
您对原来的单位和上司的看法如何？
五、资质特性
您如何描述自己的个性？
六、薪资待遇
是否方便告诉我您目前的待遇是多少？
七、背景调查
您是否介意我们通过您原来的单位迚行一些调查？
95%的面试基本上都离不开这些问题，当然还有可能问一些专业问题，我想如果你做过的话应该都不是什么难事，一般面试官都不会过多的问专业方面的问题的。以上资讯直接参考楚湘人才网面试宝典篇之化繁为简，把HR的上百道问题汇总成七大类和面试常问经典问题。更多更全面的面试资讯 面试技巧 面试问题请登陆楚湘人才网或关注微信公众平台：楚湘人才网

如何用ecshop修改页面前端布局

网站是在服务器上的庆，你朋友给你FTP或服务器的帐号密码没。如果没有的话要下，是在网站的档案目录里

web前端面试怎么介绍

• 你的笔试题, 根据其做延伸.

• 你的简历, 技术栈、工作外学习情况、专案经验. 第一页很重要, 最好都能掌握, 有亮点更好.

• 面试官额外的延展的知识点, 随机问,看你运气和积累(一般会提及到 ES6、解决实际问题的方法、资料结构与算法都有可能).

应对

• 刷题, 各种基础题会帮你快速回忆起来, 比你看书快, 如果基础不好的话, 看书好好学学吧.

• 简历上自己写的东西, 要能说出来.

• 积累, 每次面试不成功就回来填坑吧, 还是有掌握不到位的. 我觉得能坚持下来的话, 找工作只是时间问题.

• 据公司业务不同, 着重点不一样, 公司能把你简历挑出来, 就说明有用人单位感兴趣的部分.

• 可能你写的是熟练使用 Vue, 公司也是这个技术栈.

• 可能你知识写的全面, 公司想面面你实际掌握怎么样.

• 可能你专案写的贴合用人单位需要, 比如都是做后台管理的.

框架问题: (Vue 举例, 3框架实质问题差不多, 具体有些差异)

• 封装过哪些元件?有自己写过 UI 元件吗?

• 什么是 MVVM , 和 MVC 是什么区别, 原理是什么?

• 父子元件怎么通讯的?

• 兄弟元件怎么通讯的?

• 生命周期有哪些, 怎么用?

• Vue 全家桶都用过哪些?具体怎么用?

HTML5 + CSS3

• 盒子模型

• 如何给未知宽高的图片垂直居中对齐? 有几种方法?

• 移动端的 rem 布局.

• 前端可以做哪些优化, 或问你 SEO, 基本都问.

• 清除浮动方式和原理, 基本都问. 几种方式? 原理? 为什么要用伪元素? 具体程式码怎么写,为什么这么写?

• 清除浮动就会涉及到 BFC 的问题.

• 给你实际页面例子, 让你口述布局或手写实现细节, 可以使用几种方法, 怎么写相容性好, 拓展性好.

• 具体 API 哪个 CSS 版本的?

• CSS3 新增了哪些 API?

• 可能问你哪些 API 是 CSS 哪个版本的? 相容性怎么样.

• CSS hack 是什么? 包含什么? 怎么处理相容性问题?

• HTML5 新增了哪些 API? 哪些比较常用? 用来做什么? 实际怎么用?

• cookie, session, localStrorage, sessionStorage 区别, 具体怎么用程式码去操作?

JavaScript

• 变数宣告提升的问题.

• 闭包的原理, 闭包的各种题, 基本都问.

• DOM2 事件流, 冒泡和捕获问题?

• this 指向问题, 一般都是在笔试题里, 拿着问你, 问的比较多.

• call 和 apply 区别? 有的还会加问 bind?

• 面向物件程式设计中的继承问题, 原型链问题在笔试题里比较常见.

• jQuery API , 各种操作 DOM 用法, 还有一些新的 API, 这种在不用 3 大框架的公司会问的很详细.

• 可能有些考算法结构的, 可以了解一下, 一般前端掌握的很少.

• Ajax 基本都问, 问的细节可能不同, 比如 get 和 post 有什么区别?

• 阵列的方法 - es6 以下基本都能熟练使用, 应该会加分不少

• 字串的方法 - 拼接, 撷取, 带些正则

• 阵列去重问的挺多的(解法很多, ES6 有很多简短写法)

• ES6 的 Promise , 很多都会问. 如果公司用框架或者你写了, 还会问你 Class.

• var, let, const区别, 问的多.

• 栈和伫列结构, 有的会问.

• 跨域问题: 同源策略, 解决方案, 解决原理(比如 jsonp 的原理), 这里都是高发区.

网页前端布局都用什么工具

一般应该都是用ps或者类似的作图软体先把图画出来，然后再手写程式码。
用ps等做出软体是方便作图后修改，因为不管是内部用还是给客户总是要多修改的

Ⅵ #WEB前端开发#会一些静态页面布局，javascript可还行，但是简历投出去都没有收到回复，想

你现在的水平，还是处于入门级别的，企业是不会要的。现在市场需要的是专业的开发工程师，不是基本的入门工程师。所以你要了解目前专业的开发工程师的技术要求才行。

首先，成为一名成熟的开发者，首先必是一位有基础的开发。

所以最基本的一些HTML、CSS、JavaScript这些基础的语法，就不详细说了。

扎实的JavaScript基础

在前端开发里，最讲究的还是在JS里，基础的语法，能运用很简单。

但是说成熟开发，那必然是对JavaScript是熟练掌握和有深入的理解了。说到要熟练掌握JavaScript，那必然是要掌握闭包，ES678,原型链，这一系列的了。你说你JS还行，那就基本企业就看不上了

你会提出成熟，是因为想给自己一个标准，但是做技术工作，最重要还是市场的标准。

前端技术是日新月异的，基本每年都是会有新的概念，新的架构，新的应用产品，新的交互体检。这些都是有不确定性的。

做技术没有真正的成熟可言，更多的还是不断学习，持续进步。

把技术不断做到专，做到精，才能在当前时代成为“成熟”。

Ⅶ WEB前端面试题

第二章 面试题基础篇

2.1 HTML面试题

面试题：行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

面试题：页面导入样式时，使用link和@import有什么区别？

面试题：title与h1的区别、b与strong的区别、i与em的区别？

面试题：img标签的title和alt有什么区别？

面试题：png、jpg、gif 这些图片格式解释一下，分别什么时候用？

2.2 CSS面试题

面试题：css背景纹路

面试题：介绍一下CSS的盒子模型

面试题：CSS选择符有哪些？哪些属性可以继承？

面试题：CSS优先级算法如何计算？

面试题：用CSS画一个三角形

面试题：一个盒子不给宽度和高度如何水平垂直居中？

面试题：display有哪些值？说明他们的作用。

面试题：对BFC规范(块级格式化上下文：block formatting context)的理解？

面试题：清除浮动有哪些方式？

面试题：在网页中的应该使用奇数还是偶数的字体？为什么呢？

面试题：写一个左中右布局占满屏幕，其中左、右俩块固定宽200，中间自适应宽，要求先加载中间块，请写出结构及样式。

面试题：什么是CSS reset？

面试题：css sprite是什么,有什么优缺点

面试题：display: none;与visibility: hidden;的区别

面试题：position有哪些值?有什么作用? 【特别多公司问】

面试题：line-height和height有什么区别？

面试题：opacity 和 rgba区别

2.3 JavaScript基础面试题

面试题：延迟加载JS有哪些方式？

面试题：JS数据类型有哪些？

面试题：null和undefined的区别

面试题：JS数据类型考题

面试题：==和===有什么不同

面试题：JS微任务和宏任务

面试题：JS作用域考题

面试题：JS对象考题

面试题：JS作用域+this指向+原型 考题

面试题：JS判断变量是不是数组，你能写出哪些方法？

面试题：slice是干嘛的、splice是否会改变原数组

面试题：JS数组去重

面试题：找出多维数组最大值

面试题：给字符串新增方法实现功能

面试题：找出字符串出现最多次数的字符以及次数

2.4 真正移动端 —— H5/C3面试题

面试题：什么是语义化标签

面试题：::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用。

面试题：如何关闭iOS键盘首字母自动大写

面试题：怎么让Chrome支持小于12px 的文字？

面试题：rem和em有什么样区别

面试题：ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉

面试题：webkit表单输入框placeholder的颜色值能改变吗？

面试题：禁止ios 长按时不触发系统的菜单，禁止ios&android长按时下载图片

面试题：禁止ios和android用户选中文字

面试题：自适应 [淘宝无线适配]

面试题：响应式

第三章 面试题进阶篇

3.1 JavaScript进阶面试题

面试题：new操作符具体做了什么

面试题：闭包 【必须会】

面试题：原型链 【必须会】

面试题： JS继承有哪些方式

面试题：说一下call、apply、bind区别

面试题：sort背后原理是什么？

面试题：深拷贝和浅拷贝

面试题：localstorage、sessionstorage、cookie的区别

3.2 ES6面试题

面试题：var、let、const区别

面试题：作用域考题

面试题：将下列对象进行合并

面试题：箭头函数和普通函数有什么区别？

面试题：Promise有几种状态

面试题：find和filter的区别 【大厂】

面试题：some和every的区别 【大厂】

3.3 webpack面试题

面试题：webpack插件

3.4 Git面试题

面试题：git常用命令

面试题：解决冲突

面试题：GitFlow

第四章 面试题框架篇

4.1 区分初中高级的 —— Vue面试题

面试题：Vue2.x 生命周期有哪些？

1.系统自带八个

2.当一旦进入到某个组件会执行哪些生命周期

3.$el和$data在哪个阶段有

4.如果使用keep-alive会多俩个生命周期

5.如果加入keep-alive第一次进入组件会执行哪些生命周期

6.如果加入keep-alive第二次或者第N进入该组件会执行哪些生命周期

面试题：谈谈你对keep-alive的了解

面试题：v-if和v-show区别

面试题：v-if和v-for优先级 2.x

面试题：ref是什么？

面试题：nextTick是什么？

面试题：Vue中如何做样式穿透

面试题：scoped原理

面试题：Vuex是单向数据流还是双向数据流？

面试题：讲一下MVVM

面试题：双向绑定原理

面试题：什么是虚拟DOM

面试题：key是干什么？

面试题：diff算法

面试题：Vue组件传值

面试题：props和data优先级谁高？

面试题：computed、methods、watch有什么区别？

面试题：Vuex

面试题：Vue路由

面试题：Vue项目打包后出现空白页

4.2 微信小程序面试题

面试题：如何自定义头部？

面试题：如何自定义底部？

4.3 uni-app面试题

面试题：生命周期

面试题：条件编译

第五章 面试题性能优化篇