前端面试准备

2024前端面试准备之uniapp篇

全文链接！！！！！！！1.UniApp和其他跨平台框架（如ReactNative、Flutter）有什么区别？语言和技术栈：UniApp使用Vue.js作为开发语言和技术栈，而ReactNative使用React.js，Flutter使用Dart语言。开发者可以根据自己的技术背景和偏好选择合适的框架。性能和体验：UniApp的性能和用户体验相对较好，因为它使用原生渲染技术，可以实现更接近原生应用的
前端fighter·2024-02-20 18:45

2024前端面试准备之微信小程序篇

全文链接！！！！！！1.微信小程序生命周期1.onLaunch：小程序初始化完成时触发，全局只触发一次2.onShow：小程序启动或从后台进入前台时触发3.onHide：小程序从前台进入后台时触发4.onError：小程序发生错误时触发5.onPageNotFound：页面不存在时触发6.onLoad：页面加载时触发7.onShow：页面显示时触发8.onReady：页面初次渲染完成时触发9.on
前端fighter·2024-02-20 18:45

2024前端面试准备之CSS篇（一）

全文链接1.CSS选择器的优先级是怎样的CSS选择器的优先级是：内联>ID选择器>类选择器>标签选择器计算示例：优先级由A、B、C、D的值来决定的，其中它们的值计算规则如下：A的值等于1的前提是存在内联样式,否则A=0B的值等于ID选择器出现的次数C的值等于类选择器和属性选择器和伪类出现的总次数D的值等于标签选择器和伪元素出现的总次数2.link和@import的区别link属于XHTML标签，⽽
前端fighter·2024-02-20 18:09

2024前端面试准备之HTML篇

全文链接1.doctype的作用是什么DOCTYPE是html5标准网页声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档，不同的渲染模式会影响到浏览器对于CSS代码甚⾄JavaScript脚本的解析⽂档解析类型有：BackCompat：怪异模式，浏览器使⽤⾃⼰的怪异模式解析渲染⻚⾯。（如果没有声明DOCTYPE，默认就是这个模式）CSS1Compat：标准模式
前端fighter·2024-02-20 02:23

2024前端面试准备之Vue3篇

全文链接！！！！！！1.Vue3相比Vue2有哪些改进？CompositionAPI:Vue3引入了CompositionAPI，使得组件的逻辑更加清晰和灵活。开发者可以根据功能逻辑将代码按照功能进行组织，而不是按照选项的方式。更快的渲染性能：Vue3使用了Proxy代理对象来实现数据的响应式，相比Vue2的Object.defineProperty，性能更高效。Tree-shaking支持：Vu
前端fighter·2024-02-20 01:08

2024前端面试准备之TypeScript篇（二）

全文链接1.TypeScript中的装饰器是什么以及如何使用装饰器是一种特殊的函数，用于修改或增强其他函数的功能。在TypeScript中，装饰器可以用于类、方法、属性和参数上。装饰器使用特殊的语法符号@，后跟一个装饰器函数。装饰器函数可以接收不同的参数，具体取决于装饰器的类型。以下是一些常见的装饰器用法：类装饰器：用于修改或增强类的行为。可以在类定义之前使用@符号，后跟一个装饰器函数。装饰器函数
前端fighter·2024-02-20 01:38

2024前端面试准备之TypeScript篇（一）

全文链接1.什么是TypeScriptTypeScript是一种开源的编程语言，是JavaScript的一个超集。它添加了静态类型、类、接口和模块等特性，使得开发者能够更好地组织和维护大型应用程序。TypeScript代码可以被编译成JavaScript，从而可以在任何支持JavaScript的环境中运行。2.如何在项目中使用TypeScript安装TypeScript：首先，在项目的根目录中安装
前端fighter·2024-02-20 01:05

2024前端面试准备之CSS篇（二）

全文链接1.什么是伪类和伪元素伪类（Pseudo-class）:伪类是选择器的一种，用于选择特定状态或条件下的元素。它们以冒号（:）开头，用于向选择器添加额外的特定条件。例如，:hover伪类用于选择鼠标悬停在元素上的状态，:nth-child(n)伪类用于选择父元素下的第n个子元素等。伪元素（Pseudo-element）:伪元素是选择器的一种，用于在元素的特定部分上添加样式。它们以双冒号（::
前端fighter·2024-02-19 21:54

前端面试题-收集

@一尾流莺2021年我的前端面试准备@伊人a想进互联网大公司，这些题你总得会把。@晟小明大厂面试题大前端面试宝典前端面试指南前端学习笔记Awesome前端面试总结前端面试题详
i小杨·2023-11-08 20:36

