路漫漫其修远兮后退/前进按钮,书签目录Browserengine-用于查询和操作渲染引擎的接口Renderingengine-渲染界面:Firefox,Chrome和Safari是基于两个渲染引擎构建的,Firefox使用的是Geoko——Mozilla自研的渲染引擎,Safari和Chrome都使用webkit。Network-用于完成网络调用,如http请求UIbackend-用于绘制combobox、dialogbox等基础组件,具有不特定于某个平台的通用接口,底层使用用户界面的JS解释器操作系统——解释执行JS代码数据存储——属于持久层,浏览器需要在硬盘中保存类似cookies的各种数据2.Web安全,例如3.状态码4.同源:同端口,相同的域名,相同的协议5.对象继承6.ES6的历史和新特性是什么?7.Promise原理8.事件模型9.常见兼容性问题,列举(手机/PC)10.性能优化 腾讯的二面(电脑测试)类似百度搜索的提示框,兼容各大浏览器,可以由键盘控制。好不容易出来了,却挂了,还犯了一些低级错误,显示经验不足。面试官建议多看书,多写组件。阿里端1.Ajax原理2.浏览器解析流程:解析html构建dom树->构建渲染树->布局渲染树->绘制渲染树参考文章3.垂直居中4.数据类型判断5.路由实现6.数据本地存储7.跨域引用8.数据双向绑定单向绑定优缺点阿里两侧1.无线性能优化2.Tap事件,Touch3.数据存储搜狐一侧1.Dom操作2.移动布局方案3.前后端协同4.原生Ajax实现过程搜狐两侧1.单链表反转2.快速队列3.即时通讯(Ajax和websocket除外)others方法1、Comet技术:基于HTTP长连接的Web端实时通信技术2、SSE:服务端发送事件,使用长连接进行通信4、如何处理cookie(nginx)proxy_cookie_domainlocalhostexample.org;proxy_cookie_domain~\.([a-z]+\.[a-z]+)$$1;proxy_cookie_path/one//;proxy_cookie_path//two/;5.对象继承6.this7.rem布局优缺点腾讯合金团队端(记录二,其他的还行)动画实现方式有哪些CSS3JS帧动画,定时器,requestAnimateFrameCanvas动画SVG图片对象继承实现双端(跪)web安全https加密过程,证书使用xss几种形式,防范手段,过滤哪些字符?xsrf原理、实例、预防手段(Laraveltoken)Sql注入性能优化代码优化(html、css、js)网络性能优化:Cache缓存的强制缓存和协商缓存。具体详见CDN原理及应用HTTP压缩gzip上下文对象设计模式(请求告诉如何实现、应用、优缺点):单例模式工厂模式发布订阅模式跨域(原因)JSONP原理CORS如何设置Nginx代理哪个框架源码看过?如何写一个CSS库,需要注意什么?京东二面JS面向对象的封装、继承、多态的体现与应用?BSTpromiseAll如何实现,如何实现多层异步回调?加油站问题(贪心算法)阿里双面XHR具体底层原理和API单例模式实现/设计模式JSONP原理,如何回调进程Latex散列算法实现分析,如何避免冲突,Generator中如何检测冲突ES6如何编译成ES5,css-loader原理,ES6转ES5常用数据结构常见例子,常用算法node多线程实现过程和线程阿里巴巴三面前端的理解讲rn,weex原理讲关于XHRJq的selector引擎,$('.a.b')和$('.a').find('.b')MD5总结算法其他使用百度侧前端架构理解前端框架查看How前后端分离不使用后端模板渲染,如何让前端数据直出(不使用异步请求数据)?SSR适用于哪些场景?为什么SPA的第一屏是空白的?Vue构建流程的原理,具体流程模板到DOM的大致流程:模板模板解析后返回AST,得到AST后,通过generate()生成渲染函数。DOM变成真正的DOMvue2有什么新功能?standalone和runtime-only的区别和应用?详细爬虫的实现原理?如何实现一个爬虫,如何解析文件?如何解决爬虫慢的问题?多线程如何保证每个线程的安全?你对webpack工具和node了解多少?node各模块的底层原理?CSS3实现卡片翻转?垂直和水平居中?这在JS中是什么?如何改变这个?说说时间复杂度的计算?算法题:假设26个字母对应1-26,将一串数字转换成字母有多少种可能?暴力解的复杂度是多少?(百度外卖业务:包括移动客户端(RN、混合)、PCweb客户端、H5、后台界面vue、桌面应用包括编辑器插件、前端构建工具、节点中间层)饿了么盒子模型盒子-sizingXHR和APIsession和sessionStoragemapforEach(每个API详情数组)dom事件代理的原理,有什么优势?三种隐藏方式的区别:visibility:hidden,display:none,opacity:0渲染上的区别:1.设置元素display:none,元素会在页面上完全消失,原本占用的空间元素会被其他元素占用,这意味着它会导致浏览器重排和重绘。2、将元素的可见性设置为hidden和display:none的区别在于页面消失后元素所占用的空间仍会保留,因此只会导致浏览器重绘而不会重排。3.opacity:0,就是看不到元素,元素还存在,占据原来的位置。注意:事件绑定的区别:1.display:none:元素完全消失,不会触发绑定的事件。2.visibility:hidden:不能触发它的点击事件。有一种说法是display:none表示元素是看不见摸不着的,而visibility:hidden则是看不见摸不着的意思。事件,说明这个方法元素也消失了,但是仍然占据着页面空间。3.opacity:0:可以触发点击事件。将元素的透明度设置为0后,元素相对于人眼不存在。对于浏览器来说,它仍然存在,所以可以触发绑定事件的动画属性的不同:1.display:none:完全不受transition属性影响,元素立即消失2.visibility:hidden:当元素消失和transition属性设置的时间一样,但是没有动画效果。3.opacity:0,动画属性生效,可以执行正常的动画效果。该代码演示了地址标题上的内联和块元素列表。块和内联块有什么区别?跨度包含12px英文'abc'。问跨高?你怎么理解基线?CSS实现自适应正方形?字符串搜索第一个非重复字符。如果换成字符串呢?角度数据绑定机制?重绘和回流理解querySelectAll和ByClassName获取元素的区别?如何绑定事件?GetComputedStyle用法?addEventListener绑定事件?参数不同执行顺序。定期匹配电话号码。执行、匹配、搜索用法?推荐一篇关于数据类型判断方法的优质正规文章,toString判断的出处?ES6类原理?函数剩余参数长度?如何判断function.length和arguments对象长度的区别?标题两侧vara;一个的类型;让一个;考察mvp、mvc、mvvmvuex、watchobjectjsdeferasyncorder、moduledependency(AMD、CMD区别)设计模式和applicationsession和cookie清除浮动的原理,BFCcookie存放在哪里?(记忆)搜狐提前批了BFCFlexbox的用法,详见总结与排序,找出最大三数快速排序的原理,复杂度计算继承vdom原理的实现方法,webpack打包实现是怎么实现的处理css图片模块CVTE面试四列布局数组,数组对象去重数组查看出现次数字符选择器权重右键菜单自定义Ruff函数可变参数timer原理url=>rendering:scriptblockingdatastructureapplicationdata二方式绑定(vue、ng原理)其他小公司:面向对象三元素闭包三列布局内联元素包含块元素三种隐藏方式求最大子数组和的区别。块元素和行内元素渲染的区别?ulli实现计数.flex-box使用svg和canvasJPG,png图片特征,场景CSS写轮播拖拽构建PV统计URL监控变化(Regular)CVTE线程各种通信协议二叉树算法复杂度栈封装,利用栈对数组逆向(编程))美团各种排序算法和复杂度计算Node的一些用法:查找数组中的共同元素网易入栈出栈并计算去重数组的可能性
