前端
文章平均质量分 64
与掉发不共戴天
前端大海,独行舟上独行人
Done is better than perfect!
展开
-
对 Iterator, Generator 的理解?
Iterator 是一个循环接口,任何实现了此接口的数据都可以被 for of 循环遍历Generator 是一个可以暂停和继续执行的函数,他可以完全实现 Iterator 的功能,并且由于可以保存上下文,他非常适合实现简单的状态机。另外通过一些流程控制代码的配合,可以比较容易进行异步操作。Async/Await 就是generator进行异步操作的语法糖。而这个语法糖反而是被使用最广泛的,比如著名的 Koa。原创 2023-05-17 10:57:02 · 1127 阅读 · 0 评论 -
伪类和伪元素的区别?
伪元素以“::”符号开始,并指定需要样式化的元素的特定部分,比如基本的 ::before 和 ::after 两个伪元素就是用来在目标元素前后添加内容的。是在 CSS3 中引入的,用于描述元素的一些动态的和行为相关的状态。伪类常用于根据用户的操作或当前文档的状态来应用样式,例如 :hover、:active、:focus 等等。伪类和伪元素是CSS中的两种特殊方式,可以对HTML元素添加一些不同于普通选择器样式的显示效果。::before(元素前插入)::after(元素后插入):hover(悬停)原创 2023-05-15 16:16:13 · 1259 阅读 · 0 评论 -
前端CSS经典面试题总结
2.1 介绍一 下 CSS 的盒子模型?2.2 css 选择器优先级?2.3 垂直居中几种方式?2.4 简明说一下 CSS link 与 @import 的区别和用法?2.5 rgba和opacity的透明效果有什么不同?2.6 display:none和visibility:hidden的区别?2.7 position的值, relative和absolute分别是相对于谁进行定位的?2.8 画一条0.5px的直线?2.9 calc, support, media各自的含义及用法?原创 2023-05-12 20:12:25 · 2427 阅读 · 0 评论 -
经典HTML前端面试题总结
1. 1简述一下你对 HTML 语义化的理解?1.2 标签上 title 与 alt 属性的区别是什么?1.3 iframe的优缺点?1.4 href 与 src?1.5 HTML、XHTML、XML有什么区别1.6 知道img的srcset的作用是什么?1.7 link和@import的区别?1.8 谈谈对BFC的理解 是什么?1.9 html5有哪些新特性,移除了哪些元素?如何处理HTML5新标签的浏览器谦容问题?如何区分HTML和HTML5?1.10 浏览器的内核分别是什么?原创 2023-05-12 20:06:58 · 1227 阅读 · 0 评论 -
跨域时怎么处理 cookie?
结果很意外,请求的响应被浏览器拦截了,浏览器还贴心的在console上抛出了一个错误。这里要注意,浏览器不是在请求阶段就对请求进行拦截,而是正常发出请求,拿到服务端的响应之后,开始查看响应header里面有没有Access-Control-Allow-Origin这个header,如果没有,响应的结果就不会到js那里去。登录是基于session的,也就是说,登录成功后,server会通过set-cookie,将cookie设置到浏览器中,这样,下次访问同源下的api时,cookie就会被带上。原创 2023-05-11 11:58:04 · 1419 阅读 · 0 评论 -
说说你的ES7-ES12的了解
Promise.allSettled():Promise.allSettled()方法接收一个promise数组并返回一个promise并行,在所有promise都已解析或被拒绝后。String.prototype.matchAll():match()只返回匹配到的第一个结果,而matchAll()返回一个迭代器,可以匹配出所有结果。Promise.any():Promise.any() 方法表示只要传入的 Promise 其中之一变成fulfilled 状态,就可以继续操作。原创 2023-05-09 10:33:51 · 317 阅读 · 0 评论 -
分片上传和断点续传的区别?实现思路是什么?
虽然分片上传和断点续传都基于把数据切分成小块,并结合特殊技术来处理,但是它们的应用场景略有不同。分片上传针对的是单个大文件的上传,而断点续传主要用于文件传输中的断点续传,满足用户在大文件上传/下载的过程中,网络出现异常时能够恢复上传或下载任务,节约时间和流量。原创 2023-05-09 08:54:25 · 910 阅读 · 0 评论 -
2023前端面试题(经典面试题)
在vue中引入了scoped这个概念,scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式,使用了data-v-hash的方式来使css有了它对应模块的标识,这样写css的时候不需要加太多额外的选择器,方便很多。如果computed属性的属性值是函数,那么默认使用get方法,函数的返回值就是属性的属性值;compile解析模板指令,将模板中的变量替换成数据,然后初始化渲染页面视图,并将每个指令对应的节点绑定更新函数,添加监听数据的订阅者,一旦数据有变动,收到通知,更新视图。原创 2023-03-20 21:05:23 · 1406 阅读 · 0 评论 -
如何把一个对象变成可迭代对象?
可迭代对象(Iterable object)是数组的泛化,这个概念是在说任何对象都可以被定制为可在 for…of 循环中使用的对象。也就是说,可以应用 for…of 的对象被称为 可迭代对象。原创 2023-03-20 20:26:54 · 664 阅读 · 0 评论 -
React18新特性
React 团队在 2022 年 3 月 29 日正式发布了 React 的第 18 个版本。我将在这篇文章里简单介绍 React 18的新特性,React Concurrent Mode(并发模式)的实现,以及简要的升级指南。原创 2023-03-20 20:21:36 · 454 阅读 · 0 评论 -
对于浏览器内核的理解
经常听说各种不同的浏览器,IE、Opera、Firefox、Safari、The World还有现在的Chrome等。看似许多不同的浏览器,其实其中还是有很多相似之处。今天,我们就来了解他们的内核~!那内核是什么呢?内核只是一个通俗的说法,其英文名称为“”,翻译过来就是“排版引擎”,也被称为“页面渲染引擎”(下文中各种说法通用)。它负责取得网页的内容(HTML、XML、图像等等)、整理信息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。原创 2023-03-20 20:13:40 · 379 阅读 · 0 评论 -
Promise与async/await的区别?
从字面意思上很好理解,async是异步的意思,await有等待的意思,而两者的用法上也是如此。async用于申明一个function是异步的,而await 用于等待一个异步方法执行完成。async和await是用来处理异步的。async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成。async 是“异步”的简写,而 await 可以认为是 async wait 的简写。3、await 后面紧跟着的最好是一个耗时的操作或者是一个异步操作(方法)。原创 2023-03-20 20:01:31 · 824 阅读 · 0 评论 -
路由动画切换( 左移,右移)
2、在入口文件处判断to和from中的index值大小,来进行路由动画的切换。1、 在router路由表中定义meta属性中的index,用index值来判断是左移还是右移。原创 2023-03-15 11:12:48 · 312 阅读 · 0 评论 -
css3动画属性
transform:translate3d(value,value,value) // x轴 、y轴 、z轴。border-radius:value value value value // 左上 右上 右下 左下。: transform:scale(value,value) // 水平 垂直。transform:skew(value,value) // 水平 倾斜。border-radius:value value // 左上右下 右上左下。border-radius:value // 四角。原创 2023-03-10 07:46:09 · 491 阅读 · 0 评论 -
受控组件和非受控组件的区别
两者区别1、受控组件受控组件依赖于状态受控组件的修改会实时映射到状态值上,此时可以对输入的内容进行校验受控组件只有继承React.Component才会有状态受控组件必须要在表单上使用onChange事件来绑定对应的事件2、非受控组件非受控组件不受状态的控制非受控组件获取数据就是相当于操作DOM非受控组件可以很容易和第三方组件结合,更容易同时集成 React 和非 React 代码。原创 2023-01-31 09:40:19 · 663 阅读 · 0 评论 -
react新出来两个钩子函数是什么?和删掉的will系列有什么区别?
根据错误信息,可见这个钩子前面得加static关键字,这说明,不是给实例使用的,而是类自身调用的。并且这个钩子内部必须有返回值,返回值是一个state状体对象(返回的对象和组件的state的key:value;这个钩子还是比较常用的。并且点击按钮,count不再 + 1,返回的状态对象影响到了页面的更新(看新版本钩子图可知,它在render前面),并且以返回的状态对象为主。getDerivedStateFromProps钩子有2个参数,可以拿到组件传递的props和当前的组件状态。点击按钮触发页面更新。原创 2023-01-31 14:41:54 · 204 阅读 · 0 评论 -
JS原生代码编写获取当前页面高度和触发滚动事件
【代码】JS原生代码编写获取当前页面高度和触发滚动事件。原创 2023-03-08 10:08:57 · 429 阅读 · 0 评论 -
对React Native的了解?
是一个由Facebook于2015 年 9 月发布的一款开源的,它可以让开发者使用 JavaScript 和 React 来开发跨平台的移动应用。它既保留了 React 的开发效率,又同时拥有 Native 应用的良好体验,加上Learn Once。原创 2023-03-07 21:04:02 · 383 阅读 · 0 评论 -
简述下 React 的事件代理机制?
React 并不会把所有的处理函数直接绑定在真实的节点上。而是把所有的事件绑定到结构的最外层,使用一个统一的事件监听器,这个事件监听器上维持了一个映射来保存所有组件内部的事件监听和处理函数。当组件挂载或卸载时,只是在这个统一的事件监听器上插入或删除一些对象。当事件发生时,首先被这个统一的事件监听器处理,然后在映射里找到真正的事件处理函数并调用。这样做的优点是解决了兼容性问题,并且简化了事件处理和回收机制(不需要手动的解绑事件,React 已经在内部处理了)。但是有些事件 React 并没有实现,比如。原创 2023-03-07 20:43:36 · 315 阅读 · 0 评论 -
获取dom节点与页面顶部的高度 +平滑的自动上拉到页面顶部
【代码】获取dom节点与页面顶部的高度 +平滑的自动上拉到页面顶部。原创 2023-03-05 19:37:39 · 238 阅读 · 0 评论 -
vue中使用json-server
1.安装json-server的两个依赖npm -g i json-servernpm install -g json-server2.安装axios依赖npm i axios3.全局导入axios使用src目录下main.js文件内import axios from ‘axios’;4.配置全局默认地址:src目录下main.js文件内axios.defaults.baseURL = ‘http://localhost:8081’5.创建一个json文件夹,json文件夹内新创一个data.jso原创 2023-03-05 19:26:50 · 1398 阅读 · 0 评论 -
react中使用百度地图报错:‘BMapGL‘ is not defined no-undef解决方法
在BMapGL前加个window即可,就出来了原创 2023-03-05 19:18:29 · 1123 阅读 · 0 评论 -
react-draggable实现拖拽详解
在页面中导入react-draggable。2. 初始化开始位置。原创 2023-03-04 19:51:48 · 5024 阅读 · 1 评论 -
说说React生命周期有哪些不同的阶段?每个阶段对应的方法是?
说说React生命周期有哪些不同的阶段?每个阶段对应的方法是?原创 2023-01-06 15:01:53 · 110 阅读 · 0 评论 -
react路由传参的三种方式(易理解)
【代码】react路由传参的三种方式(易理解)原创 2023-03-04 08:37:55 · 753 阅读 · 0 评论 -
React组件之间如何通信?
父组件 => 子组件:Props子组件 => 父组件:兄弟组件之间:不太相关的组件之间:ContextPortalsRedux等。原创 2023-01-31 14:13:48 · 209 阅读 · 0 评论 -
说说你对fiber架构的理解?解决了什么问题?
JavaScript引擎和页面渲染引擎两个线程是互斥的,当其中一个线程执行时,另一个线程只能挂起等待如果 JavaScript 线程长时间地占用了主线程,那么渲染层面的更新就不得不长时间地等待,界面长时间不更新,会导致页面响应度变差,用户可能会感觉到卡顿而这也正是 React 15 的 Stack Reconciler所面临的问题,当 React在渲染组件时,从开始到渲染完成整个过程是一气呵成的,无法中断如果组件较大,那么js线程会一直执行,然后等到整棵VDOM树计算完成后,才会交给渲染的线程。原创 2023-01-31 09:44:55 · 259 阅读 · 0 评论 -
渐进增强和优雅降级之间的区别
而将那些被认为过时或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE、Mozilla 等)的前一个版本。内容是建立网站的诱因,有的网站展示它,有的则收集它,有的寻求,有的操作,还有的网站甚至会包含以上的种种,但相同点是它们全都涉及到内容。(1)渐进增强(progressive enhancement):主要是针对低版本的浏览器进行页面重构,保证基本的功能情况下,再针对高级浏览器进行效果、交互等方面的改进和追加功能,以达到更好的用户体验。原创 2023-03-02 20:32:18 · 100 阅读 · 0 评论 -
面试题总结4
因为在项目中,可能不同组件会有相同的功能,比如控制元素的显示和隐藏,如果他们的变量和规则也完全相同的话,就可以把这个功能单独提取出来,放在。是介于应用系统和系统软件之间的一类软件,它使用系统软件所提供的基础服务(功能),衔接网络上应用系统的各个部分或不同的应用,能够达到资源共享、功能共享的目的。为作用域为父组件自身的函数,子组件调用该函数,将子组件想要传递的信息,作为参数,传递到⽗组件的作⽤域中。兄弟组件之间的传递,则父组件作为中间层来实现数据的互通,通过使用父组件传递。原创 2023-02-20 18:16:13 · 106 阅读 · 0 评论 -
react前端性能优化的手段有那些?
【代码】react前端性能优化的手段有那些?原创 2023-02-20 18:08:05 · 205 阅读 · 0 评论