前端面试准备大纲

前端面试一面1、面试小技巧，页面布局2、HTTP协议3、css盒模型，DOM事件4、js基础、原型链5、面向对象、通信6、安全、算法二面1、渲染机制2、js运行机制3、页面性能、优化4、常用框架、对其了解程度5、安全、算法三面1、业务能力、自己做过的项目描述2、团队协作能力3、带人能力
划船不靠浆，·2023-11-04 02:24

前端面试准备学习记录 — JS篇（持续更新中）

三、JS一、JS数据类型1.1、JS数据类型八种类型：undefined、null、boolean、number、string、object、symbol（ES6）、bigint（ES6）栈：基本数据类型（undefined、null、boolean、number、string）开辟新内存堆：引用类型数组（对象、数组、函数）浅拷贝，内存地址不变两者存储位置不同：基本数据类型：存储在栈中，占据空间小
I will.874·2023-09-06 04:28

前端面试准备学习记录 — HTML篇

HTML篇href会异步加载css，而@import会在页面加载完成后才开始加载，会出现页面初始无样式也就是白屏问题。使用src引入文件时，浏览器会先暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕src同步加载执行，href异步加载执行语义化的优点，对机器友好、有利于SEO（搜索引擎优化）DOCTYPE（文档类型）的作用：告诉浏览器应该以什么样的（HTML、xhtml）文档类型来定义解
I will.874·2023-09-03 09:33

前端面试准备学习记录 — CSS篇

2.1、CSS基础选择器：id>类=属性=伪类>标签优先级：内联样式>id>类、伪类、属性>标签!important优先级最高block：独占一行；inline：width、height属性无效，水平方向的margin和padding有效；inline—block：将对象设置为inline对象，对象内容作为block对象呈现，之后的内联对象会被排列在同一行内隐藏元素的方法：display:none
I will.874·2023-09-03 09:58

2022前端面试大全（不断更新）

.史上最全前端开发面试问题及答案整理2.2年前端(外包经历)6月部分面试记录（高级、资深岗位）3.三十七个常见Vue面试题，背就完事了4.看过100份前端简历之后，汇总一下常见的问题5.2021年我的前端面试准备
Mr.Meng_95·2023-03-23 02:14

前端面试准备

手写call、applyhttps://github.com/mqyqingfeng/Blog/issues/11Function.prototype.myCall=function(thisTarger){varthisTarget=thisTarget||windowthisTarger.f=thisargs=[]for(vari=1;i{if(XMLHttpRequest){returnne
Allennnnnnn·2023-01-31 09:12

前端面试准备小结

前端方面：1.callapplybind的区别2.如何居中一个元素（block元素如何，inline元素又如何）3.script文件异步加载的5种办法4.ES6的新特性1）let2)新增了块级作用域3）promise(实现原理和主要api)5.js原型链6.HTTP头部有什么字段，代表什么含义7.浏览器缓存的过程8.HTTP1.0、HTTP1.1、HTTP2的区别9.跨域的解决方式：CROS（两次
luna0607·2023-01-27 18:06

前端面试准备--手写代码--防抖和节流

1、防抖（debounce）目的：避免用户多次触发事件，导致事件处理程序响应过快而产生抖动感。实现方法：触发事件时，利用定时器让事件处理程序在一段时间后执行。与此同时，在事件处理程序前若再次触发事件，则取消前一次的定时任务。实现代码Document//output是业务处理函数functionoutput(){console.log(this.value);}//这里的具体应用场景是防止用户输入文
Planetlll_hh·2022-12-08 21:31

前端面试准备

1.letconst1.块级作用域2.const生成的常量不能修改，(引用类型除外)3.不存在变量提升,所以不能提前使用。4.不能重复命名2.解构赋值leta=1,letb=2let[a,b]=[b,a]3.set,map数据结构1.set:存储不同成员的集合(常用来数组去重)2.map:键名是任何类型的键值对结构4.symbol:独一无二的值5.proxy:拦截对象，重写对象的一些属性和方法6.
姜酱i·2022-05-11 17:04

2022前端面试准备（一）（vue篇）

vue双向绑定vue2.0vue双向绑定主要是在observer（数据监听器）中通过Object.defineProperty()达到数据劫持，代理艘由数觉得getter和setter，当数据变化时，会触发setter，通过Def通知watcher，watcher是observer和compile的中间桥梁，当observer监听到数据变化时，通过updater停止compile更新视图；comp
安小落_bc30·2022-04-26 15:53

2022年前端面试题整理，持续更新中

