前端工作面试问题 本文包含了一些用于考查候选者的前端面试问题.不建议对单个候选者问及每个问题 (那需要好几个小时).只要从列表里挑选一些,就能帮助你考查候选者是否具备所需要的技能. 备注: 这些问题中很多都是开放性的,可以引发有趣的讨论.这比直接的答案更能体现此人的能力. 目录 常见问题 HTML 相关问题 CSS 相关问题 JS 相关问题 测试相关问题 效能相关问题 网络相关问题 代码相关问题 趣味问题 贡献者 如何参与贡献 许可协议 参与协作 常见问题: 你在昨天/本周学到了什么? 编写代码…

前端工作面试HTML相关问题 Q: doctype(文档类型)的作用是什么? A: 在HTML中 doctype 有两个主要目的. 对文档进行有效性验证: 它告诉用户代理和校验器这个文档是按照什么DTD 写的.这个动作是被动的,每次页面加载时,浏览器并不会下载DTD 并检查合法性,只有当手动校验页面时才启用. 决定浏览器的呈现模式: 对于实际操作,通知浏览器读取文档时用哪种解析算法.如果没有写,则浏览器则根据自身的规则对代码进行解析,可能会严重影响HTML 排版布局.浏览器有三种方式解析HTML…

前端开发面试知识点大纲:HTML&CSS:    对Web标准的理解.浏览器内核差异.兼容性.hack.CSS基本功:布局.盒子模型.选择器优先级及使用.HTML5.CSS3.移动端适应 JavaScript:      数据类型.面向对象.继承.闭包.插件.作用域.跨域.原型链.模块化.自定义事件.内存泄漏.事件机制.异步装载回调.模板引擎.Nodejs.JSON.ajax等.其他:   HTTP.安全.正则.优化.重构.响应式.移动端.团队协作.可维护.SEO.UED.架构.职业生涯 作为一…

打造高效前端工作环境 - tmux 前言  现在前端开发可不容易啊,先打开个VIM,然后再打开个lite-server,一不小心写个ES2015还要打开个gulp来做预编译,如果能把这么多个窗口放在一个工作台上那就好了.咦,tmux不就专干这事的吗? tmux入门 安装sudo apt install tmux tmux的C/S架构 服务端(Server), 1个服务端维护1-N个会话; 会话(Session), 1个会话对应1~N个窗口; 窗口(Window), 1个窗口对应1~N个窗格; 窗…

[2015腾讯暑期实习生 Web前端开发 面试经历] 好吧,首先声明,我被刷了,应该是跪在二面 微信查到的面试状态一直呈现复试中 .. 整整四天了.. 看来是没希望了 不过也是一次经历,记录一下还是可以的 .. 零.TST内推 TST还是有必要提一下,早早就随大家把简历交上去内推了 很多人都有评级了,各种评级都有 但我 从头到尾都查不到评级..是漏了..还是简历太渣看不上... 还是怎么回事..衰.. 一.笔试 笔试是在3月29号在华工考的,腾讯的笔试一直都那么回事,技术岗的都同样一份试题. 试…

一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.Web前端常见面试题及答案 6.常见前端面试题及答案(上) 7.web前端面试题及答案 8.web前端经典面试题 9.javascript之面试题精讲 二.面试题汇总 网上搜到一大堆面试题,重复的不少,全部归纳一下,也加上自己的理解 (一).问答类(html/css/js基础) 1. JavaScri…

web前端工程师面试技巧 常见问题解答 每年的春招是各企业需求人才的黄金时期,不少的前端大牛或者前端新手在面试时候不知道怎么来回答面试官的问题,下面来看下我转载的这篇文章吧,希望对从事前端工作的你有所帮助. 每到年后,便是换工作的高峰期,很多同学会开始面试马拉松.当然也会有一批人选择年前面试年后入职.今天,我决定聊聊关于面试的话题,以及前端工程师的面试套路. (ps:这篇文章摘自 医小生与程序猿 的微信订阅号). 简历的细节 作为一个标准的理科生,我也曾大大咧咧,不修边幅.但这毕竟是找工作,尤其…

