- 博客(67)
- 收藏
- 关注
RSS订阅原创 React hooks useEffect钩子函数一篇笔记全部讲完包括实际开发过程中需要注意的事项
一篇笔记完全讲清楚useEffect里面的猫腻，希望大家喜欢。
2024-07-05 11:56:08
192
原创 推荐一个javaScript基础到进阶的网站
主要是不知道函数传值，为什么可以被两次传值呢，其实有兴趣的小伙伴可以去验证一下，注意观察我的主函数init()，它里面实现的逻辑是return一个函数，这个函数是接收x的值，所以可以在下方使用result进行接收并且使用再次将x的值进行赋值，所以就实现了两次赋值，最终函数可以正常运行出结果。好啦，以上其实也不是作者的初创啦，都是作者按照mdn上面的思路进行的操作，所以进行的一部分解读，感兴趣的小伙伴可以去尝试啦。两个函数的作用域不同，但是外部函数的变量可以被内部函数进行调用。那今天就学习一下闭包的。
2024-04-23 17:46:09
160
2
原创 React学习专题之子组件向父组件传值
它允许您在中央存储中管理应用程序的状态，可以从应用程序中的任何组件访问该状态。完成此操作后，您可以创建 Redux 操作来分派数据更改，并且可以使用 Redux 挂钩将组件连接到存储。但是，如果您需要管理复杂的应用程序状态，或者需要在不直接相关的多个组件之间共享数据，那么使用 Redux 这样的状态管理库可能是更好的选择。然后，父组件可以从 Redux 存储中访问更新后的计数器值。在父组件中定义回调函数后，您可以将其作为 prop 传递给子组件。在子组件中，只要您想将数据传回父组件，就可以调用回调函数。
2024-04-18 10:22:50
255
原创 React学习专题之父组件向子组件进行传值
一般来说，对于简单的数据共享场景，推荐使用 props 在组件之间传递数据。但是，如果您需要在组件树的多个级别之间共享数据，或者需要使数据可供并非提供数据的组件的直接后代的组件访问，那么上下文是更好的选择。上下文是在组件之间传递数据的更高级方法，特别是当您需要跨组件树的多个级别共享数据时。这是一种使某些数据可供 React 应用程序中的所有组件使用的方法，无论其嵌套级别如何。要使用 props，您需要首先在父组件中定义 props。组件将上下文对象作为 prop，并使上下文值可供其所有后代组件使用。
2024-04-18 09:44:16
231
原创 前端开发6项基础知识（掌握必备）HTTP篇
HTTP状态码是HTTP协议中重要的组成部分，了解常见的HTTP状态码可以帮助您更有效地调试网络问题。
2024-04-09 18:19:39
770
原创 前端开发6项基础知识（掌握必备）调试篇
例如，可以使用引号搜索精确匹配关键词，可以使用减号排除不想要的关键词，可以使用site指令限制搜索范围。不同的搜索引擎有不同的优势，可以根据自己的需求选择合适的搜索引擎。例如，可以查阅相关书籍、文章、视频等，也可以咨询专家或有经验的人士。例如，如果需要了解某个主题，可以先确定主题的范围和关键词。调试控制台可以用于查看和修改网页的代码，以及执行 JavaScript 代码。抓包工具可以用于查看网络请求和响应的数据，这对于调试网络问题非常有用。在互联网上，信息的真伪良莠不齐，因此需要对找到的信息进行评估。
2024-04-09 18:01:03
581
原创 前端开发6项基础知识（掌握必备）移动Web开发篇
GPU英文全称是，中文翻译为图形处理器。GPU渲染是指使用图形处理单元（GPU）来渲染图像或视频的过程。GPU 是专门为处理图形数据而设计的硬件加速器，它可以比 CPU 更快地完成渲染任务。速度更快：GPU 可以比 CPU 更快地完成渲染任务，从而提高渲染效率。画质更好：GPU 可以支持更复杂的渲染技术，从而提高渲染质量。能耗更低：GPU 的能耗通常比 CPU 更低，从而提高设备的续航能力。游戏：游戏需要大量的渲染工作，因此 GPU 渲染在游戏中得到了广泛应用。
2024-04-09 17:50:27
1148
原创 前端开发6项基础知识（掌握必备）javaScript篇
当对象访问一个属性或方法时，它会首先在其自身中查找该属性或方法。如果找不到，则会沿着原型链向上查找，直到找到该属性或方法或到达原型链的末尾。当事件发生时，它会从事件目标开始传播到事件目标的祖先元素，直到到达 document 对象。闭包是在函数执行时创建的。当函数执行时，它会创建一个环境，该环境包含函数的所有局部变量以及函数创建时的外部变量。原型对象是另一个对象，它包含该对象可以继承的属性和方法。闭包（closure）是 JavaScript 中一个重要的概念，它允许函数访问其创建时的外部变量。
2024-04-09 17:29:57
497
原创 前端开发6项基础知识（掌握必备）CSS篇
CSS 选择器的层级越深，浏览器解析 CSS 代码的开销就越大，从而导致页面加载速度变慢。因此，应尽量避免 CSS 选择器的层级过深。随着项目规模的增大，CSS 代码也会变得越来越复杂。因此，需要对 CSS 代码进行拆分和组织，以便更好地管理和维护。ID 选择器的特点是唯一的，在整个页面中只能使用一次。而 class 选择器可以重复使用。ID 选择器和 class 选择器都是用于选择 HTML 元素的 CSS 选择器。怎样才能写出好的CSS呢？这是一个比较宽泛的问题。
2024-04-09 11:44:41
122
原创 前端开发6项基础知识（掌握必备）HTML篇
属性说明charset指定网页的字符编码viewport控制网页在移动设备上的显示方式指定网页的简短描述keywords指定网页的关键词author指定网页的作者copyright指定网页的版权信息robots指示搜索引擎如何处理网页http-equiv指定 HTTP 协议头Pragma指示缓存服务器如何处理网页指示浏览器如何缓存网页Expires指定网页的过期时间示例HTML<meta name="description" content="这是一个网页的描述">
2024-04-09 11:27:31
544
原创 完成Axios的二次封装，实现接口统一管理，使用数据代理解决跨域问题
【代码】完成Axios的二次封装，实现接口统一管理，使用数据代理解决跨域问题。
2024-04-08 14:43:54
269
原创 vue中实现路由鉴权和不同用户登录
Vue 中可以结合 Vuex 和路由守卫来实现路由鉴权。路由鉴权是指根据用户权限控制用户可以访问哪些路由。
2024-04-08 14:40:08
286
2
原创 理解promise ，async ，await， 等新特性，熟练ES6模块化编程
Promise、async 和 await 是 JavaScript 中用于异步编程的新特性。它们可以让你以更简单、更优雅的方式编写异步代码。ES6 模块化编程是一种将 JavaScript 代码组织成模块的方式。async 和 await 是 JavaScript 中用于异步编程的关键字。Promise 是 JavaScript 中用于异步编程的 API。ES6 模块化编程是一种将 JavaScript 代码组织成模块的方式。await 关键字可以让你在一个 async 函数中等待另一个异步操作的结果。
2024-04-08 14:35:03
179
原创 了解webpack自动化构建工具以及mysql数据的基本使用
Webpack 和 MySQL 都是非常有用的工具，可以帮助构建和管理 Web 应用程序。
2024-04-08 14:31:05
269
原创 了解NodeJs和Express框架
是一个用于 Node.js 的流行 Web 应用程序框架，它提供了一系列中间件和工具，可帮助您快速、轻松地构建 Web 应用程序。是一个基于事件驱动的 JavaScript 运行时环境，可用于构建高性能、可扩展的网络应用程序。使用 V8 JavaScript 引擎。处理大量的并发连接，而不会阻塞主线程。应用程序可以轻松扩展。
2024-04-08 14:26:50
158
原创 Echarts 、Antv 数据可视化图表库， 实现图表渲染和数据交互
ECharts 和 AntV 都是功能强大的数据可视化图表库，可以用于创建各种类型的图表，例如折线图、柱状图、饼图、散点图等等。它们都提供了丰富的 API 和配置选项，可以满足不同场景下的定制需求。ECharts 和 AntV 都是功能强大的数据可视化图表库，可以满足不同场景下的需求。选择哪个库取决于个人喜好和项目需求。使用 ECharts 和 AntV 渲染图表都需要先定义图表配置，然后使用 API 将配置渲染到页面中。
2024-04-08 14:23:32
494
原创 深浅拷贝的实现方式以及适用场景（更新版本）
和是两种不同的复制对象的方式。会创建一个新的对象，并，包括嵌套对象。只会创建一个新的对象，并，而不是值。这意味着对浅拷贝的更改也会影响原始对象。JavaScript。
2024-04-08 12:55:25
426
原创 使用 Ajax 和 Axios 进行数据交互
Axios 是一个比 Ajax 更现代、更易用的异步数据交互库。如果您正在开发新的项目，建议使用 Axios。
2024-04-08 12:42:56
233
原创 javaScript基础语法，ES6新特性
JavaScript 是一种功能强大的编程语言，它可以用于开发各种 Web 应用程序。ES6 引入了许多新特性，可以使 JavaScript 代码更加简洁、易读和高效。
2024-04-08 12:34:14
1018
原创 HTML语义化
是指使用 HTML 标记来定义网页内容的含义，而不是仅仅定义其外观。语义化可以使网页更易于理解和使用，并使其对屏幕阅读器和其他辅助技术更加友好。ARIA 属性可以提供额外的语义信息，以帮助屏幕阅读器和其他辅助技术理解网页内容。在这个示例中，使用了正确的 HTML 标记来定义网页内容的含义。属性可以为图像或其他元素提供替代文本。
2024-04-08 12:23:54
214
原创 html5和css3新特性
此外，还引入了新的视频编解码器，例如H.264和WebM，可以提供更好的压缩和质量。CSS 媒体查询是一种强大的工具，可以用于根据用户的设备和环境调整网页的样式。媒体查询可以使您的网页更加适应不同的设备和环境，并提供更好的用户体验。CSS3 动画得到了所有现代浏览器（包括 Chrome、Firefox、Safari、Edge 和 Opera）的支持。子元素选择器和后代选择器都是非常有用的选择器，可以用于选择特定元素。例如，您可以使用媒体查询来为不同的屏幕尺寸、设备类型或浏览器类型设置不同的样式。
2024-04-08 12:15:27
1046
原创 React基础巩固日志2
在 React 中，props 是组件之间交互的一种方式，它允许你将数据从一个组件传递到另一个组件，下面我书写一个demo，以便于我更好的理解组件之间传值。今天开始学习理解如何使用 props向组件传递数据和事件处理函数。
2023-12-19 10:28:58
408
原创 React基础巩固日志1
函数式组件：没有this,使用一系列的内置hooks实现对应的功能，比如使用useState创建状态变量，使用useEffect实现类似于componmentDidMount、shouldComponentUpdate等生命周期钩子函数的功能。总结：函数组件传值 props里面将text在App组件中初始化之后将值传递给类组件，类组件在拿到值之后将数据渲染到页面上，很显然，类组件是多功能化的，不仅仅可是实现继承祖先的数据，还可以将数据实现渲染。类式组件和函数式组件各有其优点，关键是看自己的需求是什么；
2023-12-18 23:18:16
506
原创 vue3项目配合Vite快速实现搭建流程
仔细看错误提示：error vite@5.0.10: The engine “node” is incompatible with this module. Expected version “^18.0.0 || >=20.0.0”. Got “19.2.0”下面是我构建环境的时候出现的一个小插曲，以及我对应的解决办法。很明显是要求18.0.0 || >=20.0.0。再一次切换node版本之后依旧发生了错误。需要注意的是,npm的版本要是8+直接使用以上代码快速构建即可。
2023-12-18 14:55:25
592
2
原创 【无标题】
工作中ing你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Comm
2023-07-24 13:31:20
60
原创 02_条件渲染
这篇文章博主主要讲一下，我们在面对用户频繁的切换的时候要使用v-show，因为它只有初始化开销，在面对用户切换次数较少的时候要考虑使用v-if，因为它的初始化开销比较少
2022-12-20 15:43:20
445
原创 01_指令之v-text和v-html
这里我需要主要说明的是{{}}插值符号主要是针对文本和数字进行插值，而v-text的效果和插值符号一样，那么这个v-html则是针对前端页面里面存在标签的进行渲染
2022-12-20 15:22:41
446
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人