前端知识点
文章平均质量分 75
godlike-icy
努力学习,不断超越!
展开
-
【前端查漏补缺】每日10题 2023-12-25
网络的分层是指将网络功能按照不同的层次组织起来,每一层负责特定的任务和功能。这种分层的设计使得网络的开发、管理和维护更加简化和灵活。最常用的网络分层模型是 OSI 参考模型和 TCP/IP 参考模型。OSI 参考模型:物理层(Physical Layer):负责传输比特流,处理物理连接和电信号。数据链路层(Data Link Layer):处理帧(Frame)的传输和错误检测,提供可靠的点对点通信。网络层(Network Layer):负责寻址、路由和分组转发,实现不同网络之间的通信。原创 2023-12-25 19:01:36 · 930 阅读 · 0 评论 -
前端面经(字节)------持续更新
render() 方法是 class 组件中唯一必须实现的方法。React 元素。通常通过 JSX 创建。例如,会被 React 渲染为 DOM 节点,会被 React 渲染为自定义组件,无论是还是均为 React 元素。数组或 fragments。使得 render 方法可以返回多个元素。欲了解更多详细信息,请参阅 fragments 文档。Portals。可以渲染子节点到不同的 DOM 子树中。欲了解更多详细信息,请参阅有关 portals 的文档。原创 2023-12-06 21:32:45 · 58 阅读 · 0 评论 -
【React】精选5题
当组件列表中的某个组件的 key 值改变时,React 会将其视为一个新的组件,并重新渲染该组件,而不是仅仅修改其属性。这可以避免不必要的 DOM 操作,提高渲染性能。组件的 key 值是其唯一标识符,帮助 React 识别组件。当组件从列表中移除时,React 可以根据 key 值来判断哪些组件需要被移除。同时,在列表中添加、删除、修改组件时,key 值也可以帮助 React 正确地更新组件的状态,避免出现意外的渲染结果。在开发过程中,我们需要保证某个元素的 key 在其同级元素中具有唯一性。原创 2023-08-11 10:51:23 · 1238 阅读 · 0 评论 -
flex布局一个很有意思的事情----align-items你不知道的效果
在flex容器的子元素中没有设置高度,其高度是按照该子元素的子元素(父元素的孙子元素)内容撑开。同时我在其同级的子元素下渲染了一个同样没有设置高度的不同ui(假定它没有任何内容),`那么它的高度将会自动拉伸到和其他flex布局下的子元素相同,且以最高的子元素(即父元素高度)为基准`。原因放在后面了,大家耐心看完哈~原创 2023-03-29 11:15:23 · 684 阅读 · 0 评论 -
数组求和方法总结,学点干货
数组求和方法总结原创 2023-02-22 18:37:06 · 1898 阅读 · 0 评论 -
防抖与节流(立即执行与非立即执行)详解
防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。节流:每隔一段时间,只执行一次函数。原创 2022-10-27 13:27:20 · 320 阅读 · 0 评论 -
理解js发布订阅模式
**订阅**: 用户将事件存入订阅中心,事件名是唯一的,具体的事件是一个函数。接受参数(事件名,fn)存入格式 key :[fn,fn,fn] ,其中key是事件名,一定要确保事件名唯一。**发布**:将数据推送给订阅中心下所有key为指定事件名的数组中的所有方法。接受参数,(事件名,数据),事件名用来匹配订阅中心订阅的事件,data数据交给事件里的函数来执行。**取消订阅**: 接受参数(事件名,fn)。将事件数组中该方法清空就行,需要匹配一下用户传入的fn,当用户不传入fn时,则直接清空原创 2022-10-25 16:35:03 · 535 阅读 · 0 评论 -
HTML5新特性
HTML5新特性原创 2022-10-21 16:02:50 · 1372 阅读 · 2 评论 -
数组中的some,every,reduce方法
1.some方法和forEach区别 const arr = ['小红', '小明', '张三', '李四'] //需求 查找张三的索引 //可以用forEach循环,但性能较差。原因:找到张三后,后面的循环理应终止,但forEach循环无法被终止 arr.forEach((item, index) => { if (item === '张三') { console.原创 2022-05-03 06:32:56 · 257 阅读 · 1 评论 -
数组常用去重方法总览
方法还有很多,常用的、了解的这些就可以 加分回答 以上五个方法中,在数据低于10000条的时候没有明显的差别,高于10000条,第一种和第二种的时间消耗最少,后面三种时间消耗依次增加,由于第一种内存空间消耗比较多,且现在很多项目不再考虑低版本浏览器的兼容性问题,所以建议使用第二种去重方法,简洁方便。原创 2022-10-11 19:33:43 · 291 阅读 · 0 评论 -
吸顶效果:1.css属性sticky优缺点 2.简单js实现吸顶效果
document.documentElement.scrollTop 有些移动端不支持,导致无法获取正确的滚动高度,使用document.body.scrollTop移动端也能正常获取,兼容一下)(小细节:offsetTop计算的是当前元素距离父元素顶部的高度,多层嵌套则需要递归叠加offsetTop,所以建议是选取最外面的那层元素,则可以直接获取距离窗口的高度)当页面滚动高度超过元素距离窗口的高度,设置为fixed,且top为0(当然bottom也可以,数值随便设)1)计算元素距离窗口的高度。原创 2022-10-10 12:58:06 · 2177 阅读 · 1 评论 -
es5构造函数与es6构造函数
构造函数,是一种特殊的方法。主要用来在创建对象时初始化对象, 即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中。通过 class 关键字可以定义类,提供了更接近传统语言的写法,引入了 Class (类)这个概念作为对象的模板。...原创 2022-08-26 18:07:00 · 682 阅读 · 0 评论 -
node_modules包路径查找规则,依赖版本生效规则
但它们的版本不一样。模块之间是互相独立的,他们都会在它自身的node_module里先找,如果都找到了,那他们所用的模块确实是不同版本的。简而言之,当前的模块的node_modules找到了自己的依赖里使用的这个包,就不会再向上查找了,所以你即使在最外层的模块里加载了最新的这个包,那么它也不会生效。即使你在项目最外层的package.json里引入了2.2.0以上的版本,那么它并不会被向上加载到。若果追踪到文件系统的根目录也没有找到对应的依赖,那么nodejs就会找不到对应模块的报错。...原创 2022-08-26 11:14:23 · 4556 阅读 · 2 评论 -
前端面试题合集6-8(BFC详解,js判断变量类型方式详解,css样式权重/样式优先级)
BFC(Block Formatting Context)块级格式化上下文,是Web页面一块独立的渲染区域,内部元素的渲染不会影响边界以外的元素。BFC布局规则:内部盒子会在垂直方向,一个接一个地放置。(其实就是block元素布局规则)如下图所示:Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻Box的margin会发生重叠。什么是边距重叠?.....................原创 2022-08-09 19:30:11 · 343 阅读 · 0 评论 -
超详细的介绍 get 和 post 的区别
● get 请求的url地址可以被bookmark(存为书签),而post产生的url地址不可以保存为书签,同时get请求的url地址会被存入浏览器历史记录中,而post请求则不会。值得注意的是:幂等性指的是作用于结果本身,而并非资源是否相同,可能某个方法可能每次会得到不同的返回内容,但并不影响结果,这样的也满足幂等性,例如get服务器当前时间。get请求浏览器回退是无害的,具体指:get请求url资源会被浏览器缓存,回退时则会从缓存中获取该url的资源,而不会发起新的请求。......原创 2022-08-02 17:58:05 · 1297 阅读 · 0 评论 -
前端面试题合集1-5(浏览器缓存方式,js数据类型详解,闭包详解,Promise解析,跨域以及解决方式详解)
前端知识点,前端面试题原创 2022-07-20 16:12:33 · 671 阅读 · 0 评论