- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端开发面试
前端经典面试题（有答案）4
console.log(2) }}Foo.prototype.a = function(){ console.log(3);}Foo.a = function(){ console.log(4) 如果在 Webpack4 中你希望开启这个功能，只需要启用 optimization.concatenateModules 就可以了：module.exports = { optimization: 如果使用 Webpack 4 的话，开启生产环境就会自动启动这个优化功能。 怎么加事件监听，两种onclick 和 addEventListener参考 前端进阶面试题详细解答基于 Localstorage 设计一个 1M 的缓存系统，需要实现缓存淘汰机制设计思路如下：存储的每个对象需要添加两个属性 = 2; } else if (charCode <= 0xffff) { total += 3; } else { total += 4;
60330编辑于 2023-01-06 - 来自专栏睡不着所以学编程
前端面试题-每日练习(4)
4.position:absolute; left: -9999px;：将元素定位在屏幕外，负的左偏移量使其不可见，并且不占据空间。 此时4个定位偏移属性不会被应用，也就是使用left，right，bottom，top将不会生效。 (2)、relative 相对定位，对象遵循常规流，并且参照自身在常规流中的位置通过top，right，bottom，left这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。 (4)、fixed 固定定位，与absolute一致，但偏移定位是以窗口为参考。当出现滚动条时，对象不会随着滚动。 前端提交到后台的数据应该是json字符串类型，但是前端没有将对象JSON.stringify转化成字符串。
41820编辑于 2023-09-11 - 来自专栏李才哥
前端面试题库系列（4）
你见过的最好的代码是什么 作者：Belinda https://segmentfault.com/a/1190000015916686 前言 最近参加了几场面试，积累了一些高频面试题 ，我把面试题分为两类，一种是基础试题: 主要考察前端技基础是否扎实，是否能够将前端知识体系串联。 (2,4)) // 第三种 // console.log(str.substr(2,2)) // 3、var arr=[1,3,2,4,2,22,1],消除arr的重复项，并按照 (3)) console.log(mySun(3)(4)) console.log(mySun(4,3)) // 8、下面代码控制台会有几次输出，分辨输出什么: })();//1 4 3 2*/ </script> </body> </html> <!
1.7K10发布于 2019-09-09 - 来自专栏前端开发面试手册
字节前端必会vue面试题集锦4
Vue项目性能优化-详细Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue ;#如果文件大于1k就启动压缩gzip_min_length 1k;#以16k为单位,按照原始数据的大小以4倍的方式申请内存空间,一般此项不要修改gzip_buffers 4 16k;#压缩的等级,数字选择范围是 而 CDN 可以通过不同的域名来加载文件，从而使下载文件的并发连接数大大增加，且CDN 具有更好的可用性，更低的网络延迟和丢包率4. this 方便code里面的变量取值 let renderFn = new Function(`with(this){return ${code}}`); return renderFn;}参考 前端进阶面试题详细解答 或Proxy这两种方案进行展开CORSCORS （Cross-Origin Resource Sharing，跨域资源共享）是一个系统，它由一系列传输的HTTP头组成，这些HTTP头决定浏览器是否阻止前端
1.2K60编辑于 2023-01-06 - 来自专栏前端开发面试手册
2023前端二面必会vue面试题指南4
mutation 是同步更新，$watch 严格模式下会报错action 是异步操作，可以获取数据后调用mutation 提交最终数据Vue路由hash模式和history模式1. hash模式早期的前端路由的实现就是基于 hashchange", funcRef, false);每一次改变 hash（window.location.hash），都会在浏览器的访问历史中增加一个记录利用 hash 的以上特点，就可以来实现前端路由 window.history.replaceState(null, null, path);这两个方法有个共同的特点：当调用他们修改浏览器历史记录栈后，虽然当前 URL 改变了，但浏览器不会刷新页面，这就为单页应用前端路由 ; }})参考 前端进阶面试题详细解答写过自定义指令吗？ 数据流动单向，都支持服务器的渲染SSR4.
86130编辑于 2023-01-06 - 来自专栏前端技术分享小合集
社招前端二面必会手写面试题总结4
/ 设置只读 }) // 如果属性值依然为对象，要通过递归来进行进一步的冻结 myFreeze(obj[key]); } } }}参考 前端进阶面试题详细解答实现 // [1,2,3,4] [1,2,3,4]明明我只改变了s1的play属性，为什么s2也跟着变了呢？ = new Child3(); s3.play.push(4); console.log(s3.play, s4.play); // [1,2,3,4] [1,2,3]之前的问题都得以解决。 Child4() { Parent4.call(this); this.type = 'child4'; } Child4.prototype = Parent4.prototype; (s3)子类实例的构造函数是Parent4，显然这是不对的，应该是Child4。
1K20编辑于 2023-01-06 - 来自专栏前端面试
美团前端一面必会react面试题4
} Connect.contextTypes = { store: storeShape } return Connect; } }参考 前端进阶面试题详细解答
4.2K30编辑于 2023-01-06 - 来自专栏全栈程序员必看
前端面试题大全_最新前端面试题
“全方位总结一下所遇到的面试题目，与大家共同学习，也是对自己的一次总结” 前言 今天给朋友们分享我花了将近一个月时间，参考了很多网上的优质博文和项目整理的一份比较全面的前端面试题集，还有面试前刷过的题目 … 4、前端框架面试题 ---- Vue Vue 双向绑定原理 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？ 你是如何理解 Vue 的响应式系统的? 为什么React Router v4中使用 switch 关键字 ？ … 5、浏览器面试题 ---- 能不能说一说浏览器缓存? 能不能说一说浏览器的本地存储？各自优劣如何？ 3)项目介绍 4)前端开发的职业现状和前景是什么？ 5)平时是如何学习前端开发的？ 6)1-3年工作经验，你有信心顺利跳槽到BATJ等一线互联网大公司吗？ 当你把大厂面试题知识点都看完并且理解了，以后就没有你过不了的前端面试。资源都帮你整理好了，还不学就有些说不过去了。 不想每次面试都像菜市场上廉价的白菜一样让人挑选，那就让自己强大起来。
76630编辑于 2022-09-27 - 来自专栏全栈程序员必看
前端面试题angular_Vue前端面试题
4、factory、service 和 provider 是什么关系？ 1、Service 2、events,指定绑定的事件 3、使用 rootScope 4、controller之间直接使用parent, 6，angular 的数据绑定采用什么机制？ 强约束 导致学习成本较高，对前端不友好。 但遵守 AngularJS 的约定时，生产力会很高，对 Java 程序员友好。
15.6K20编辑于 2022-11-07 - 来自专栏全栈程序员必看
前端面试题：闭包_前端设计模式面试题
更多的是为什么要这样用，手写算法，预测输出结果之类的面试题。 闭包的特点 1、让外部访问函数内部变量成为可能 2、局部变量会常驻在内存中 3、可以避免使用全局变量，防止全局变量污染 4、会造成内存泄漏（有一块内存空间被长期占用，而不被释放） 闭包就是可以创建一个独立的环境 例子4 function fn(){ var a = 3; return function(){ return ++a; } } console.log(fn()());//4 console.log (fn()());//4 console.log(fn()());//4 var newFn = fn(); console.log(newFn());//4 console.log(newFn());
46420编辑于 2022-09-27 - 来自专栏全栈程序员必看
前端面试题ajax_前端性能优化面试题
(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象 (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息 (3)设置响应HTTP请求状态变化的函数 (4) jsonp、 iframe、window.name、window.postMessage、服务器上设置代理页面 4，http状态码有那些？分别代表是什么意思？ (4)发送HTTP请求. (5)获取异步调用返回的数据. 4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。 请使用 POST 请求： 无法使用缓存文件（更新服务器上的文件或数据库） 向服务器发送大量数据（POST 没有数据量限制） 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠 15、前端需要注意哪些
3.1K10编辑于 2022-09-27 - 来自专栏前端技术分享小合集
前端一面必会手写面试题（边面边更）4
return add(m + n); } temp.toString = function () { return m; } return temp;};console.log(add(3)(4) (5)); // 12console.log(add(3)(6)(9)(25)); // 43对于add(3)(4)(5)，其执行过程如下：先执行add(3)，此时m=3，并且返回temp函数；执行temp (4)，这个函数内执行add(m+n)，n是此次传进来的数值4，m值还是上一步中的3，所以add(m+n)=add(3+4)=add(7)，此时m=7，并且返回temp函数执行temp(5)，这个函数内执行 5)()) //15console.log(addCurry(1)(2)(3, 4, 5)()) //15console.log(addCurry(1)(2, 3, 4, 5)()) //15查找字符串中出现最多的字符和个数例 map.has(arr[i])) { map.set(arr[i], true) res.push(arr[i]); } } return res;}参考 前端进阶面试题详细解答实现
47440编辑于 2023-01-06 - 来自专栏前端开发面试手册
前端vue面试题
参考：前端vue面试题详细解答谈一下对 vuex 的个人理解vuex 是专门为 vue 提供的全局状态管理系统，用于多个组件中数据共享、数据缓存等。 （4）$attrs/$listeners 适用于 隔代组件通信$attrs：包含了父作用域中不被 prop 所识别 (且获取) 的特性绑定 ( class 和 style 除外 )。 //动态stylePROPS=1<<3,// 8 //动态属性，但不包含类名和样式FULLPR0PS=1<<4,// 16 //具有动态key属性，当key改变时，需要进行完整的diff比较。 也就是说下次diff算法的时候直接使用4. components/new/input，如果使用绝对路径，只需要全局搜索替换再加上绝对路径有全局的语义，相对路径有独立模块的语义src 外的文件不应该被引入vue-cli脚手架已经帮我们做了相关的约束了，正常我们的前端项目都会有个
2.6K30编辑于 2022-11-15 - 来自专栏前端小课堂
前端面试题
2年工作经验出去接受社会的毒打，参与的前端社招的公司和题目的记录如下，后续可能还会有增加，先暂时记录这么多： 头条 一面： 在一面之前先是做题，做题时间为40分钟，主要的笔试题和面试中涉及的部分包括以下 等库存在，设计原理上有什么区别 观察者模式和订阅发布模式有什么区别 vuex用的什么模式 小程序为什么设计双webview FIS和webpack最大的区别的是什么 平时有看什么书，怎么总结学习 怎么看待前端技术变革和发展 ： 项目相关，主要考察整体项目拆分划分设计能力 五面：HR面 滴滴 一面： 一面是卷子，大概一共有10+道题，还有一些扩展延伸的问题，顺序和题目可能有点记不太清不太全了，面试感受是侧重全栈，不仅仅是有前端基础 样式计算优先级 事件循环Event Loop，浏览器和node端有什么区别 node前后端交互过程 node中间件 … 二面： 两道设计题： 页面编辑器，类似于提供很多组件，实现选择式去拼凑一个页面，而不是前端自己再切图
1.3K22发布于 2019-10-12 - 来自专栏前端技术分享小合集
前端高频面试题
allArgs); } } // 测试 function add(a, b, c, d) { return a + b + c + d; } console.log(add(1, 2, 3, 4) ); let addCurry = curry(add); // 以下结果都返回 10 console.log(addCurry(1)(2)(3)(4)); console.log(addCurry (1)(2, 3, 4)); console.log(addCurry(1, 2)(3)(4)); console.log(addCurry(1, 2)(3, 4)); console.log(addCurry (1, 2, 3)(4)); console.log(addCurry(1, 2, 3, 4)); 说一下vue3.0你了解多少? （4）优化其余关键资源的加载顺序：您需要尽早下载所有关键资产，以缩短关键路径长度 什么是物理像素，逻辑像素和像素密度，为什么在移动端开发时需要用到@3x, @2x这种图片？
93740编辑于 2022-08-03 - 来自专栏HaC的技术专栏
前端面试题
其中li标签必须嵌套在ul标签或ol标签中； dt标签和dd标签必须嵌套在dl标签里面，并且dt标签必须位于dd标签前面； tr标签和td标签必须嵌套在table标签里面，其中td标签必须位于tr标签里面。
64530发布于 2020-12-30 - 来自专栏森屿暖树
前端面试题
面试题资源来源：牛客网 说一下类的创建和继承 请讲一下类的创建和继承的具体过程，以及类的继承形式和特点 类的创建方式： 1、工厂模式：在函数里定义一个对象，最后return这个对象。 4、动态原型模式：将信息都封装在构造函数内部，通过条件判断，在必要时再初始化原型。 懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。 如何做"前端工程化"？ 前端工程化就是为了让前端开发能够“自成体系”，个人认为主要应该从模块化、组件化、规范化、自动化四个方面思考。 前端安全性问题 xss跨站脚本攻击原理？如何进行？ 由于这个原因，HTTP 1.1新增了307，以便更加清除地区分几个状态代码：当出现303应答时，浏览器可以跟随重定向的GET和POST请求；如果是307应答，则浏览器只能跟随对GET请求的重定向 4xx
1K10编辑于 2022-03-23 - 来自专栏码客
前端面试题
加载时间指感知的时间或者实际加载时间） · 1.优化图片 · 2.图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方） · 3.优化CSS（压缩合并css，如margin-top,margin-left…) · 4. 4.浮动外部元素 此三种方法各有利弊，使用时应择优选择，比较之下第二种方法更为可取。 2.2. 如何优化网页的打印样式？ 4. Jquery 4.1. 4.vue.js的两个核心是什么？
2.3K10发布于 2019-10-22 - 来自专栏grain先森
前端面试题
green; } #content { background-color: orange; margin-left: 220px; /*==等于左边栏宽度==*/ } 二、请写出一些前端性能优化的方式 ，越多越好 1.减少dom操作 2.部署前，图片压缩，代码压缩 3.优化js代码结构，减少冗余代码 4.减少http请求，合理设置 HTTP缓存 5.使用内容分发cdn加速 6.静态资源缓存 7.图片延迟加载 流程说的越详细越好） 输入地址 1.浏览器查找域名的 IP 地址 2.这一步包括 DNS 具体的查找过程，包括：浏览器缓存->系统缓存->路由器缓存… 3.浏览器向 web 服务器发送一个 HTTP 请求 4. 6、nginx反向代理 这个方法一般很少有人提及，但是他可以不用目标服务器配合，不过需要你搭建一个中转nginx服务器，用于转发请求 八、对前端工程化的理解 1、开发规范 2、模块化开发 3、组件化开发 ,[6,[0,1,5],9],[2,5,[1,5]],[5]]; unfold(arr) 2、使用tostring var c=[1,3,4,5,[6,[0,1,5],9],[2,5,[1,5]],[5
86120发布于 2019-03-28 - 来自专栏grain先森
前端面试题
- Q2 你觉得理想的前端地位是什么？ - Q3 那你意识到问题所在，你又尝试过解决问题吗？ Q4 我现在有一个数组[1,2,3,4]，请实现算法，得到这个数组的全排列的数组，如[2,1,3,4]，[2,1,4,3]。。。。 考虑到团队每一个前端的技术栈可能不一致，这个时候我可能选择微前端架构，让每个人负责的模块可以单独开发，单独部署，单独回滚，不依赖于其他项目模块，在尽可能的情况下节约团队成员之间的学习成本，当然这肯定也有缺点 ，那就是每个模块都需要一个前端项目，单独部署，单独回滚无疑也加大了运维成本。 Q4 说一下你上一家公司的主要业务流程，你参与到其中了吗？ 杭州有赞 一面 WEB前端工程师 电话面 全程43分钟 Q1 自我介绍 Q2 说说从输入URL到看到页面发生的全过程，越详细越好。
2.2K31发布于 2019-03-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号