前端基础面试题,TCP和UDP协议之间的区别 tcp和udp作为传输层的两个协议,主要区别: 1，tcp 是面向链接的,（http协议握手）就类似打电话要先建立拨号，在进行链接。 而udp在发送前不需要建立链...

[vite] Internal server error:options.devServer.transformWidthEsBuild is not a function... Vite2.x升级Vite3.x报错这段信息 解决办法： 除了升级Vite本身,最好还是要升级package.json中...

Vite如何配置分割代码 1.什么是代码分割/code spliiting 前端生态 rollup 和 webpack都有的概念。 如果把所有代码都打包到一起，可能最终的代码非常大。从而影响加载时间。 而且，很多代码是...

纯css闪烁效果demo 具体速度和颜色自己可以自己调 <div class="father-box"> <div class="header-box"> </div> </div> @keyframes test { from { opacity: 1.0; ......

常见前端面试题 TCP协议三次握手过程 1.第1次握手 建立连接 客户端向服务器发送的报文SYN包信息中SYN码为1 2.第2次握手 服务器回应客户端，用于接受并连接请求 服务器返给客户端的的报文SYN...

单一判断常见优化 if判断逻辑过多,在常见code review 中,下面的这种情况肯定是要被批评的。 const gitObj = (type) => { if (type === '张三') { return '张三的Obj'; } if (type === '李......

Vue3中的Composables是什么 Vue3中的Composables 简单理解其实就是类React Hooks式的组合式函数封装方法。 Vue官方称为Composables 组合式函数。 1.抽离复用逻辑时 Vue2写法 （1）Vue2 中的m...

src和href的区别 1. 请求资源类型不同 (1) href 全称为Hypertext Reference的缩写。意思是指定超链接目标的URL。href 属性的值可以是任何有效文档的相对或绝对URL，包括片段标识符和JavaScr...

TypeScript重载函数的作用案例 C++中的一个概念(百度百科): 函数重载一般指重载函数。 重载函数是函数的一种特殊情况，为方便使用，C++允许在同一范围中声明几个功能类似的同名函数，但是这些...

TS中常用的工具映射类型,让写TS时效率大大提升,避免无意义的重复性定义。 1.Omit 省略/剔除 顾名思义 可以剔除 已定义对象中 自己不需要的一部分形成新的定义类型。 interface UserObj { re...

在使用ts的type 和 interface时 两者作用(简单案例) interface只能定义对象数据结构类型。 // 简单案例1 interface User { name: string; age: number; sex?: string; } let user: User = { ...

js算法统计对象的层数 // 测试数据 var testObj = { b: { c: { d: { e: {} } }, c: { d: { e: { ...

效果对比图 普通table 标签 Month Savings January $100 ...

react-router V6版本路由用法和V5用法差距较大,一个简单的使用案例 新版本组件也开始使用函数式组件+hooks "react-router-dom": "^6.2.1", 1.入口main import "./App.css"; import { Browser...

可以利用 try catch 的抛出异常行为来巧妙的停止forEach遍历 开发中当然不能这么写 面试的时候 可以说出来 也算加分项 // 成功案例 必须用 try catch 整个包住forEach 才能停止 try { [1,2,3...

首先推荐在项目中引用lodash三方工具库cloneDeep方法用来做数据深拷贝。 // import { cloneDeep } from 'lodash'; import cloneDeep from 'lodash/cloneDeep';// 只引用一个 推荐这样写 let ...