- 博客(6)
- 收藏
- 关注
RSS订阅原创 Iframe中的页面如何调用引用Iframe页面里的函数
在Vue.js中，如果你想要在<iframe>内部调用父级组件的方法（如onClose），你需要确保能够跨域通信，因为同源策略通常阻止这种直接调用。
2024-04-23 19:29:15
378
原创 yarn和npm的区别
另一方面，npm作为Node.js的官方包管理工具，与Node.js的版本和特性紧密配合，并得到了Node.js社区的广泛支持和贡献。npm拥有超过160万个公开的包，覆盖了JavaScript开发的各个方面，是目前最大的包仓库之一。此外，npm的使用非常简单，只需几个基本的命令就可以完成项目的初始化、安装、更新等操作，并且其文档也非常完善。总的来说，Yarn和npm在性能、安全性、可靠性、功能和兼容性等方面各有优势。选择使用哪个工具，主要取决于项目的具体需求和开发者的偏好。
2024-04-16 15:07:08
266
原创 有关reject和provide
在 Vue 2 中，inject和provide是一对选项，用于在祖先组件和后代组件之间建立依赖关系，而不必显式地通过props逐层传递。这在你需要跨越多层组件传递数据时非常有用。provide和inject主要在开发高阶插件/组件库时使用。在大多数应用中，应优先使用props和events进行父子组件间的通信。provide选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。这些属性在后代组件中可以通过inject来接收。
2024-03-27 17:29:29
284
原创 路由，动画
React路由配置：1, 下载react的路由模块(默认最新6.3, 如需使用5.x, 在模块名后加@5)npm install react-router-dom --save // 6.0或npm install react-router-dom@5 --save // 5.02, 在入口文件 src/index.js中,从路由模块导入工具组件Router ,并包裹根组件 (注: 哈希模式用HashRouter 历史模式用BrowserRouter)import { HashRo
2022-06-24 14:28:36
101
1
原创 高阶组件，Hooks
高阶组件//一,高阶组件(Higher Order Component,简称:HOC ): 是 React 中用于重用组件逻辑的高级技术, 它本身不是react中的组件, 而是一个函数, 这个函数接受一个react组件作为参数,并返回一个新组件, 实现了对原有组件的增强和优化, 可以对原有组件中的state, props和逻辑执行增删改操作, 一般用于代码重用和组件增强优化// 二,高阶组件的使用场景: // 1, 需要代码重用时, react如果有多个组件都用到了同一段逻辑, 这时,就可以把共同的逻
2022-06-24 14:24:29
512
原创 react状态管理redux和mobx操作步骤
redux:第一步: 创建仓库 vuex ===== redux1, 下载安装 redux 模块 和 react-redux模块npm install redux --savenpm install react-redux --save2,创建数据仓库文件 src/store/index.js 从redux导入创建函数creatStore, 合并函数combineReducersimport { createStore, combineReducers } from "redu
2022-06-24 14:18:32
291
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人