Web前端开发面试技巧 面试前端工程师对我来说是一件非常有意思的事,因为面试过程很大程度上也是自我提升的过程.无论大公司还是小公司,之所以在如何招聘到真正有能力的,前端工程师方面会遇到同样的问题. 近来几个月,一直在努力寻找前端战友,未果,一路的招聘经历下来,心生不少感慨, 一直都很小心翼翼的,怕错失了高人,又更加怕失误把关不够招到不合格的同学进来公司,对公司对项目造成某些影响. 面试前端工程师对我来说是一件非常有意思的事,因为面试过程很大程度上也是自我提升的过程.无论大公司还是小公司,之所以在…

上次由于时间有限只分享了一部分的前端面试题,所以本篇继续分享前端经典面试试题 一. 栈和队列的区别? 栈的插入和删除操作都是在一端进行的,而队列的操作却是在两端进行的. 队列先进先出,栈先进后出. 栈只允许在表尾一端进行插入和删除,而队列只允许在表尾一端进行插入,在表头一端进行删除. 二. http 和 https 有何区别?如何灵活使用? a. http是HTTP协议运行在TCP之上.所有传输的内容都是明文,客户端和服务器端都无法验证对方的身份. b. https是HTTP运行在SSL/TLS…

什么是自动化 先来说说为什么要自动化.凡是要考虑到自动化时,你所做的工作必然是存在很多重复乏味的劳作,很有必要通过程序来完成这些任务.这样一来就可以解放生产力,将更多的精力和时间投入到更多有意义的事情上.随着前端开发不再是简单的作坊式作业,而成为一个复杂的工程时,还涉及到性能优化一系列工作等等,这时自动化已然是迫切的需求. 早期的网站开发 在还没有前端工程师这种分工如此明确的岗位时,大家所理解的前端工作无非就是制作网页的人,包括html.css.js等.稍微高级点的可能就是php了,可以读写数据…

于在未开启cleartype的情况下,一些中文字体在非偶数字号下的显示效果欠佳,所以一般建议使用12.14.16.18.22px等偶数字号.也就 是对某个分辨率选择离它最近的偶数字号.例如:屏幕横向分辨率在1100以下的采用14px,1100到1500采用16px,1500以上采用 18px,依此类推. 最通用的网站设计规范参考 参考网上的一些文章和部分门户网站规范,结合用户浏览习惯以及实际策划.设计.使用中的经验,制订了<通用网站设计规范参考>. 一.设计风格1.依照网站的定位确定整体的设计…

