- 综合排序
- 最热优先
- 最新优先
- 来自专栏万丈高楼平地起
前端面试（3）vue
Vue 是怎么实现数据响应式更新的： 面试官期望听到的回答是：通过 Object.defineProperty()的 get 和 set 方法来实现响应式更新。 单页应用不仅仅是在页面交互是无刷新的，连页面跳转都是无刷新的，为了实现单页应用，所以就有了前端路由。 前端路由 1. hash 模式 改变 url 的情况下，保证页面的不刷新。 通过这些就能用另一种方式来实现前端路由了，但原理都是跟 hash 实现相同的。 服务端渲染实现原理机制：在服务端拿数据进行解析渲染，直接生成 html 片段返回给前端。 然后前端可以通过解析后端返回的 html 片段到前端页面，大致有以下两种形式： 1、服务器通过模版引擎直接渲染整个页面，例如 java 后端的 vm 模版引擎，php 后端的 smarty 模版引擎。
3.8K31编辑于 2022-03-08 - 来自专栏睡不着所以学编程
前端面试题-每日练习(3)
1.对WEB标准以及W3C的理解与认识? 3.“data-”属性的作用是什么？ `data-`为H5新增的为前端开发者提供自定义的属性，这些属性集可以通过对象的 `dataset` 属性获取，不支持该属性的浏览器可以通过 `getAttribute` 方法获取 。 important;height:200px; overflow:visible;} 备注：在B/S系统前端开时，有很多情况下我们有这种需求。当内容小于一个值（如300px）时。 （2）、前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数 （3）、用innerHTML代替DOM操作，减少DOM操作次数
1.4K20编辑于 2023-09-11 - 来自专栏前端开发面试手册
前端高频vue面试题总结3
哪些变化图片从上图中，我们可以概览Vue3的新特性，如下：速度更快体积减少更易维护更接近原生更易使用1.1 速度更快vue3相比vue2重写了虚拟Dom实现编译模板的优化更高效的组件初始化undate性能提高 Vue3新增特性Vue 3 中需要关注的一些新功能包括：framentsTeleportcomposition ApicreateRenderer2.1 framents在 Vue3.x 中，组件现在支持有多个根节点 VUE3.x 现在使用应用程序容器的 innerHTML。 state) } else { // component or element ...}在进行if判断的时候，v-for是比v-if先进行判断最终结论：v-for优先级比v-if高参考 前端进阶面试题详细解答如果让你从零开始写一个 Vue 组件间通信是面试常考的知识点之一，这题有点类似于开放题，你回答出越多方法当然越加分，表明你对 Vue 掌握的越熟练。
1.7K40编辑于 2023-01-05 - 来自专栏前端开发面试
2023我的前端面试小结3
， target 元素则是在 #list 元素之下具体被点击的元素，然后通过判断 target 的一些属性（比如：nodeName，id 等等）可以更精确地匹配到某一类 #list li 元素之上；（3） 3、DNS解析： 下一步首先需要获取的是输入的 URL 中的域名的 IP 地址，首先会判断本地是否有该域名的 IP 地址的缓存，如果有则使用，如果没有则向本地 DNS 服务器发起请求。 ], map); } } return cloneTarget; } else { return target; }}参考 前端进阶面试题详细解答哪些操作会造成内存泄漏 简单来说： flex布局是CSS3新增的一种布局方式，可以通过将一个元素的display属性值设置为flex从而使它成为一个flex容器，它的所有子元素都会成为它的项目。 (3))// 返回 3// console.log("cache.get(4)", cache.get(4))// 返回 4其他值到布尔类型的值的转换规则？
1.1K30编辑于 2023-01-05 - 来自专栏前端开发面试
2023我的前端面试小结3
方法3：当页面出现业务定义的特征值时，则认为是白屏。比如“数据加载中”。详细说明 Event loop众所周知 JS 是门非阻塞单线程语言，因为在最初 JS 就是为了和浏览器交互而诞生的。 Vue通信1.props和$emit2.中央事件总线 EventBus(基本不用)3.vuex(官方推荐状态管理器)4. 参考 前端进阶面试题详细解答箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？ ((v) => v > cur); return [...quickSort(left), cur, ...quickSort(right)];}// console.log(quickSort([3, 懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。
85740编辑于 2023-01-05 - 来自专栏前端技术分享小合集
前端二面手写面试题总结3
callback.call(thisArg, O[i], i, this); } } return res;}实现Event(event bus)event bus既是node中各个模块的基石，又是前端组件通信的依赖手段之一 _events.set(type, fn); }};面试版：class EventEmeitter { constructor() { this._events = this. xhr.responseType = "json";xhr.setRequestHeader("Accept", "application/json");// 发送 Http 请求xhr.send(null);参考 前端进阶面试题详细解答 (4)(5)); // 12console.log(add(3)(6)(9)(25)); // 43对于add(3)(4)(5)，其执行过程如下：先执行add(3)，此时m=3，并且返回temp函数；执行 返回值穿透// 3.
1.1K40编辑于 2023-01-05 - 来自专栏李才哥
前端面试题库系列（3）
element') } alert(arr.length)//6*/ // 2、执行下面的代码打印出来的结果是： /* alert(true+1)//2 alert('3' +0)//30 alert(5+'12')//512 alert(undefined+11)//NaN*/ // 3、执行下面的代码打印出来的结果是： /* function ){ str+='1' }else { str+='2' } if(typeof (a)==undefined){ str+='3' } // console.log(0<100<(0+4)) // 等价console.log(0<100<4) 这个时候为true<4 自然为true // 18、主流的前端技术框架有哪些 // 19、说说你对前端项目工程化的理解,常用的工具 // 20、请写一个简单的幻灯效果页面（最好通过纯css实现） </script> </body> </html> 在任何时代， 教育说起来都是一件高大上的事
60320发布于 2019-09-09 - 来自专栏牛客网
前端面试:链家 -3月24日
什么是原型 3. CSS定位属性，怎么定位的 4. TCP与HTTPS的区别 5. 怎么获得对象上的属性（面试官期待的是Object.keys()，我答了用for in 循环） 6. 你觉得你身边有什么值得提升的人（我啊） 一面面试官很nice，有共同的话题，聊的非常开心，是4次面试以来最舒服的一次面试。 （果然面试就像相亲） 二面 二面没怎么问问题，都是揪着自己项目里面谈的问题问，强调一下，面试官问的很细 1. 关于小程序下拉刷新改进问题 3. 你用过Node，觉得怎么样 4. 另外一个项目的问题，你是怎么维持用户登陆状态的 5. 面试体验很常棒(๑•̀ㅂ•́)و✧，而且还报销了来回车费。 作者：Dcison 本文来源于牛客网
877110发布于 2018-04-28 - 来自专栏前端达人
前端面试模拟：常见的3个JavaScript经典考题
在一次备受期待的前端开发高级岗位面试中，你紧张地走进了会议室，对面坐着的是一位经验丰富的技术面试官。窗外阳光明媚，屋内却有一丝令人紧张的静谧。 第一问：如何使用JavaScript实现事件委托？ 在这场前端开发的面试中，你迎来了第二个挑战。这次，面试官提出了一个关于JavaScript对象的问题：“在JavaScript中，我能把一个对象作为另一个对象的键来使用吗？” 面试官：如何实现防抖功能？ 在这场前端开发的面试中，你遇到了一个非常实用的场景：面试官要求你为一个搜索输入框实现防抖（Debounce）功能。 结束 掌握事件委托、对象作为键的使用技巧，以及防抖函数的实现，是成为高级前端工程师的关键。这些技能不仅能帮助你在面试中脱颖而出，还能让你在实际开发中编写出高效、健壮的代码。 你认为还有哪些JavaScript技巧是前端工程师必备的？一起交流探讨，让我们在「前端达人」的社区中共同成长，成为更好的开发者！
61710编辑于 2024-11-25 前端框架及项目面试－聚焦Vue3、React、Webpack
给大家分享几款好用的前端框架：web前端三大主流框架分别是：angular、react和vue.js。 ；3、vue.js是一个由华人开发者尤雨溪创造的前端框架，具有简洁易用和高效的特点。 Angular是一个由Google开发的前端框架，它是一个完整的框架，包括了数据绑定、组件化、路由、依赖注入等功能。 由于可以重用组件，当您想快速构建交互式界面时，它是最可靠的前端框架。何时不使用React：如果没有 JavaScript 的实际经验，React 并不是最佳选择。 Vue.js是一个由华人开发者尤雨溪创造的前端框架，它借鉴了Angular和React的设计思想，并在此基础上做了一些创新。
1.3K10编辑于 2024-05-12- 来自专栏大数据钻研
前端开发面试题总结之——CSS3
CSS 3新增伪类有哪些？ 如何解决IE 6的3px问题？ _zoom:1; margin-left: value; _margin-left: value-3px; Firefox下文本无法撑开容器的高度，如何解决？ body{-webkit-text-size-adjust:none} 前端页面有哪三层构成，分别是什么？作用是什么？ 最准确的网页设计思路是把网页分成三个层次，即：结构层、表示层、行为层。 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 伪元素由双冒号和伪元素名称组成。双冒号是在css3规范中引入的，用于区分伪类和伪元素。 常见ie6的浏览器兼容bug（3-5个）？ 文字本身的大小不兼容。
1.5K40发布于 2018-04-18 - 来自专栏前端迷
大前端面试宝典 - 图解前端
前端的标准化组织化就两个，一个是TC39, 一个是W3C，关注好这两个组织， 对于你理解大方向很关键。 下面是官方的Github仓库： ECMA TC39 W3C 重点关注一些标准化组织的信息和社区的讨论。 以下是我整理的一些个人认为比较新且有前景的技术： AI 人工智能正在改变着我们的生活，前端也不例外 Serverless 使得开发更聚焦 IOT/AR/VR 带来的交互形式的变化 可视化 PWA 前端之外 阿里巴巴 P5 面试分享：2018阿里巴巴前端面试总结(题目+答案) P6 前端面试分享: 两年经验社招-阿里巴巴 面试分享：一年经验初探阿里巴巴前端社招 阿里巴巴前端面试分享-社招（p6） 头条 P4 记一次今日头条前端面试 P5 前端面试-今日头条 字节跳动春招前端三轮面经 今日头条前端三轮面试面经 P6 字节跳动，前端面试 HR 到了这一步说明技术上没有什么问题了，接下来就是 HR 看你这个人价值观是否符合了
2.4K30发布于 2019-07-19 - 来自专栏前端开发面试
前端面试前端性能优化篇
不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。 impotant4、优化css reset，项目中不会用到这么多reset5、避免使用css表达式动画优化1、可以使用transform开启图形加速2、用translate取代left，可以避免页面重排更多面试题解答参见 前端进阶面试题详细解答选择器优化1、选择器嵌套尽量不要超过三层2、id选择器尽量不要嵌套3、使用继承体积优化1、提取公共CSS三、JS优化运行速度1、如果没有兼容问题，尽量使用原生方法2、根据兼容浏览器的最低版本 ，考虑是否使用polyfill3、switch语句相对if，可以较快通过将case语句按照最可能到最不可能的顺序进行组织4、位运算较快。 开启网络压缩，如：GZIP减少加载次数1、制作精灵图2、将小图片转换为base64字符串3、使用浏览器缓存4、使用前端缓存，如: LocalStorage、Cookie、SessionStorage等5
84942编辑于 2022-09-30 - 来自专栏全栈程序员必看
前端面试——W3C标准及规范「建议收藏」
作为前端工程师对W3C标准和规范不是很陌生。很多招聘要求中经常提到深入了解W3C标准及规范。 那下面就总结一下W3C标准及规范： 概念：W3C标准 中文名：万维网联盟，外文名：World Wide Web Consortium 万维网联盟标准不是某一个标准，而是一些列标准的集合 对应的标准也有三方面：结构化标准主要包括XHTML和XML，表现标准语言主要包括CSS、行为标准主要包括（如W3C DOM）、ECMAScript等。 3、样式尽量少用行间样式表，使结构与表现分离，标签的id和class等属性命名要做到见文知义，标签越少，加载越快，用户体验提高，代码维护简单，便于改版 参看：https://www.w3cschool.cn /xuexiw3c/xuexiw3c-standards.html 注：JQurry不符合W3C标准 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。
3.3K10编辑于 2022-09-30 - 来自专栏web秀
精选前端面试题之HTML5CSS3
为大家精挑细选的web前端面试题，希望大家面试必过，拿到自己想要的offer！ ? 1、xhtml和html有什么区别？ 3、对WEB标准以及W3C的理解与认识？ 标签选择符 类选择符 id选择符 继承不如指定 Id>class>标签选择 后者优先级高 9、前端页面有哪三层构成，分别是什么?作用是什么? )、 边框(border). 19、CSS3有哪些新特性？ 3.使用after伪对象清除浮动。 该方法只适用于非IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。
1.6K10发布于 2019-09-04 - 来自专栏牛客网
头条前端实习面试
头条前端实习面试 作者：offer-hunter 链接：https://www.nowcoder.com/discuss/155934? type=2&order=3&pos=11&page=1 来源：牛客网 一面二面紧挨着，视频面试只把记住的几个题记下来了 其余的都是我的 project 相关，没有列出来的必要 这是我放在印象笔记的，所以还有当时实现的代码 console.log(arguments) } let obj = { name: "wwc" } let newtest = test.bind(obj,'1','2') newtest('3' times, wait) { } // 输入 const repeatFunc = repeat(alert, 4, 3000); // 输出 // 会alert4次 helloworld, 每次间隔3秒 repeatFunc('hellworld'); 这种实现如果调用两次 repeatFunc 一共会输出4次，因为 count 被公用了 而且只能接受一个参数 当时更好的写法没有想出来 面试官到最后给了一个写法
91440发布于 2019-05-05 - 来自专栏Dawnzhang的开发者手册
前端面试汇总
常见的2开头的状态码有：200 – 服务器成功返回网页 3xx （重定向） 表示要完成请求，需要进一步操作。 构造函数、原型、原型链、JS面试对象的理解 构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别。 面试对象：将所需要做的功能抽象成一个“对象”，然后反复调用这个对象来完成你想要的功能 14. ） 前端代理我在vue中主要是通过vue脚手架中的config中的index文件来配置的，其中有个proxyTable来配置跨域的 三、是CORS CORS全称叫跨域资源共享，主要是后台工程师设置后端代码来达到前端跨域请求的 方面： 加载优化 渲染优化 内存优化 电源优化 核心：减少前端资源数量，减小前端资源大小，减少dom操作 代码层面：注意事件的销毁、路由懒加载、提取公共代码、css放前面、组件懒加载、减少代码体积大小
2.6K51编辑于 2022-05-10 - 来自专栏知道一点点
前端面试-汇总
），IE模型(box-size: border-box) 垂直居中方法（方法太多了，随便举几个） 1.display: flex; 2. position:absolute; 3,
70720发布于 2019-10-23 - 来自专栏web前端教室
前端新手如何面试
因为这个问题涉及三个基本点： 1，你的情况； 2，职位要求的情况； 3，你的能力； 这里面只有第2点是确定的，就是招聘方的要求，其实也不是完全确定，万一人家看你长相顺眼(不顺眼)呢，这就没处说理了。 你要面试一个职位，首先要搞清楚对方的招聘要求，1，2，3.。。你能不能满足。 例如你是蓝翔-推土机专业，然后来找前端工作，那你这转弯半径就有点大，就不太好搞。 然后再这个推土机专业的基础上，你肯定是自学的前端，那你的前端水平、层次和能力，肯定又有区别。 你当然可以在家闭关十年，学成一代前端大拿，然后出来找个前端工作；也可以从一个只会CSS的切图仔，边切边学，而成一代大拿。 新手面试这个就这些，完了。
68450发布于 2018-02-07 - 来自专栏python3
前端资源(3)
入门类 地址 前端入门教程 http://www.cnblogs.com/jikey/p/3613082.html 瘳雪峰的Javascript教程 www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 jQuery基础教程 http://www.imooc.com/view/11 前端工程师必备的 PS技能——切图篇 http://www.imooc.com/view/506 结合个人经历总结的前端入门方法 https://github.com/qiu-deqing/FE-learning 工具类 地址 前端人的俱乐部 http://f2er.club/ 真可以解放你的收藏夹 如何优雅地使用Sublime Text http://www.jeffjade.com/2015/12/15/2015 雪碧图制作 http://www.imooc.com/learn/93 版本控制入门 – 搬进 Github http://www.imooc.com/learn/390 Grunt-beginner前端自动化工具
47130发布于 2020-01-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号