- 博客(89)
- 收藏
- 关注
RSS订阅原创 今天想开发一个vue的组件传值知识点（目前还不知道想要写什么，暂时就是开发放在这里）
ok,今天的主角是defineProps，它是一个编解码器函数，用于在单文件组件中定义组件的props。可能很多人都是觉得写这些文章是没有什么用的，有的人甚至觉得，写零碎的知识点没什么看头，但是就我实际的工作经验来说，我觉得，很多时候，写零碎的知识点我会像记录我的生活一样记录我的技术点，而且我写一遍我就可以记得住。在这个例子中，我们使用了 TypeScript 接口来定义 props 的结构，这样可以在开发过程中获得更好的类型检查和支持。
2024-11-08 13:34:17
423
原创 vue3实现移动端/web页面自适应
总的来说，这种技术通过动态调整根元素字体大小，配合使用相对单位，实现了一种简单而有效的响应式设计方法。灵活性：这种方法允许设计师基于一个固定的设计稿（在这个例子中是 750px 宽）工作，而开发者可以确保设计在各种屏幕尺寸上都能正确缩放。相对单位：如果页面上的其他元素使用相对单位（如 rem、em、%等）来定义尺寸和位置，它们会相对于根元素的字体大小进行缩放。等比例缩放：通过使用窗口宽度和设计稿宽度的比例来计算字体大小，可以确保页面元素在不同屏幕尺寸下保持相对一致的视觉效果。作用于app.vue里面。
2024-10-25 14:43:28
908
原创 面试知识梳理
useState 适用于简单且独立的状态变更。useReducer 适用于更复杂的状态逻辑，特别是当状态更新涉及多个子属性或需要基于前一状态进行计算时。此外，useReducer 还有利于将状态更新逻辑集中在一个地方，便于管理和测试。2.react 虚拟dom的特点和你认为的缺点虚拟 DOM 的特点高效的更新：当组件的状态发生变化时，React 会先在内存中构建一个新版本的虚拟 DOM。
2024-10-15 21:21:15
1156
原创 国庆节快结束了梳理一下React的生命周期吧~
挂载阶段关注于组件的初始设置和渲染。更新阶段关注于如何高效地响应数据变化。卸载阶段确保资源被正确释放。错误处理提供了处理运行时错误的方法。三、上代码// 定义一个名为 LifecycleExample 的类，继承自 Component// 构造函数，在组件实例化时调用// 初始化组件的状态，count 初始值为 0console.log('1. Constructor 被调用');// 静态方法，在组件实例化后，每次接收到新的 props 时调用。
2024-10-05 11:32:13
431
1
原创 梳理一下react Hooks
在这种情况下，可以通过将必须同步的阻塞更新（比如使用输入法输入内容）与不需要阻塞用户界面的非阻塞更新（比如更新图表）分离以提高性能。例如，应用程序的顶层组件可以借助上下文将 UI 主题传递给所有下方的组件，无论这些组件层级有多深。例如，可以告诉 React 重用缓存的计算结果，或者如果数据自上次渲染以来没有更改，则跳过重新渲染。例如，一个表单组件可以使用状态存储输入值，而一个图像库组件可以使用状态存储所选的图像索引。使用 useImperativeHandle 自定义从组件中暴露的 ref，但是很少使用。
2024-08-23 09:53:56
602
原创 一文讲清楚json.stringify() 将js对象转成json json.parse()和json.parse()将json转成js对象
前端开发必备
2024-07-25 17:23:04
265
原创 React hooks useEffect钩子函数一篇笔记全部讲完包括实际开发过程中需要注意的事项
一篇笔记完全讲清楚useEffect里面的猫腻，希望大家喜欢。
2024-07-05 11:56:08
226
原创 推荐一个javaScript基础到进阶的网站
主要是不知道函数传值，为什么可以被两次传值呢，其实有兴趣的小伙伴可以去验证一下，注意观察我的主函数init()，它里面实现的逻辑是return一个函数，这个函数是接收x的值，所以可以在下方使用result进行接收并且使用再次将x的值进行赋值，所以就实现了两次赋值，最终函数可以正常运行出结果。好啦，以上其实也不是作者的初创啦，都是作者按照mdn上面的思路进行的操作，所以进行的一部分解读，感兴趣的小伙伴可以去尝试啦。两个函数的作用域不同，但是外部函数的变量可以被内部函数进行调用。那今天就学习一下闭包的。
2024-04-23 17:46:09
184
2
原创 React学习专题之子组件向父组件传值
它允许您在中央存储中管理应用程序的状态，可以从应用程序中的任何组件访问该状态。完成此操作后，您可以创建 Redux 操作来分派数据更改，并且可以使用 Redux 挂钩将组件连接到存储。但是，如果您需要管理复杂的应用程序状态，或者需要在不直接相关的多个组件之间共享数据，那么使用 Redux 这样的状态管理库可能是更好的选择。然后，父组件可以从 Redux 存储中访问更新后的计数器值。在父组件中定义回调函数后，您可以将其作为 prop 传递给子组件。在子组件中，只要您想将数据传回父组件，就可以调用回调函数。
2024-04-18 10:22:50
603
原创 React学习专题之父组件向子组件进行传值
一般来说，对于简单的数据共享场景，推荐使用 props 在组件之间传递数据。但是，如果您需要在组件树的多个级别之间共享数据，或者需要使数据可供并非提供数据的组件的直接后代的组件访问，那么上下文是更好的选择。上下文是在组件之间传递数据的更高级方法，特别是当您需要跨组件树的多个级别共享数据时。这是一种使某些数据可供 React 应用程序中的所有组件使用的方法，无论其嵌套级别如何。要使用 props，您需要首先在父组件中定义 props。组件将上下文对象作为 prop，并使上下文值可供其所有后代组件使用。
2024-04-18 09:44:16
275
原创 前端开发6项基础知识（掌握必备）HTTP篇
HTTP状态码是HTTP协议中重要的组成部分，了解常见的HTTP状态码可以帮助您更有效地调试网络问题。
2024-04-09 18:19:39
1162
原创 前端开发6项基础知识（掌握必备）调试篇
例如，可以使用引号搜索精确匹配关键词，可以使用减号排除不想要的关键词，可以使用site指令限制搜索范围。不同的搜索引擎有不同的优势，可以根据自己的需求选择合适的搜索引擎。例如，可以查阅相关书籍、文章、视频等，也可以咨询专家或有经验的人士。例如，如果需要了解某个主题，可以先确定主题的范围和关键词。调试控制台可以用于查看和修改网页的代码，以及执行 JavaScript 代码。抓包工具可以用于查看网络请求和响应的数据，这对于调试网络问题非常有用。在互联网上，信息的真伪良莠不齐，因此需要对找到的信息进行评估。
2024-04-09 18:01:03
642
原创 前端开发6项基础知识（掌握必备）移动Web开发篇
GPU英文全称是，中文翻译为图形处理器。GPU渲染是指使用图形处理单元（GPU）来渲染图像或视频的过程。GPU 是专门为处理图形数据而设计的硬件加速器，它可以比 CPU 更快地完成渲染任务。速度更快：GPU 可以比 CPU 更快地完成渲染任务，从而提高渲染效率。画质更好：GPU 可以支持更复杂的渲染技术，从而提高渲染质量。能耗更低：GPU 的能耗通常比 CPU 更低，从而提高设备的续航能力。游戏：游戏需要大量的渲染工作，因此 GPU 渲染在游戏中得到了广泛应用。
2024-04-09 17:50:27
1557
原创 前端开发6项基础知识（掌握必备）javaScript篇
当对象访问一个属性或方法时，它会首先在其自身中查找该属性或方法。如果找不到，则会沿着原型链向上查找，直到找到该属性或方法或到达原型链的末尾。当事件发生时，它会从事件目标开始传播到事件目标的祖先元素，直到到达 document 对象。闭包是在函数执行时创建的。当函数执行时，它会创建一个环境，该环境包含函数的所有局部变量以及函数创建时的外部变量。原型对象是另一个对象，它包含该对象可以继承的属性和方法。闭包（closure）是 JavaScript 中一个重要的概念，它允许函数访问其创建时的外部变量。
2024-04-09 17:29:57
569
原创 前端开发6项基础知识（掌握必备）CSS篇
CSS 选择器的层级越深，浏览器解析 CSS 代码的开销就越大，从而导致页面加载速度变慢。因此，应尽量避免 CSS 选择器的层级过深。随着项目规模的增大，CSS 代码也会变得越来越复杂。因此，需要对 CSS 代码进行拆分和组织，以便更好地管理和维护。ID 选择器的特点是唯一的，在整个页面中只能使用一次。而 class 选择器可以重复使用。ID 选择器和 class 选择器都是用于选择 HTML 元素的 CSS 选择器。怎样才能写出好的CSS呢？这是一个比较宽泛的问题。
2024-04-09 11:44:41
159
原创 前端开发6项基础知识（掌握必备）HTML篇
属性说明charset指定网页的字符编码viewport控制网页在移动设备上的显示方式指定网页的简短描述keywords指定网页的关键词author指定网页的作者copyright指定网页的版权信息robots指示搜索引擎如何处理网页http-equiv指定 HTTP 协议头Pragma指示缓存服务器如何处理网页指示浏览器如何缓存网页Expires指定网页的过期时间示例HTML<meta name="description" content="这是一个网页的描述">
2024-04-09 11:27:31
569
原创 完成Axios的二次封装，实现接口统一管理，使用数据代理解决跨域问题
【代码】完成Axios的二次封装，实现接口统一管理，使用数据代理解决跨域问题。
2024-04-08 14:43:54
305
原创 vue中实现路由鉴权和不同用户登录
Vue 中可以结合 Vuex 和路由守卫来实现路由鉴权。路由鉴权是指根据用户权限控制用户可以访问哪些路由。
2024-04-08 14:40:08
980
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人