vue和react中都使用的hook到底是什么？；react中的context就是vue中的provide/inject吗？；为什么使用react而不使用vue；手写实现vue-router(超详细思路+代码)；一文带你实现轻量级的打印功能（vue/js原生版本）；如何在 Node.js（Express.js）中构建后端代码结构；JS获取地址栏参数的方法（原生、vue）；【React】React18 Hooks 之 forwardRef useImperativeHandle
-
文章浏览阅读790次，点赞21次，收藏4次。在Vue中，Hook（钩子）通常指的是生命周期钩子。这些钩子函数允许你在组件的不同生命周期阶段执行代码。在Vue 3中，自定义Hook的概念通过组合式API（Composition API）实现。组合函数（Composable Functions）允许你将组件逻辑提取到可重用的函数中，使不同组件可以共享相同的逻辑。在React中，Hook是自React 16.8引入的一种特性，使得在函数组件中可以使用state以及其他React特性（如生命周期方法）而不需要使用类组件。
-
react中的context就是vue中的provide/inject吗？
文章浏览阅读675次，点赞25次，收藏13次。React 的 Context 和 Vue 的 Provide/Inject 都是强大的工具，在组件树中提供了一种便捷的跨层级通信方式。选择哪种方案取决于你的具体项目需求和技术栈。React Context 更加适合中大型应用的全局状态管理，而 Vue 的 Provide/Inject 则更加灵活，适合局部共享数据。
-
文章浏览阅读176次。复杂的数据逻辑应用 用React 能够避免数据逻辑错误，自我感觉最好的是react hooks，他能帮助我们节省很多时间，react和vue都使用了虚拟Dom，但是react处理大量数据更新更快，更高效。react降低了组件互相通信的代码耦合度，数据流更清晰，调试更方便。总结（自我看法）：小项目不是很复杂数据逻辑可以使用vue，具有。复杂的数据逻辑应用 用React 能够避免数据逻辑错误。hooks 的局部状态 移除了很无用的多样板和的构造器。React的渲染系统可配置性更强。
-
前言 今天来手写实现vue-router简化版，主要以hash模式来实现网址的跳转改变。 涉及到router-link,router-view,路由配置 主要目的是为了深刻的理解vue-router。
-
文章浏览阅读86次，点赞2次，收藏3次。vue如何实现打印功能，vue开发打印功能，vue实现打印功能
-
如何在 Node.js（Express.js）中构建后端代码结构
文章浏览阅读245次，点赞6次，收藏5次。在使用 Express.js 开发 Node.js 应用程序时，有效地构建代码库结构对于可维护性、可扩展性和协作便利性至关重要。一个组织良好的项目结构能够帮助您管理复杂性，使代码更易于导航和理解。在这篇博客中，我们将探讨 Express.js 应用程序的典型文件夹结构，并解释每个目录和文件的用途。
-
文章浏览阅读94次。若地址栏URL为：code-nav/article/917?type=12&title=abc，我们要获取到地址栏后面的的type和title参数，如何才能拿到呢？
-
【React】React18 Hooks 之 forwardRef useImperativeHandle
文章浏览阅读208次，点赞8次，收藏5次。forwardRef让你的组件通过 ref 向父组件公开 DOM 节点，`ref`不像`props`作为参数可以传递，所以要想传递`ref`得用`forwardRef`
-
文章浏览阅读72次，点赞2次，收藏2次。使用：v-指令的名字//第一个参数：自定义指令的名字//第二个参数：对象//这个三个方法第一个参数都是el，原生的dom对象//bind只调用一次，指令第一次绑定到元素时调用log(el)//绑定的元素log(binding)//信息对象},//这个元素已经渲染到界面上之后执行 是真实domlog(el)el.focus()},//更新之后触发的函数log(el)})el：指令所绑定的元素，可以用来直接操作 DOM。name：指令名，不包括 v- 前缀。
-
文章浏览阅读380次，点赞12次，收藏3次。这个是用在处理DOM的时候,当你的useEffect里面的操作需要处理DOM,并且会改变页面的样式,就需要用这个,否则可能会出现出现闪屏问题, useLayoutEffect里面的callback函数会在DOM更新完成后立即执行,但是会在浏览器进行任何绘制之前运行完成,阻塞了浏览器的绘制。如果当前渲染是紧急更新的结果，比如用户输入，应使用之前的值。// react18 以前，所有的更新都是紧急的. 更新用户输入过程中，事件的触发频率非常，会导致大量重新渲染，页面可能会出现卡顿。在浏览器执行绘制之前，
-
文章浏览阅读97次。（Scoped Slots）是一种特殊类型的插槽，允许子组件提供一个可以传递数据到父组件模板的出口。具名插槽：如果父组件模板中指定了 slot 属性的内容，将会被渲染到对应名称的具名插槽中。插槽内容：插槽内容可以是任何有效的 Vue 模板代码，包括 HTML 元素、组件、指令等。通过使用插槽，你可以创建更灵活、更可复用的组件，使得父组件可以控制子组件模板的部分内容。默认插槽：如果父组件模板中没有指定 slot 属性的内容，将会被渲染到默认插槽中。
-
文章浏览阅读296次。在Vue中，setup()函数是Vue 3.0及更高版本引入的一个重要特性，它是Composition API的入口点。setup()函数用于初始化组件的状态和逻辑，包括定义响应式数据、方法和生命周期钩子。以下是关于setup()
-
文章浏览阅读474次，点赞13次，收藏5次。先看下来自官方的介绍，当你希望组件“记住”某些信息，但又不想让这些信息时，你可以使用。
-
React Route: 使用 Prompt 控制页面是否跳转
文章浏览阅读69次。Prompt组件
-
什么是React中的Context（上下文）？它的作用是什么？
文章浏览阅读626次，点赞14次，收藏5次。基本概念与作用代码示例与实践示例一：创建一个 Context示例二：使用 Consumer 消费 Context示例三：使用 useContext Hook示例四：嵌套 Contexts示例五：Context 类型定义与默认值不同角度的功能使用思路1. **状态管理**2. **条件渲染**开发中的使用技巧自行拓展内容在现代的前端开发中，随着应用程序变得越来越复杂，组件间的通信成为了一个重要的议题。React 提供了多种方式来解决这一问题，其中是一种非常高效且灵活的选择。
-
vue echarts 柱状图表，点击柱子，路由代参数（X轴坐标）跳转
文章浏览阅读87次。【代码】vue echarts 柱状图表，点击柱子，路由代参数（X轴坐标）跳转。
-
文章浏览阅读223次，点赞2次，收藏6次。众所都周知，js是单线程，当react处理vdom相关工作的时候，会阻塞浏览器的渲染过程，阻塞了渲染过程，那么页面就卡着。结合上面所述，1秒60hz，相当于16.67ms至少需要渲染出1张新图，才不会觉的卡顿。我理解这里的卡顿，并不是说优化的怎么怎么好让总工作量少了，处理的快了，而是可能虽然每次渲染出来的新内容少，但是他仍然在生成，而不会在处理过程中一直不变，然后突然渲染出来，这种抖动的、掉帧的渲染方式，容易让人觉的他卡了，而一直在变化，虽然每次变化的不多，但总体是‘流畅的’
-
UseMemo、UseCallback、React.memo
文章浏览阅读623次，点赞5次，收藏18次。上述两个钩子和一个API都是围绕状态来展开的。根据依赖的状态是否变化，选择性的进行值、函数或者组件的刷新。虽然通过缓存可以提升性能，但是使用时也会造成额外的代价，比如增加内存用量、额外监听特定的状态是否变化了等等，所以在使用之前要确定自己是否真的需要它。
