当前位置: 首页 > Web前端 > HTML

前端面试题整理【入门版】

时间:2023-04-02 13:54:37 HTML

原创不易,如需转载请【联系作者】或【署名作者并注明文章出处】js基础技术VUEvue2双向绑定原理get时collect,set时notifyv-model原理,监听input输入框的input事件如果直接文档.querySelector('xxxinput').value=newvalue,v-model对应的value会不会改变?为什么输入和更改之间存在差异?计算和手表是不同的。this.$set与Vue.set不同。Vue实例和父子组件Vue组件写的this指向谁计算属性,函数名和data数据源中的数据是否可以同名,为什么要为Vue定义一个全局方法,父子组件如何生命周期相连,使用时需要了解组件通信方案project/reject。是否注入了所有组件?全局注册EventBus后,路由切换时会重复触发事件。如何解决?父子组件如何访问彼此的实例?其他问题Vue2.0不再支持在v-html中使用过滤器。组件特性及应用场景为什么vue要求组件模板只有一个根元素:class和:style?就地复用机制和子级依赖索引有什么区别?vue路由器的原理。保活原则。路由器链路原理。你了解页面自动刷新的原理吗?vue-cli是如何解决跨域问题的?diff算法的原理是什么?子层对象的双向绑定,vue如何处理compositionAPI优势,其他优化,webpackvue文件如何变成js文件,webpackbuild和vue-clidev场景有什么区别?webpack打包过程、loader、plugin区别、polly-fill原理hash、content-hash、chunk-hash区别tree-shaking原理模块规范区别如何写一个模块兼容amdcmdhttpgetpost区别security/幂等版本演化出tcp-iphandshake和sslhandshake知道ssl是非对称+对称加密常用端口号204206302304403503并发问题支持多少个tcp/ip并发?每个tcp-ip可以发送多个http吗?什么是缓存策略?优先级强缓存知道pragma有加分但不需要协商缓存两种方案的区别和各自存在的问题如何处理同时使用两种协商缓存策略,不需要协商的区别如何处理cacheandno-store200来自内存缓存,200来自磁盘缓存与之前项目缓存策略的区别跨域问题成因及性能问题:服务器资源/localstorage资源解决方案cros可以配置什么内容postMessageAPI如何使用JSONP运行进程以及限制nginx配置proxyforwardingcoopcoep等【非硬性要求】原型链如何获取一个对象的原型对象?有哪些解决方案?为什么不推荐使用__proto__,这个场景的需求如何实现?1.__proto__和a=1;A。unboxing和boxingprimitive(primitivevalue,primitivedatatype)的区别是什么?值可以改变吗?通过原型链实现继承的方案有哪些?属于第一次事件循环序列的宏任务还是第二次。第二个序列中宏任务的第一次或最后一次渲染是什么时候?setInterval和setTimeout的执行策略有什么区别?stack和queue的概念可以通过Tailrecursiveoptimization不强制执行安全策略的方式来讨论XSS三原则和预防xsrf原则和其他promise的预防如何以容错的方式返回手写一个all/races6weakmapandmapletconst的理解Thisfunctionpointstotheclosurepointingtothefunctionintheclass指向绑定后的函数改点this?Closurecurrying把怎么实现说清楚就可以了。高阶函数不是强制性的。主要考察概念的理解和arr的一些方法。其他更深层次的概念不是强制性的。手写bindiifecss等居中解决方案圣杯、双飞燕动画参数flex、grid相关兼容处理动态优化、transition和动画渲染的区别tween动画fps和raf概念盒模型以及相互转化clearfloatingbrowserarrsort默认算法url加载到页面的过程是什么如何构建ast以及ast有哪些属性【非必填】词法分析,语法分析,常见兼容性问题,屏幕适配问题,存储策略,localstorage,cookies,ss,IndexDB等,以及各自的空间大小,空间大小,url长度限制等。写一个10px为什么会是10.222pxor8.666pxsand调试时Box,webworker原理及应用空间及限制团队搭建及优化错误收集及告警https://segmentfault.com/a/1190000016959011sentry,rollbar,fundebug,frontjshttps://blog.csdn.net/uikoo9/article/details/97286762性能优化的资源类型尽可能小,传输通道尽可能复用,使用缓存优化关键资源的展示,优先加载头部内容,用户主观体验尽可能快的渲染类型可能的部分重排,集中操作,分开阅读如何将写操作,dom离线,出文档流ci/cd集成到项目中,如何处理管理流??程,如何处理公共组件,维护gitsubmodule,gitsubtree,npm,以上解决方案的优缺点,cli的使用和优化效率优化流程优化算法数组重复检查,至少三个set,obj-key,arrindexreducefind等方法,deepcopyJSON缺陷循环引用处理weakmap和while优化正则、函数箭头函数、eval等情况处理实现节流防抖在lodash中实现某种算法,如chunk链表查找斐波那契深度优先遍历和广度优先遍历复杂计算业务问题h51px像素问题适配处理问题/原理scrollingthroughios300ms延迟上传问题低版本Android上传图片并刷新,无权限如何处理,如何打开专辑音乐自动播放,如何预加载上层视频Overlay按钮PC主流浏览器兼容SSO方案如何避免运营商劫持数据可视化相关方案响应式设计方案权限管理方案拦截/防抖登录状态管理万级节点优化其他跨平台主流框架及方案各方案原理BFF、TWA的未来方向思考方向;UI智能化方向;数据可视化方向;图形交互方向;serveless原理、可视化、动效、3d+vr+ar、第三方扩展能力等eslint、babel等常用节点API【作者:360手机助手团队-XTeam】原创不易,如果如需转载,请【联系作者】或【署名作者并注明文章出处】