其他随笔 前端工程师面试问题归纳(一.问答类html/css/js基础) 前端工程师面试问题归纳(三.代码类) 1. jQuery 库中的 $() 是什么? $() 函数是 jQuery() 函数的别称.$() 函数用于将任何对象包裹成 jQuery 对象,接着你就被允许调用定义在 jQuery 对象上的多个不同方法.你可以将一个选择器字符串传入 $() 函数,它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象. 2.如何找到所有 HTML select 标签的选中项? $('[…

能找到一份前端开发工作,首先你起码得是一个合格的初级前端工程师.那么,什么是初级前端工程师?初级前端工程师都会做些什么?这个问题需要分为以下几个方面来说: 一.对应岗位的工作职责初级前端,主要负责产品的功能开发,独立完成框架中设计好的交互功能和产品需求. PS:一句话概括,初级前端的岗位职责在每家公司都是大同小异,无非是针对本公司的产品及业务线做具体的搬砖工而已. 二.技术能力要求1.css:熟悉css常用属性以及选择器,常见hack和布局技巧: 2.html:熟悉所有的html标签属性,语义:…

结合个人经历总结的前端入门方法 (https://github.com/qiu-deqing/FE-learning),里面有很详细的介绍. 之前一直想学习前端的,都不知道怎么下手都一年了啥也没学到,现在很迷茫,最经在知乎看了很多人都在谈论怎样学习前端的,发现要学习的东西实在是太多了,以自己先在的水平只能是在三线城市中找份工作. 可生活在一线城市的我,找份新工作是辣么的没有竞争力,看了这么多人的前端学习之路,借鉴他们的方法坚持一段时间. 下面是选取的部分文章,完整的请到原站浏览(http://w…

更好阅读,请移步这里 聊之前 最近暑期实习招聘已经开始,个人目前参加了腾讯和阿里的内推及百度的实习生招聘,在此总结一下 一是备忘.总结提升,二是希望给大家一些参考 其他面试及基础相关可以参考其他博文: Questions of FE Web basis summary FE knowledge fragment 每位面试官的面试时间基本都在 40-80 分钟,下面先简要介绍各个面试流程,问题详情见具体公司分类 腾讯内推&校招 offer got 首先腾讯分为三面,都为技术面: 初试一个面试官 复…

前言 笔者毕业于东北大学,大学毕业社招进入环球网,前端开发工程师一职.技术栈:React+node,Github 地址 成果 来到杭州的目标非常的明确,大厂.其实就是网易.阿里和滴滴.好在基本三家都拿到了offer.最终决定选择阿里p6. 面试题 大厂流程比较长,比如阿里就面试了将近三周.所以期间也面试了很多别的公司,创业公司or上市公司.这里我把我所被问到的面试题总结梳理一下.简单深入的都有.笔者个人工作经验不丰富,如若回答不好的地方欢迎指正. HTML && CSS 部分 CSS常用布…

虽说我们很多时候前端很少有机会接触到算法.大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面.实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的.如果将来当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路.下面罗列在前端面试中经常撞见的几个问题吧. Q1 判断一个单词是否是回文? 回文是指把相同的词汇或句子,在下文中调换位置或颠倒过来,产生首尾回环的情趣,叫做回文,也叫回环.比如 mamam redivider . 很多人拿到这样的题目非常容易…

LxNx前端面试问题: 1. 你用过前端哪些框架?它们项目中会用到Angular.js Backbone.js 我回答jQuery, bootstrap, 而Augular.js只是学过 2. 那既然你对jQuery很熟,那么一个div和它同级但隔了好几个其它元素的一个span,如何选取?要求我把代码写出来. 显然它们是希望我能对这个非常熟悉,而不是仅仅是泛泛了解 3. CSS中的伪类,除了after/before还有别的吗?尽可能多的列举,CSS中冒号后面可以跟什么? CSS中的伪类after…

小鱼儿本人985本科,软件工程专业,前端.工作三年半,第一家创业公司,半年.第二家前端技术不错的公司,两年半.第三家,个人创业半年.可以看出,我是个很喜欢折腾的人,大学期间也做过很多项目,非常愿意参与到产品中去.技术上勉强合格,不过独自负责过很复杂的前端项目,所以一般基础面试题还有项目经历都没有太大问题.然而面对一些框架的实现原理.源码.工具等研究较少,加上技术栈比较陈旧,对 React 和 Vue 了解较少,导致水平一般都在阿里 P6 级,无法突破到技术专家的评级(P7). 核心诉求 在换工作…

作者:HelloGitHub-小鱼干 作为一个应聘者,面试的时候经常会被面试官问:你有什么问题要问我吗?为了避免这种临时想不到问题的尴尬,reverse-interview-zh 会教你下反向操作,提前准备好也许面试官答不上来的问题 结果是被录取还是被录取就交被"为难"的面试官了.同样,存在反杀可能的是一个 Babel 相似品 swc,也是一个编译和转译兼得的小工具,虽然目前来说功能尚未完善. 写在开篇的最后,一定要体验下 PlayCover,它能让你在 MacBook 上玩各类 iO…

[一面]~=110分钟  2014/09/24 11:20  星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理        延时 display        position        XMLHttpRequest        正则Jquery绑定事件        cookie >>大题BOM浏览器信息浏览器兼容性举例闭包作用与举例新闻ul列表,插入3个,获取index全文单词首字母大写ajax过程 >&…

2016.07.25-2016.07.29周报: 1.本周工作主要内容: A:完成了宏视云h5播放器升级及大数据上报: B:修复xk-h5播放器bug:在三星手机自带浏览器无法进行滑动seek;  C:admin-console后台管理系统初步完成终端访问页面和数据统计概览页面的制作:   2.工作中存在的主要问题: A:webserver大数据展示页面移植到admin-console后台管理系统存在bootstrap与jquery.easyui冲突等几个兼容性问题: B:解决这个问题的思路可能…

上篇中,我们对Fiddler Web Debugger有了简单的接触,也许你已经开始在用Fiddler进行HTTP相关的调试,在这一篇,我们将通过一个实例了解Fiddler的神奇魔法. 在我们前端开发的日常工作中,发现服务器上某个css/javascript文件有问题,需要修改,那真是家常便饭.通常,我们需要将文件进行修改,然后重新发布再验证,这样就很容易影响到生产环境的稳定性.更普遍的做法是,我们在开发环境中修改文件并验证,然后发布到生产环境.虽然安全,却比较繁琐.而利用Fiddler的可以修…

1. Fiddler 是什么? Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器.英语中Fiddler是小提琴的意思,Fiddler Web Debugger就像小提琴一样,可以让前端开发变得更加优雅. Fiddler是以代理服务器的方式,监听系统的网络数据流动.运行Fiddler后,就会在本地打开8888端口,网络数据流通过Fiddler进行中转时,我们可以监视HTTP/HTTPS数据流的记录,并加以分析,甚至还可以修改发送和接收的数据.Fiddler还提供了清除IE缓存.…

思考: 拿到一个面试题,你第一时间看到的是什么 -> 考点 又如何看待网上搜出来的永远也看不完的题海 -> 不变应万变 如何对待接下来遇到的面试题 -> 题目到知识再到题目 知识体系: JS基础知识 一.变量类型和计算 题目: JS中使用typeof能得到哪些类型? 何时使用 === 何时使用 == ? JS中有哪些内置函数 JS变量按照存储方式区分为哪些类型,并描述其特点 如何理解JSON 知识点: /*一.变量类型*/ /*值类型vs引用类型*/ //从内存来说,值类型是把每个值分块…

javascript: JavaScript中如何检测一个变量是一个String类型?请写出函数实现 typeof(obj) === "string" typeof obj === "string" obj.constructor === String 请用js去除字符串空格? 方法一:使用replace正则匹配的方法 去除所有空格: str = str.replace(/\s*/g,""); 去除两头空格: str = str.replace(…

一.入门 1:熟悉DIV+CSS布局 使用DIV+CSS布局标准网页,可以使前端XHTML代码更少.结构更清晰,这有利于轻松用JavaScript操作DOM 比如,要展示一个3行3列的列表,如果用传统的表格布局,现在要你用JavaScript动态生成这个列表,那么就需要一个循环嵌套 如果采用li结构加CSS浮动布局,一次循环就好了.当然,WEB标准化不是一定不能使用表格,我的意思是结构清晰的XHTML更易于把JavaScript效果或功能整合到项目中. 2:掌握几种开发测试工具 作为一个开发人员…

Git安装 http://www.liaoxuefeng.com/ Git配置用户信息: git config –global user.name "SCOTT" git config –global user.email xxx@qq.com Git激活仓库 cd newDir git init Git查看当前状态 git status Git比較与改动后文件的差异 git diff Git增加改动后的文件 git add files Git提交改动的文件 git commit -m…

icework + gh-pages 超快部署超多模版页面 项目地址:https://github.com/yhyddr/landingpage效果地址:https://yhyddr.github.io/landingpage 前言 GitHub 账号 与它的 pages 服务 不需要任何准备的东西,服务器?域名?前端工程师? 都不需要!只需要你有就能够享受到建立自己网站的乐趣. 飞冰 现在搭配飞冰,还能让你一键生成你喜欢的页面:最最主要的是,你的这个项目是一个 React App,你可以边学前…

面试官您好, 首先很感谢贵公司的面试邀请, 让我有这个幸运机会能来到这里和您交流 : 接下来我做一个简单的自我介绍: 我的姓名是 XX, 祖籍是XX, 年龄是24, 学校是 XXX, 专业是XXX: 个人兴趣爱好,有很多,听音乐, 看电影,旅行等:我还是一个喜欢运动的人,篮球,足球,骑行,爬山等: 特别喜欢NBA的T-mac,他当是是NBA打篮球最帅的球星: 然后还有,以前在广州工作, 所以有很多同事喜欢恒大,所以在他们的感染下,我也渐渐陷入了中国足球,不能自拔:当然最喜欢的还是篮球,因为以前上…