7075332630417244173个人整理了很多网上常见的面试题，希望也能通过这来复习内容有点多，可能CSDN上预览效果不好，想要markdown文档的可以私信我，推荐使用Typora看比较好的面试题2021年我的前端面试准备
zh阿飞·2022-03-19 23:44

前端面试准备--7.通信类

1.什么是同源策略及限制1.同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。(这是一个用于隔离潜在恶意文件的关键的安全机制。)2.一个源包括：协议、域名、端口（这三个有一个不一样就是源不一样，就是我们所说的跨域了）http://协议www.xxx.com域名没指名端口默认803.限制：不是一个源的文档没有权利去操作另一个源的文档；主要限制在几个方面：Cookie、LocalSto
飞菲fly·2021-05-19 05:39

前端面试准备之——CSS篇

1、元素定位有哪些？absolute以第一个不是以static定位的父元素进行定位fixed以浏览器窗口进行定位relative相对于其正常定位进行定位static默认定位，元素出现在正常的文档流中2、CSS的选择符有哪些？优先级算法怎么定义？id选择器#id类选择器#class伪类选择器#id：after标签选择器div相邻选择器div+p(同级兄弟元素）子代选择器div>p后代选择器divp通
Amor_Hy·2021-05-04 00:09

前端面试准备--12.错误监控类

*如何保证产品质量？1.前端错误的分类2.错误的捕获方式3.上报错误的基本原理一、前端错误的分类1.即时运行错误：代码错误*try…catch(需要把try...catch布到代码中)*window.onerror(dom0)只能捕获即时运行错误2.资源加载错误：（js、css、图片加载失败）*object.onerror(通过节点绑onerror事件，捕获加载错误；)*performance.g
飞菲fly·2021-04-29 05:50

CSS-两栏布局

想起来之前的一次某团的面试，要求用尽可能多的方法实现左侧固定宽度、右侧自适应的两栏布局，现整理一份最常见的实现两栏布局的几种方法，简单易懂，可作为前端面试准备资料。
AlbertZX·2020-11-19 17:09

CSS-两栏布局

想起来之前的一次某团的面试，要求用尽可能多的方法实现左侧固定宽度、右侧自适应的两栏布局，现整理一份最常见的实现两栏布局的几种方法，简单易懂，可作为前端面试准备资料。
AlbertZX·2020-11-19 17:09

JavaScript-数组去重

数组是JavaScript中最常见的一种数据结构，数组去重在开发过程中和面试过程中都会经常遇到，现整理了一些用于数组去重的方法，可以用于前端面试准备材料。
AlbertZX·2020-11-17 18:55

CSS-水平垂直居中

如果是平时不注意写样式的初学者，这道看似简单的问题也不是很容易回答，现整理了一下CSS水平垂直居中的方法，可作为前端面试准备资料。
AlbertZX·2020-11-17 18:24

JavaScript-浅谈继承

作为面向对象语言大军中的一员，javascript的继承问题也会经常出现在前端面试中，很多小伙伴都折在这个问题上，今天为各位小伙伴们整理了js中的6种继承，并指出它们各自最核心的特点，可作为前端面试准备资料
AlbertZX·2020-11-17 18:53

JavaScript-判断数据类型

