首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏睡不着所以学编程

    前端面试题-每日练习(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操作次数

    1K20编辑于 2023-09-11
  • 来自专栏前端开发面试手册

    前端高频vue面试题总结3

    哪些变化图片从上图中,我们可以概览Vue3的新特性,如下:速度更快体积减少更易维护更接近原生更易使用1.1 速度更快vue3相比vue2重写了虚拟Dom实现编译模板的优化更高效的组件初始化undate性能提高 Vue3新增特性Vue 3 中需要关注的一些新功能包括:framentsTeleportcomposition ApicreateRenderer2.1 framents在 Vue3.x 中,组件现在支持有多个根节点 VUE3.x 现在使用应用程序容器的 innerHTML。 Vue 3.x 现在使用应用容器的 innerHTML,这意味着容器本身不再被视为模板的一部分。 state) } else { // component or element ...}在进行if判断的时候,v-for是比v-if先进行判断最终结论:v-for优先级比v-if高参考 前端进阶面试题详细解答如果让你从零开始写一个

    1.5K40编辑于 2023-01-05
  • 来自专栏前端技术分享小合集

    前端二面手写面试题总结3

    callback.call(thisArg, O[i], i, this); } } return res;}实现Event(event bus)event bus既是node中各个模块的基石,又是前端组件通信的依赖手段之一 xhr.responseType = "json";xhr.setRequestHeader("Accept", "application/json");// 发送 Http 请求xhr.send(null);参考 前端进阶面试题详细解答 let target = {a: 1};let object2 = {b: 2};let object3 = {c: 3};Object.assign(target,object2,object3); (4)(5)); // 12console.log(add(3)(6)(9)(25)); // 43对于add(3)(4)(5),其执行过程如下:先执行add(3),此时m=3,并且返回temp函数;执行 返回值穿透// 3.

    97740编辑于 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> 在任何时代, 教育说起来都是一件高大上的事

    54320发布于 2019-09-09
  • 来自专栏大数据钻研

    前端开发面试题总结之——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.3K40发布于 2018-04-18
  • 来自专栏全栈程序员必看

    前端面试题大全_最新前端面试题

    “全方位总结一下所遇到的面试题目,与大家共同学习,也是对自己的一次总结” 前言 今天给朋友们分享我花了将近一个月时间,参考了很多网上的优质博文和项目整理的一份比较全面的前端面试题集,还有面试前刷过的题目 前端开发所需掌握知识点概要: HTML&CSS:浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系,常用属性、布局、选择器、权重、CSS盒模型、Hack、CSS预处理器、CSS3动画 JavaScript … 3、JavaScript面试题 ---- 0.1+0.2为什么不等于0.3? 什么是BigInt? 为什么需要BigInt? 什么是闭包? 闭包产生的原因? 闭包有哪些表现形式? … 4、前端框架面试题 ---- Vue Vue 双向绑定原理 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程? 你是如何理解 Vue 的响应式系统的? 3)项目介绍 4)前端开发的职业现状和前景是什么? 5)平时是如何学习前端开发的? 6)1-3年工作经验,你有信心顺利跳槽到BATJ等一线互联网大公司吗?

    76630编辑于 2022-09-27
  • 来自专栏web秀

    精选前端面试题之HTML5CSS3

    为大家精挑细选的web前端面试题,希望大家面试必过,拿到自己想要的offer! ? 1、xhtml和html有什么区别? 3、对WEB标准以及W3C的理解与认识? 标签选择符 类选择符 id选择符 继承不如指定 Id>class>标签选择 后者优先级高 9、前端页面有哪三层构成,分别是什么?作用是什么? )、 边框(border). 19、CSS3有哪些新特性? 3.使用after伪对象清除浮动。 该方法只适用于非IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。

    1.5K10发布于 2019-09-04
  • 来自专栏前端达人

    前端面试题】04—33道基础CSS3面试题(附答案)

    伴随着大量让人欣喜的功能加入HTML5,CSS3也同样为我们带来了更加绚丽的样式效果。 而CSS3面试题主要考察的仍然是那些已经应用在项目中的样式属性,以及应用过程中的一些常见问题,这些知识点是我们要多加关注的地方。 今天我们为大家准备了33道比较基础的CSS3面试题,也便于大家对CSS3有一个大概印象。 1、CSS3有哪些新特性? content-box让元素维持W3C的标准盒模型。 24、如何通过CSS3实现背景颜色线性渐变?

    3.9K10发布于 2021-03-16
  • 来自专栏全栈程序员必看

    前端面试题angular_Vue前端面试题

    3,ng-click 中写的表达式,能使用 JS 原生对象上的方法吗? 1、Service 2、events,指定绑定的事件 3、使用 rootScope 4、controller之间直接使用parent, 6,angular 的数据绑定采用什么机制? 强约束 导致学习成本较高,对前端不友好。 但遵守 AngularJS 的约定时,生产力会很高,对 Java 程序员友好。 step3:接着会解析带有ng-controller的div然后指向到某个controller函数。这个时候在这个controller函数变成一个scope对象实例。

    15.6K20编辑于 2022-11-07
  • 来自专栏全栈程序员必看

    前端面试题:闭包_前端设计模式面试题

    更多的是为什么要这样用,手写算法,预测输出结果之类的面试题。 闭包的特点 1、让外部访问函数内部变量成为可能 2、局部变量会常驻在内存中 3、可以避免使用全局变量,防止全局变量污染 4、会造成内存泄漏(有一块内存空间被长期占用,而不被释放) 闭包就是可以创建一个独立的环境 例子3 var i = 0; function outerFn(){ function innerFn(){ i++; console.log(i); } return innerFn } var inner1 = outerFn(); var inner2 = outerFn(); inner1();//1 inner2();//1 inner1();//2 inner1();//3 inner2();//2 inner2();//3 这个跟例子2是一样的道理,只是变量的位置不一样,但是呢,对于内部的innerFn来说,变量是外部函数的局部变量和全局变量来说都是一样的,就不过多的解释了

    46420编辑于 2022-09-27
  • 来自专栏全栈程序员必看

    前端面试题ajax_前端性能优化面试题

    页面是不会发生整页刷新的,提高了用户体验 (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象 (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息 (3) 等请求完,页面不刷新,新内容也会出现,用户看到新内容 3,如何解决跨域问题? (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取异步调用返回的数据. 3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。 请使用 POST 请求: 无法使用缓存文件(更新服务器上的文件或数据库) 向服务器发送大量数据(POST 没有数据量限制) 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠 15、前端需要注意哪些

    3.1K10编辑于 2022-09-27
  • 来自专栏前端开发面试手册

    前端vue面试题

    Vue3有了解过吗?能说说跟vue2的区别吗?1. 哪些变化图片从上图中,我们可以概览Vue3的新特性,如下:速度更快体积减少更易维护更接近原生更易使用1.1 速度更快vue3相比vue2重写了虚拟Dom实现编译模板的优化更高效的组件初始化undate性能提高 Vue3新增特性Vue 3 中需要关注的一些新功能包括:framentsTeleportcomposition ApicreateRenderer2.1 framents在 Vue3.x 中,组件现在支持有多个根节点 参考:前端vue面试题详细解答谈一下对 vuex 的个人理解vuex 是专门为 vue 提供的全局状态管理系统,用于多个组件中数据共享、数据缓存等。 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
  • 来自专栏前端技术分享小合集

    前端高频面试题

    3张图片的字节总和。 (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你了解多少? (3)优化关键字节数以缩短下载时间(往返次数)。 也就是说,在单边上,一个逻辑像素=3个物理像素,就说这个屏幕的像素密度为 3,也就是常说的 3 倍屏。

    93740编辑于 2022-08-03
  • 来自专栏HaC的技术专栏

    前端面试题

    行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容 而变化 2) 块级元素可以设置 width, height属性,行内元素设置width, height无效 3)

    64530发布于 2020-12-30
  • 来自专栏森屿暖树

    前端面试题

    面试题资源来源:牛客网 说一下类的创建和继承 请讲一下类的创建和继承的具体过程,以及类的继承形式和特点 类的创建方式: 1、工厂模式:在函数里定义一个对象,最后return这个对象。 3、原型模式:让所有的对象实例共享原型属性和方法。 每个函数都有一个prototype属性,这个属性指向通过调用构造函数创建的那个对象实例的原型对象。 懒加载对服务器前端有一定的缓解压力作用,预加载则会增加服务器前端压力。 如何做"前端工程化"? 前端工程化就是为了让前端开发能够“自成体系”,个人认为主要应该从模块化、组件化、规范化、自动化四个方面思考。 前端安全性问题 xss跨站脚本攻击原理?如何进行? 用来强制浏览器清除表单输入内容 206 Partial Content 客户发送了一个带有Range头的GET请求,服务器完成了它 3xx 重定向--要完成请求必须进行更进一步的操作 300 Multiple

    1K10编辑于 2022-03-23
  • 来自专栏码客

    前端面试题

    (加载时间指感知的时间或者实际加载时间) · 1.优化图片 · 2.图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方) · 3.优化CSS(压缩合并css,如margin-top, 但W3C的CSS2.1规范却规定了他们并不能被包含其中。考虑到这个问题,css3中引入了一个新的属性:box-sizing,它具有“content-box”和”border-box“两个值。 box-sizing:content-box 当我们设置box-sizing:content-box;时,浏览器对盒模型的解释遵从我们之前认识到的W3C标准,当它定义width和height时,它的宽度不包括 内容的宽和高必须保证不能为负,必要时将自动增大该元素border box的尺寸以使其内容的宽或高最小为0 3. JS 3.1. 解释下JavaScript中this是如何工作的。 scoped即可 例如:<style scoped></style> 2.v-if 和 v-show 区别 答:v-if按照条件是否渲染,v-show是display的block或none; 3.

    2.3K10发布于 2019-10-22
  • 来自专栏grain先森

    前端面试题

    100px;     display: flex;     flex-direction: row;     align-items: center;     border: 1px solid #c3c3c3 green; } #content {     background-color: orange;     margin-left: 220px;     /*==等于左边栏宽度==*/ } 二、请写出一些前端性能优化的方式 (流程说的越详细越好) 输入地址 1.浏览器查找域名的 IP 地址 2.这一步包括 DNS 具体的查找过程,包括:浏览器缓存->系统缓存->路由器缓存… 3.浏览器向 web 服务器发送一个 HTTP 6、nginx反向代理 这个方法一般很少有人提及,但是他可以不用目标服务器配合,不过需要你搭建一个中转nginx服务器,用于转发请求 八、对前端工程化的理解 1、开发规范 2、模块化开发 3、组件化开发 ]]; var b = c.toString().split(',') 3、使用es6的reduce函数 var arr=[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]。。。。 考虑到团队每一个前端的技术栈可能不一致,这个时候我可能选择微前端架构,让每个人负责的模块可以单独开发,单独部署,单独回滚,不依赖于其他项目模块,在尽可能的情况下节约团队成员之间的学习成本,当然这肯定也有缺点 ,那就是每个模块都需要一个前端项目,单独部署,单独回滚无疑也加大了运维成本。 杭州有赞 一面 WEB前端工程师 电话面 全程43分钟 Q1 自我介绍 Q2 说说从输入URL到看到页面发生的全过程,越详细越好。 1、首先浏览器主进程接管,开了一个下载线程。

    2.2K31发布于 2019-03-29
  • 来自专栏前端の进行时

    前端面试题-

    现在的各种前端开发工具都足够强大,支持插入模板代码,也就导致我们往往会忽略已经自动生成的代码,而代码的第一行 DOCTYPE 声明,就是最容易忽略的部分。 3.1 标准模式 标准模式(standards mode):浏览器根据W3C标准来渲染页面。 3.2 混杂模式 混杂模式(quirks mode):浏览器采用更加宽松的、向后兼容的方式来渲染页面。 DOCTYPE html>,那么浏览器等同于进入了标准模式,并且按照W3C标准渲染页面。 阅读更多

    77210发布于 2019-02-26
领券