- 博客(12)
- 收藏
- 关注
RSS订阅原创 项目集成CommitLInt+ESLint+Prettier+StyleLint+LintStaged+husky
新建eslint配置文件 ，文件名称可以为：.eslintrc.js 或者 .eslint.config.js。@eslint/create-config eslint配置文件初始化工具。根目录下配置 /.vscode/settings.json。新建.eslintignore进行配置，配置忽略文件。在package.json文件中配置。使用pnpm、npm、yarn安装。在rules中配置规则。
2023-12-08 09:59:00
75
原创 vue3改变echarts主题
6.在进行切换主题时，图表不会进行刷新，我们需要进行监听，在接收到的数据发生变化时，进行重新渲染图表。1.如果大家是将多个图表切换主题，并进行组件化，首先在app.js文件中引入主题。2.设置单选按钮，进行主题选择（这里大家可以使用自己的方式进行传值）大家可以去echarts官方文档中去查找更多的主题。节省大家时间，就不做图表的展示了，直接进入主题。3，组件传值，将我们选中的主题进行传递。作为演示，我只选择了一个组件。4，组件中接收传递的值。5.在图表初始化时设置。
2023-11-29 21:21:38
660
1
原创 day1面试题整理
vue2使用的是选项类型API（OptionsAPI）, vue3使用的是合成型API（Composition API）data() {return {};},methods:{}vue3:数据和方法都定义在setup中，并统一进行return{}
2023-09-02 12:01:14
130
原创 shouldComponentUpdate有什么作用？
当组件的props或者state发生变化时，React会默认重新渲染组件，但有时候我们希望避免不必要的渲染，以提高性能。通常情况下，我们可以在shouldcomponentUpdate中比较当前props和state与下一次更新的props和state是否相同，如果相同则返回false,否则返回true。通过shouldcomponentUpdate中返回一个布尔值，我们可以告诉React是否需要重新渲染组件，如果返回false，React将不会重新渲染组件，否则将会重新渲染。
2023-08-24 09:07:57
58
1
原创 React组件通信
通过在组件中连接 Redux 的状态和行为，组件可以通过 Redux 来共享和更新数据。在父组件中我们通过createContext() 创建一个空对象，在父组件的最外层我们使用Provider包裹数据，通过value绑定要传递的对象数据。在父组件中子组件标签上绑定一个属性，传递一个方法给子组件，子组件中通过props接收这个方法，直接调用，传递相应的参数即可。在父组件中子组件标签上绑定一个属性，挂载传递的数据，子组件中props接收传递的数据，直接使用即可。
2023-08-18 15:37:44
44
1
原创 React的props.children使用map函数来遍历会收到异常显示，为什么？应该如何遍历？
为了能够正确的使用map函数来遍历props.children，你需要先判断props.chidren 的类型，确保它是一个数组。如果props.children是单个元素或者没有子元素，那么props.children就不是一个数组，无法直接使用map函数。当使用map函数遍历React的props.children时，出现异常显示，可能是因为props.children不是一个数组。props.children可以包含多个子元素，可以是一个元素，也可以是多个元素的数组，或者是没有子元素。
2023-08-18 15:30:00
90
1
原创 说说React中的虚拟dom？在虚拟dom计算的时候diff和key之间有什么关系？
在React中，虚拟DOM（Virtual DOM）是一种以JavaScript对象的形式表示真实DOM的轻量级副本，他是React在组件渲染过程中使用的一种中间层的抽象，用于提高性能和优化渲染。React 通过比较两棵虚拟 DOM 树的节点，找出节点之间的差异（例如新增、删除、更新等），然后根据这些差异来更新真实 DOM。这样，当列表发生变化时（例如顺序改变、新增或删除元素），React 可以准确地找到变化的部分，提高更新效率。是为了优化 React 的虚拟 DOM 渲染过程而引入的，它与。
2023-08-18 15:15:03
68
1
原创 props和state相同点和不同点？render方法在哪些情况下会执行
state是组件内部的状态（数据），主要作用是用于组件保存，控制及修改自己的状态，state不能够直接修改，必须通过setState来改变值的状态，从而达到更新组件内部数据的作用。props是指组件间传递的一种方式，props自然也可以传递state。由于React的数据流是自上而下的，所以是从父组件向子组件进行传递的；另外组件内部的this.props属性是只读的不可修改的。render方法是React组件的一个生命周期方法，用于生成组件的虚拟dom，并将其转化为真实DOM进行渲染。
2023-08-18 14:50:51
58
1
原创 前端面试题
闭包是指在一个函数内部定义的函数，并且该内部函数可以访问外部函数的局部变量和参数。简单来说，闭包是一种函数和其相关引用环境的组合体。需要注意的是，闭包在使用时需要避免滥用，尤其是在大规模循环中频繁创建闭包，可能导致性能问题和内存泄漏。1.闭包的理解，优点缺点，应用场景。
2023-08-06 18:38:21
126
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人