- 博客(6)
- 收藏
- 关注
原创 前端面试题(CSS篇)
它就是一个 block format content 块级格式化上下文.是一个布局里面的概念.把一个盒子设置成 bfc 之后,里面无论怎么布局.都不会影响外面的变动.另外如果是一个 bfc 盒子.浮动的元素也会参数计算.用它可以解决一些布局方面的问题吧.比方说.margin 重叠.高度塌陷等. overflow:hidden.float. display:inline-block;CSS高度塌陷是指当父元素的高度被子元素撑开时父元素的高度却没有相应地增高从而导致一些布局问题。
2024-03-21 14:56:34 1206 1
原创 Vue2和vue3的区别
vite有一个优点就是创建项目的时候启动的非常快和vue的4.5.15版本不太一样,在vue的4.5.15它会在创建项目的时候把所有的依赖(vuex、vue-router等)全部安装完毕,但是5.0.1版本它是冷启动(什么是冷启动,就是什么依赖都不会去装)你需要哪个就去下载哪个,所以它启动的非常迅速。使用Proxy的优势:可直接监听数组类型的数据变化,监听的目标为对象本身,不需要像Object.defineProperty一样遍历每个属性,有一定的性能提升,可直接实现对象属性的新增/删除。
2023-10-06 11:03:45 983 1
原创 vue前端面试题2
由于在浏览器中操作DOM是很昂贵的,频繁的操作DOM,会产生一定的性能问题,这就是虚拟DOM的产生原因。虚拟DOM本质上是JavaScript对象,是对真实DOM的抽象状态变更时,记录新树与旧树的差异,最后把差异更新到真正的DOM中Vue2的虚拟DOM借鉴了开源库Snabbdom的实现虚拟dom的本质就是运用一个原生的JS对象去描述一个DOM节点,是对真实DOM的一层抽象。(也就是源码中的VNode类,它定义在src/core/vdom/vnode.js中)
2023-10-06 10:40:40 52 1
原创 vue前端面试题
每个组件实例都有相应的watcher程序实例,它会在组件渲染的过程中把属性记录为依赖,之后当依赖项的setter被调用时,会通知watcher重新计算,从而致使它关联的组件得以更新。vue 双向数据绑定是通过 数据劫持 结合 发布订阅模式的方式来实现的,也就是说数据和视图同步,数据发生变化,视图跟着变化,视图变化,数据也随之发生改变;url地址显示:query更加类似于我们ajax中get传参,params则类似于post,说的再简单一点,前者在浏览器地址栏中显示参数,后者则不显示。
2023-10-05 14:55:21 47
原创 webpack面试题
是目前最常用的配合Babel一起使用的polyfill是babel-polyfill,通过改写全局prototype的方式实现,它会加载整个polyfill,针对编译的代码中新的API进行处理,并且在代码中插入一些帮助函数,比较适合单独运行的项目。Babel为了解决上述问题,提供了单独的包babel-runtime用以提供编译模块的工具函数,启用插件babel-plugin-transform-runtime后,Babel就会使用babel-runtime下的工具函数。每当要转译一个api时都要手动加上。
2023-10-02 17:45:34 959 1
原创 前端React面试题
就是一个函数的返回结果只依赖于它的参数,并且在执行过程中没有副作用,我们就把这个函数叫做纯函数。react的生命周期分为组件初始化,组件更新 , 组件销毁 三个阶段。受控组件就是可以被 react 状态控制的组件在 react 中,Input textarea 等组件默认是非受控组件(输入框内部的值是用户控制,和 React 无关)。但是也可以转化成受控组件,就是通过 onChange 事件获取当前输入内容,将当前输入内容作为 value 传入,此时就成为受控组件。非受控组件即不受。
2023-09-27 21:28:57 50 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人