admin_zlj的博客

原创 2023前端开发校招面试题——终极版（个人整理）

包括 html css js react 浏览器

原创 面试题——React 中 useEffect 与 useLayoutEffect 区别？

useEffect与useLayoutEffect的函数签名是完全一致的，从代码角度来说，虽然它们是两个不同的函数，但是它们的使用方法是完全一致的，甚至一定程度上这两者是可以相互替换的，唯一的不同点是它们两的执行时机，并且官方给出的建议是在大部分场景下我们都可以使用useEffect来完成副作用的执行，只有当useEffect无法解决时再用useLayoutEffect进行处理，这样就不会产生相关的性能问题。

原创 前端——谈谈js对象的深复制与浅复制

目录1、引用赋值-----浅复制2、 ...扩展符 --- 深复制（比浅复制多一层）3、json-parse json-stringify方式---深复制1、引用赋值-----浅复制直接赋值时，obj1只是把指向堆内存的地址赋值给obj2，指向的还是同一个对象，因此改变obj2时，改变的也是obj1var obj1={ name:"admin", age:100}var obj2=obj1 //只是把obj1指向堆内存的地址赋值给obj2obj2.name = 'zl

原创 最全的—— ES6有哪些新特性？

目录ES6新特性一、let和const二、symbol三、解构表达式3.1 数组解构5.对象方面6.函数方面proxy5.字符串迭代器class6.promise async7.模块化模块化优点ES6新特性一、let和const前面讲过：https://blog.csdn.net/ZLJ_999/article/details/123960186二、symbolSymbol是ES6中引入的一种新的基本数据类型，用于表示一个独一无二的值，不能与其他数据类型进行运算。它是JavaScript中的第

原创 react跨域 http-proxy-middleware 无效还是404

目录问题描述：setupProxy.js文件请求解决办法问题描述：今天用http-proxy-middleware的过程中，setupProxy.js文件配置好以后发出请求依然无效还是404setupProxy.js文件const { createProxyMiddleware } = require("http-proxy-middleware");module.exports = function (app) { console.log(app); app.use( "/a

原创 React创建项目报错：You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1).

使用React脚手架创建项目，报错：create-react-app app2如果您之前已create-react-app通过 全局安装npm install -g create-react-app意思是有新版本了，之前安装的版本低了1.可以先卸载npm uninstall -g create-react-app2.然后再使用npx临时安装：npx create-react-app my-app3.如果还不行就加上版本号npx [email protected] y

原创 Es7-------async和await

1、async和awaitasync用于申明一个function是异步的await可以认为是async wait的简写，等待一个异步方法执行完成。规则：async和await是配对使用的，await存在于async的内部。否则会报错await表示在这里等待一个promise返回，再接下来执行await后面跟着的应该是一个promise对象asyncasync 的函数，当返回的不是promise对象，会把它封装成promise对象返回如果返回的是promise对象，就会返回这个pr

原创 React创建项目出现ReactDOM.render is no longer supported in React 18警告，index.js修改

当你第一次安装 React 18 时，你会在控制台中看到一个警告：因为在 React 18 中，ReactDOM.render 被废弃，当前发出警告，并以兼容模式运行。只需要更改index.js文件即可改成下面这样警告就会消失:import ReactDOM from "react-dom/client";import App from "./App";const root = ReactDOM.createRoot(document.getElementById("root"));ro

原创 我的JavaScript笔记——六、闭包（重点）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录JavaScript重点一、pandas是什么？二、使用步骤1.引入库2.读入数据总结JavaScript重点提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创.

原创 我的JavaScript笔记——五、原型与原型链（重点）

原创 我的JavaScript笔记——四、IIFE

四、IIFE立即调用函数表达式 匿名函数自调用。

原创 我的JavaScript笔记——三、事件对象event和 this关键字

目录一、事件对象event和this (重点）一、事件对象event和this (重点）

原创 我的JavaScript笔记——二、事件的冒泡和捕获（重点）及如何取消冒泡

目录二、事件的冒泡和捕获（重点）1.什么是事件？2.事件的冒泡2.1 什么是事件冒泡？2.2 什么是事件捕获？2.3 如何取消冒泡呢？二、事件的冒泡和捕获（重点）1.什么是事件？简单来说：就是用户与浏览器窗口发生交互的过程。列如：鼠标点击、鼠标滑入滑出、滚轮、键盘输入……2.事件的冒泡以烂大街的点击事件为例（代码简单就不写了看着也烦）2.1 什么是事件冒泡？即当发生事件时，由最内部的元素接收，然后逐级向上传播。看上图当我们点击 a 时a 会先响应并触发点击事件然后 p 响应并

原创 我的JavaScript笔记—— 一、var、let、const的区别?

目录什么是JavaScript？一、var、let、const的区别1. var声明变量存在`变量提升`，let和const不存在变量提升2. let和const只能在块作用域里访问3. 同一作用域下let和const不能声明同名变量，而var可以4. const定义常量，而且不能修改，`但是在定义的对象时对象属性值可以改变`5. 小结什么是JavaScript？首先,ECMAScript 和 JavaScript 什么关系？ECMAScript是一个国际通过的标准化脚本语言。JavaScrip

原创 初学者福音 轻松拿捏Flex布局，附有九宫格案列

传统布局基于盒状模型，依赖 display属性 + position属性 + float属性对于那些特殊布局非常不方便，例如：垂直居中就不容易实现。Flex布局Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。采用Flex布局的元素，称为Flex容器。所有子元素为容器成员，称为flex item。容器默认存在两根轴：水平的主轴（main axis）和垂直交叉轴（cross axis）。

原创 CSS3有哪些新特性

CSS3的新特性1.CSS3是CSS2.1的一个升级版，它是对CSS的一个扩展。2.CSS3的主要新特性：1）选择器2）阴影3）形状转换（2D <-> 3D）4）变形5）动画（过渡动画、帧动画）6）边框7）多重背景8）反射9）文字10）颜色函数（rgba/hsl/hsla）11）滤镜（filter）12）弹性布局13）多列布局14）栅格布局15）盒模型16）Web字体17）媒体查询3.CSS3不是属于浏览器或同一浏览器的不同版本都支持，所以需要兼容处理，通

原创 HTML5有哪些新特性

HTML5新特性1.HTML5新特性（面试）1）增加了audio和video音频播放，抛弃了Flash2）新增了canvas画布（绘画，制作动画（如小游戏开发等））3）地理定位4）增加了离线缓存5）硬件加速6）Web Socket（全双工通信）7）增加了本地存储8）新增了一些语义化标签2.网页布局标签header:页首nav:导航栏aside:侧边栏main:主体section:区块article:文章footer:页尾3.语义化标签1)mark:高亮显示(行级)2)