React hooks(三):useContext从基础应用到性能优化 学习react Hooks的笔记 上一篇文章(全面掌握useReducer)我们用useReducer和useContext实现了一个切换主题的功能,useReducer我们已经掌握了,那么useContext又有哪些知识需要学习呢? 我们知道,每一个hook的诞生都有它独特的使命,比如useState是解决组件内状态更新的问题,useReducer是解决组件复杂状态更新的问题。 而useCont 2024-07-04 React React hooks React React hooks
React hooks(二):全面掌握useReducer 学习react Hooks的笔记 上一篇文章中,我们学习了useState的一些基础用法和进阶技巧,useState是React的一个基础Hook,允许我们在函数组件中存储状态。 随着应用逐渐复杂,我们经常发现useState在管理复杂的状态逻辑时显得有些力不从心。这时,React为我们提供的另一个更为强大的hook——useReducer——可以帮助我们优雅地处理复杂状态。 useReducer 2024-06-27 React React hooks React React hooks
React hooks(一):useState 的几个基础用法和进阶技巧 学习react Hooks的笔记 自从 React v16.8 版本以来,React Hooks 为我们提供了全新的编写和思考 React 组件的方式。不仅管理状态和生命周期变得更简洁、更强大,Hooks 还引入了并发渲染和其他高级功能。本系列文章将详细探讨每一个 Hook,从基础到高级。首篇,我们将探讨最常用的 hook——useState。 useState 的基本用法useState主要用 2024-06-27 React React hooks React React hooks
源码学习---为什么 Vue2 this 能够直接获取到 data 和 methods ? 为什么 Vue2 this 能够直接获取到 data 和 methods ? 当我们使用Vue.js开发应用时,经常会使用一些状态,例如props、methods、data、computed和watch。在Vue.js内部,这些状态在使用之前需要进行初始化。这里将介绍methods和data的内部原理,理解为什么data和methods的数据可以通过this访问。 new Vue被调用时发生了 2023-04-01 源码学习 前端进阶 源码学习
在DOM编程中,innerHTML和createElement都可以往页面中去追加元素,那么它们之间有什么区别? 在DOM编程中,innerHTML和createElement都可以往页面中去追加元素,那么它们之间有什么区别?下面让我们来一步一步看 #1) createElement 性能更好假如我们有一个div,然后需要往里插入元素 createElement使用createElement来创建元素,然后使用appendChild来插入到页面中 123456789<div class="c 2023-03-31 JS进阶 前端基础 JS进阶
Performance使用指南前端性能排查 Performance使用指南前端性能排查背景在前端领域, 性能优化都是一个非常重要的组成部分,如何通过合理的手段尽可能地提高页面性能,是需要我们不断地努力要做到的,但在那之前, 性能排查又是让你能够“对症下药”的重要手段, 通过性能排查, 咱们才能清楚的知道页面中具体是什么原因影响了性能,Chrome DevTools给我们提供了2种常用方式 Audits和Performance,Audits 2023-03-31 工具 工具 前端进阶
querySelector和getElementsBy系列的区别 querySelector和getElementsBy系列的区别querySelector系列和getElementsBy系列之前在使用的时候,比较经常用getElementsById,这两个似乎可以混用,但是在有一些地方这两个的差别还是很大的,现在来整理一下。 querySelector 属于 W3C 中的 Selectors API 规范,接收的参数是一个css选择符。而 getElemen 2023-03-31 JS进阶 前端基础 JS进阶
Cookie-JS 如何创建、读取和删除cookie Cookie-JS 如何创建、读取和删除cookieCookie 为 Web 应用程序保存用户相关信息提供了一种有用的方法。例如,当用户访问咱们的站点时,可以利用 Cookie 保存用户首选项或其他信息,这样,当用户下次再访问咱们的站点时,应用程序就可以检索以前保存的信息。 Cookie 是什么鬼Cookie 是一小段文本信息,伴随着用户请求和页面在 Web 服务器和浏览器之间传递。用户每次访问 2023-03-28 JS进阶 前端基础 JS进阶
拆解追溯 GPT-3.5 各项能力的起源 拆解追溯 GPT-3.5 各项能力的起源# 一、2020 版初代 GPT-3 与大规模预训练初代GPT-3展示了三个重要能力: 语言生成:遵循提示词(prompt),然后生成补全提示词的句子 (completion)。这也是今天人类与语言模型最普遍的交互方式。 上下文学习 (in-context learning): 遵循给定任务的几个示例,然后为新的测试用例生成解决方案。很重要的一点是,G 2023-03-26 GPT GPT AI
框架+设计思想学习笔记 高内聚低耦合高内聚内聚性:又称块内联系。指模块的功能强度的度量,即一个模块内部各个元素彼此结合的紧密程度的度量。若一个模块内各元素(语名之间、程序段之间)联系的越紧密,则它的内聚性就越高—-(你中有我 我中有你) 低耦合一个完整的系统,模块与模块之间,尽可能的使其独立存在—-(最好0耦合) 参考文章如何理解“高内聚低耦合” 参考文章设计思想参考网站 2023-03-05 编程思想 前端进阶 编程思想