现整理了四种判断方法，可用作前端面试准备材料。1、typeoftypeof是一个操作符，右侧跟一个一元表达式，返回这个表达式的数据类型，以字符串的形式表示。console.log(typeo
AlbertZX·2020-11-17 18:53

前端面试准备--9.算法类

1.排序(！)冒泡排序快速排序(!)https://segmentfault.com/a/1190000009426421选择排序(!)https://segmentfault.com/a/1190000009366805希尔排序(!)https://segmentfault.com/a/11900000094618322.堆栈(!)、队列、链表--JS数组本身就是具备堆栈，队列的特性；pop、p
飞菲fly·2020-10-10 09:59

前端面试准备题目

2019/6/04~2019/6/13猫眼面试准备+面试记录vararray=[1,1,100,3,2,7,5];varobj={name:'a',age:18};varx=10;varresult;/*深度克隆*/functiondeep(obj){vartarget;if(typeofobj!=='object'){returnobj;}elsetarget=Object.prototype.
linmory·2020-08-20 03:38

2017 前端面试准备 - 收藏集 - 掘金

一道面试题引发的对javascript类型转换的思考-前端-掘金最近群里有人发了下面这题：实现一个函数，运算结果可以满足如下预期结果：...收集JavaScript各种疑难杂症的问题集锦-前端-掘金从原博客迁移过来（有更改），并将保持更新。关于JavaScript，工作和学习过程中遇到过许多问题，也解答过许多别人的问题。这篇文章记录了一些有价值的问题。1.对象字面值不能正确解析问题：{a:1}.a
weixin_34253539·2020-08-16 16:03

前端面试准备（框架原理）--- 双向绑定的实现

简单介绍我的理解，所谓的双向绑定，其实就是将Model和View绑定在一起，任何一方改变的同时，改变另外一方。在流行框架中，react是单向绑定（只支持Model改变=>View改变），要实现双向绑定得加value和onChange事件从而实现（View改变=>调起事件=>改变Model）。而vue是双向绑定的，因为它事先已经帮我们绑定好了事件。什么是Model我理解为Model就是一个JS对象，
dreamer_sen·2020-08-16 06:07

前端面试准备-------Vue

本文是根据知乎爱前端不爱恋爱提供的目录整理供大家学习，后将持续更新1、vue解决了什么问题2、MVVM的理解3、如何实现一个自定义组件，不同组件之间如何通信的？4、nextTick5、生命周期6、虚拟dom的原理7、双向绑定的原理？数据劫持？8、组件通信父->子子->父9、Proxy相比于defineProperty的优势10、watchcomputed区别11、vue-router(hash，H
fj1247565817·2020-07-31 17:00

前端面试准备--6.面向对象

面向对象1、类与实例1.1.类的声明eg:1.functionAnimal(){this.name="name";}2.ES6中类(class)的声明classAnimal2{constructor(){this.name=name;}}1.2.(如何通过类实例化生成对象)生成实例eg://如果构造函数后面没有参数，new后面这个()是可以不要的；1.console.log(newAnimal()
飞菲fly·2020-07-27 11:03

web前端面试准备工作

笔试题1.什么是闭包通过下面的文章，算是理解了何为闭包，但何时应用到实际开发中？这个没法把握，实际开发没用到，只能从理论中去理解，到面试时就变成了死记硬背。没办法，先拿起敲门砖进入下一回合再说吧。闭包的最好的理解就是：函数内部变量（局部变量）可以被外部读取的函数，称为闭包。我个人理解：闭包：函数返回另一个函数的引用，该引用使用了父函数的局部变量，该局部变量可以一直在内存中被使用。好处：就不用使用全
zhaokei·2020-07-13 23:38

Web前端面试准备（四）原型和原型链——JS三座大山之一

这部分有点难度，之前学的时候好像涉及的比较少，以至于除了原型链这三个字一点印象都没有从题目入手从题目总结知识点，再解答题目如何准确判断一个变量是数组类型(typeof)写一个原型链继承的例子描述new一个对象的过程（知道原理）zepto（或其他框架）源码中如何使用原型链（zepto是啥查一下可参照https://blog.csdn.net/melody_day/article/details/53
Jam2018·2020-07-12 13:08

字节跳动前端面试准备（一）

拓展什么是原生开发？什么是混合开发？两者有什么区别？原生开发(NativeApp开发)：像盖房子一样，先打地基然后浇地梁、房屋结构、一砖一瓦、钢筋水泥、电路走向等，原生APP同理：通过代码从每个页面、每个功能、每个效果、每个逻辑、每个步骤全部用代码写出来，一层层，一段段全用代码写出来此种APP的数据都保存在本地，APP能及时调取，所以相应速度及流畅性有保障混合开发(HTML5开发)：这个就相当于一
一百个Chocolate·2020-07-06 04:02

前端面试准备--1.页面布局类

页面布局题目：假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应1、float绝对定位flex-box表格布局网格布局2、怎么去延伸拔高这些点初始化样式html*{padding:0;margin:0;}一、float方法设置min-height:100px;左width:300px;float：left右width:300px;float：right中间backgroun
飞菲fly·2020-06-30 22:51

前端面试准备-2

1.一次完整的http事务是怎么样的过程?(1)通过域名寻找ip地址浏览器会首先搜索自己的浏览器缓存里面有没有DNS缓存，如果找到则结束，里面有域名对应的Ip地址。如果浏览器缓存没有找到，则会继续往操作系统中查找是否有DNS缓存，如果找到则结束，否则进行下一步。在操作系统中没有找到，就会尝试读取hosts文件，看看文件里面有没有对应的ip地址，否则继续下一步。浏览器会向本地的DNS服务提供商发起域
啾啾哒·2020-06-30 18:24

CSS之图片容器布局设计（按比例居中）--前端面试准备&&阿里笔试题

图片容器布局设计题目要求实现代码思路解析题目实现一种图片容器布局，使得不同比例的图片都可以居中显示；要求图片宽度大于容器宽度时，要按容器宽度等缩放图片，并垂直居中显示；图片高度大于容器高度时，要按容器高度等缩放图片，并水平居中显示；图片宽高均小于等于容器宽高时，要按图片宽高显示，并水平和垂直居中；实现代码html代码//图片自己找css代码.box{border:1pxsolidred;//只是起
小吴爱学习·2020-06-29 06:29

HTTP协议的详解 --前端面试准备

HTTP协议的详解概念HTTP请求/响应的步骤具体示例客户端与服务器交互情况HTTP状态码概念缩写为：HyperTextTransferProtocol超文本传输协议，属于应用层的协议。学校ppt的截图（很详细了）其中get和post方法为请求方式。HTTP请求/响应的步骤客户端连接到Web服务器发送HTTP请求服务器接受请求并返回HTTP响应释放连接TCP连接客户端浏览器解析HTML内容具体示例
小吴爱学习·2020-06-29 06:29

JS之观察者模式和发布订阅模式--前端面试准备

JS之观察者模式和发布订阅模式二者工作原理&区别观察者模式发布订阅模式区别发布订阅模式的代码实现参考二者工作原理&区别观察者模式如同实验进行的过程一般，观察者和被观察者(目标)是紧耦合的，如果目标一旦触发了事件，观察者就会立刻作出响应的举措。发布订阅模式发布者和订阅者二者之间存在一个中介，有点类似于你去app订阅喜欢的漫画一样，当漫画大大赶工出了新的一话并发布在了app上，app就会通知你：快来看
小吴爱学习·2020-06-29 06:29

JavaScript之剖析对象的深浅拷贝（前端面试准备）

对象的深浅拷贝基本类型&引用类型基本类型引用类型深拷贝&浅拷贝深拷贝的实现方法方法一：递归&for循环方法二：利用JSON.parse()和JSON.stringify()（更简单）方法三：Object.assign()实现基本类型&引用类型基本类型JS的七大数据类型中除了object都是基本类型。（null、undefined、number、string、boolean、symbol）基本类型的
小吴爱学习·2020-06-29 06:29

JavaScript之apply、call详解--前端面试准备

JavaScript之apply、call二者详解applycall示例&说明二者详解apply语法：functionObject.apply([thisObj[,argsArray]])解释：apply()函数用于调用当前函数functionObject，并可同时使用指定对象thisObj作为本次函数执行时函数内部的this指针引用。该函数属于Function对象，所有主流浏览器均支持该函数。参
小吴爱学习·2020-06-29 06:57

JavaScript之函数节流throttle方法和函数防抖debounce方法--阿里前端笔试题&&前端面试准备

函数节流throttle方法和函数防抖debounce方法函数节流和函数防抖是什么函数节流函数防抖二者异同实现throttledebounce因为学这个我发觉自己也不会apply是啥子函数节流和函数防抖是什么函数节流对于持续触发的事件，规定一个间隔时间（n秒），每隔n秒只能执行一次。函数防抖对于在事件被触发n秒后再执行的回调，如果在这n秒内又重新被触发，则重新开始计时。二者异同相同：都能防止函数过
小吴爱学习·2020-06-29 06:57

前端面试题汇总和知识点

2017年前端面试题整理汇总100题2018前端面试准备前端面试常见问题按知识点分类整理44个JavaScript变态题解析ECMAScript6入门深入浅出JavaScript之原型链&继承剖析Vue
hujingn·2020-06-23 16:14

# 前端面试准备(day1)

js算法与应用排序部分快速排序//从小到大的快速排序functionsort(array){//slice用于截取数组,通过slice,从0到arr.length复制出一个新的数组vartemp_array=array.slice(0)quickSort=function(arr){//数组已经为空了if(arr.lengthprov){//大于中间元素向右right.push(arr[i])}e
sunner168·2020-06-22 23:47

前端面试准备--4.HTTP协议

HTTP协议1.HTTP协议的主要特点简单快速每个资源uii都是固定的，一个页面地址一张图片叫做统一资源符，这个是固定的，所以在http协议中处理也是非常简单的。我想访问某一个地址，只要输入这个uii就可以了；灵活在http协议中有一个头部分会有一个数据类型，通过一个http协议就可以完成不同数据类型的传输。无连接连接一次它就会断掉，不会保持连接；无状态客户端和服务端是两种身份，客户端需要向服务端
飞菲fly·2020-04-10 23:40

前端面试准备--3.DOM事件

DOM事件1.基本概念：DOM事件的级别DOM事件类DOM1标准指定的时候没有涉及任何和事件相关的东西；事件级别DOM0element.onclick=function(){};//-->true,false指定冒泡还是捕获//IEattachEventDOM2element.addEventListener('click',function(){},false);//事件类型增加了很多；DOM3
飞菲fly·2020-03-09 11:24
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他