面试题
文章平均质量分 52
木头没有瓜
王者也飘然
展开
-
vue3面试题
1、vue3中ref和reactive的区别。原创 2023-10-11 16:08:37 · 80 阅读 · 0 评论 -
vue3中ref和reactive的区别
2. 使用方式不同:ref需要通过在模板中使用ref指令以及在JavaScript代码中使用ref函数进行创建和使用,而reactive则需要通过调用Vue.js提供的reactive函数进行包装和创建。总的来说,ref和reactive都是用于实现Vue.js组件的数据响应式更新,但是它们的使用方法、适用范围和设计理念等方面略有不同,需要根据具体的应用场景选择合适的API进行使用。ref和reactive都是Vue.js 3.x版本中新增的响应式API,用于实现组件的数据响应式更新。原创 2023-10-11 16:04:45 · 7059 阅读 · 0 评论 -
Vue中props组件和slot标签的区别
因此,总体来说,props 和 slot 在 Vue 中的作用略有不同,props 更多地用于父子组件之间的数据传递,而 slot 则更多地用于组件的复用和扩展。不同的应用场景需要不同的机制来进行通信和交互,Vue 提供了这两种机制来满足我们不同的需求。通俗来说,可以把 slot 看成是组件内部的一个容器,可以在组件使用时向其中动态插入内容。props 是一种组件的数据传递机制,通过在父组件中以属性的形式向子组件传递数据。props 在组件开发中非常常见,可以让我们更加方便和灵活地进行组件间的数据传递。原创 2023-09-12 15:26:10 · 336 阅读 · 0 评论 -
手动实现一个bind函数!
想要实现bind函数,就必须要理解其中的原理,无非就是改变this指向的问题。其中唯一的难点就是如何实现构造函数执行的方式,也就是要明白js中new一个对象的时候发生了什么?原创 2023-09-12 15:18:57 · 401 阅读 · 0 评论 -
vue2和vue3的区别
这个副作用函数的参数也是一个函数,注册副作用清理的回调函数。返回的对象以及其中嵌套的对象都会通过 ES Proxy 包裹,因此不等于源对象,建议只使用响应式代理,避免使用原始对象。功能:侦听数据的变化,和选项式api中的watch实现的功能一样,组合式api中watch功能更加强大,灵活。1)、功能:接受一个内部值,返回一个响应式的、可更改的 ref 对象,ref对象只有一个属性:value。通过Proxy(代理): 拦截对象中任意属性的变化, 包括:属性值的读写、属性的添加、属性的删除等。原创 2023-09-01 22:31:06 · 443 阅读 · 0 评论 -
React 知识点
1、调用setState之后,发生了什么? 1)、合并state 把传入setState()里的参数对象和当前的state进行(属性)合并。 触发调和过程(Reconciliation) 2)、 重新渲染组件 2.1) React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个 UI 界面; 2.2) React 会自动计算出新的树与老树的节点差异(用diff算法),然后根据差异对界面进行最小化重渲染2、state和props的区别 1)、原创 2022-03-30 09:10:38 · 904 阅读 · 0 评论 -
前端百科全书
神器GitHub - haizlin/fe-interview: 前端原创 2022-03-24 11:13:32 · 304 阅读 · 0 评论 -
qiankun 面试题
1、实现原理深入解析微前端乾坤原理 - 知乎2、解决跨域主子应用间路由跳转、微应用如何设置跨域访问、各生命周期钩子如何执行3、脚本隔离-一种是快照拷贝的方式,一个是基于proxy的方式 深入解析微前端乾坤原理 - 知乎4、样式隔离-域隔离和shadow dom深入解析微前端乾坤原理 - 知乎...原创 2022-03-22 10:15:18 · 3305 阅读 · 0 评论 -
无重复字符的最长子串 JavaScript
给定一个字符串,请你找出其中不含有重复字符的最长子串的长度。示例1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc",所以其长度为 3。示例 2:输入: "bbbbb"输出: 1解释: 因为无重复字符的最长子串是 "b",所以其长度为 1。var lengthOfLongestSubstring = function(s) { var str="" //存放无重复子串 var size=0 //当前最长无重复子串...原创 2022-03-04 16:43:23 · 344 阅读 · 0 评论 -
智力算法题
1、一个班有60人46人会骑车42人会跳舞50人会画画43人会打鼓那么四种全会的有多少?不会骑车的的14人,不会跳舞的有18人,不会画画的有10人,不会打鼓的有17人。那么取交叉最小值,四种分别都不会最多人数就是四者之和也即59人。那么四者全会的至人有一人。而会跳舞的人数在其中是最少的是42人,根据概率论,四种全会最多人数就是42人的。2、50人,有25人喜欢吃苹果,有22人喜欢吃橘子,有13人两样都喜欢,两样都不喜欢吃的有多少把喜欢苹果的和喜欢橘子的人数加起来:25+22=47人,因为13人既原创 2022-03-04 15:09:45 · 566 阅读 · 0 评论 -
vue-cli 替我们做了哪些工作?
首先需要知道 vue-cli 是什么?它是基于 Vue.js 进行快速开发的完整系统,也可以理解成是很多 npm 包的集合。其次,vue-cli 完成的功能有哪些?.vue 文件 --> .js 文件ES6 语法 --> ES5 语法Sass,Less,Stylus --> CSS对 jpg,png,font 等静态资源的处理热更新定义环境变量,区分 dev 和 production 模式vue-cli是vue的一个脚手架工具,主要作用:目录结构、本地调试、代码部署、原创 2022-02-26 17:42:49 · 1237 阅读 · 0 评论 -
webpack 常用配置项,并说明用途
entry:打包的入口文件,一个字符串或者一个对象output:配置打包的结果,一个对象fileName:定义输出文件名,一个字符串path:定义输出文件路径,一个字符串module:定义对模块的处理逻辑,一个对象loaders:定义一系列的加载器,一个数组test:正则表达式,用于匹配到的文件loader/loaders:字符串或者数组,处理匹配到的文件。如果只需要用到一个模块加载器则使用loader:string,如果要使用多个模块加载器,则使用loaders:arr原创 2022-02-26 17:28:30 · 1050 阅读 · 0 评论 -
观察者和发布订阅的区别
在观察者模式中,观察者是知道Subject的,Subject一直保持对观察者进行记录。然而,在发布订阅模式中,发布者和订阅者不知道对方的存在。它们只有通过消息代理进行通信。在发布订阅模式中,组件是松散耦合的,正好和观察者模式相反。观察者模式大多数时候是同步的,比如当事件触发,Subject就会去调用观察者的方法。而发布-订阅模 式大多数时候是异步的(使用消息队列)。观察者模式需要在单个应用程序地址空间中实现,而发布-订阅更像交叉应用模式之前一直对观察者模式和发布订阅模式的区别理解不深,正好这原创 2022-02-26 17:16:49 · 348 阅读 · 0 评论 -
Event Loop的过程?promise 定义时传入的函数啥时候执行?
主线程从"任务队列"中读取事件,这个过程是循环不断的,所以整个的这种运行机制又称为Event Loop(事件循环)。用两个队列来处理异步任务。 以setTimeout为代表的任务放到被称为macrotask,放到Macrotask queue中, 而以Promise 为代表的任务放到Microtask queue中。 eventloop对这两个队列的处理逻辑也不一样。执行过程如下: JavaScript引擎首先从macrotask queue中取出第一个任务, 执行完毕后,将microtask qu原创 2022-02-26 17:11:11 · 239 阅读 · 0 评论 -
数据库面试题
1、数据库的四大特性数据库的四大特性2、mysql和redis的区别mysql和redis的区别 - zxh_python - 博客园3、连接的种类与区别内连接(INNER JOIN):当两个表中都存在匹配时,才返回行。左连接(LEFT JOIN):返回左表中的所有行,即使右表中没有匹配的行。右连接(RIGHT JOIN):返回右表中的所有行,即使左表中没有匹配的行。全连接(FULL JOIN):只要某一个表存在匹配,就返回行。笛卡尔连接(CARTESIANJOIN):返回两个或者...原创 2022-02-26 16:44:17 · 304 阅读 · 0 评论 -
CSS 面试题
1、BFC什么是BFC?看这一篇就够了_Leon的博客-CSDN博客_bfc2、lex:1代表什么flex:1 到底代表什么?3、css属性区别css属性区别_木头没有瓜的博客-CSDN博客4、css3特性 CSS3新特性有哪些? - html中文网5、画三角形纯 CSS 实现绘制各种三角形(各种角度) - saucxs - 博客园6、CSS移除两个inline-block间的间隙CSS 去掉inline-block间隙的几种方法7、【CSS实现正方形】CSS实现...原创 2022-02-24 17:17:13 · 164 阅读 · 0 评论 -
⼤⼚⾯试真题集合
⼤⼚⾯试真题集合滴滴⾯试题1.说⼀下js的数据类型,如何判断数据类型2.如何判断⼀个对象是否属于某个类3.说⼀下防抖函数的应⽤场景,并简单说下实现⽅式4.new Promise构造函数的⼊参是什么?你在什么场景下会使⽤promise5.vue的设计核⼼思想是什么6.说下vue的双向数据绑定的实现原理7.APP内嵌H5⻚⾯如何和APP本⾝进⾏通信8.微信⼩程序和传统h5⻚⾯相⽐哪个性能更好⼀些,为什么9.H5的开发和PC端的开发有什么本质的不同10.如何针对H5⻚⾯进⾏远程调试?11.原创 2022-02-21 14:02:50 · 465 阅读 · 0 评论 -
前端面试题汇总(JS/Http/es6)
1、什么是oop,你对他是怎么理解的https://blog.csdn.net/weixin_40918145/article/details/1112779822、js 三大特性(1)、继承https://blog.csdn.net/weixin_40918145/article/details/111278701(2)、封装https://blog.csdn.net/weixin_40918145/article/details/111278122(3)、多态 https:...原创 2020-12-17 10:26:00 · 785 阅读 · 1 评论 -
js常见面试基础笔试算法题
1、大数相加计算function addNum(a, b){ let maxLen = Math.max(a.length, b.length); // 取最长 a = a.padStart(maxLen, 0); // 开头补全 b = b.padStart(maxLen, 0); // 开头补全 let sum = ""; let f = 0; // 进位1 for(let i = maxLen - 1; i >= 0;原创 2020-12-15 16:19:38 · 918 阅读 · 0 评论 -
vue面试题
1、vue生命周期钩子函数详解https://blog.csdn.net/weixin_40918145/article/details/122808752https://blog.csdn.net/weixin_40918145/article/details/122808752原创 2022-02-07 14:46:46 · 490 阅读 · 0 评论 -
React面试题
Q1:什么是虚拟DOM?难度:⭐虚拟DOM(VDOM)它是真实DOM的内存表示,一种编程概念,一种模式。它会和真实的DOM同步,比如通过ReactDOM这种库,这个同步的过程叫做调和(reconcilation)。虚拟DOM更多是一种模式,不是一种特定的技术。????资料来源:github.com/sudheerj????参考资料:什么是虚拟DOMQ2:类组件和函数组件之间有什么区别?难度:⭐⭐ 类组件(Class components) 无论是使用函数或是类来声明原创 2021-12-23 11:45:58 · 291 阅读 · 0 评论