架构 混合开发架构|Android工程集成React Native、Flutter、ReactJs ohblue 发表于2024-05-29 浏览4738 评论0 架构设计说明 该篇文章,介绍并记录在大前端混合架构开发中的重要细节和流程。通过在安卓原生工程中集成两大主流混合框架React Native、Flutter,以及ReactJs[Vue],集成三类模块module的架构的混合设计。并分别在这些主流技术栈的业务创作中,自己造轮子、使用新颖架构设计及核心技术去实现。并在编码过程中还会创造常用工具,沉浸式状态栏、底部导航栏、Flutter热更新、Flutter多入口、 tab1 tab2 tab3 tab4 tab5 仿招商银行首
react native 【ReactNative】warn No apps connected. Sending “reload“ to all React Native apps failed.问题解决 ??? 发表于2024-05-29 浏览5573 评论0 warn No apps connected. Sending “reload” to all React Native apps failed. Make sure your app is running in the simulator or on a phone connected via USB.问题的解决 先上解决链接:链接: https://blog.csdn.net/heihaozi/article/details/105843145 事情是这样的,公司台式机上配置好了RN的
react.js 解决VSCode配置eslint后不生效问题(重要) xingqi 发表于2024-05-29 浏览19533 评论0 背景:搜索网上文章,一步步的配置完.eslintrc.js,发现:压根不生效! 配置过程可以说是很仔细了,把官方文档也翻看了一些。认认真真的把我需要的读了一遍。但结果就是:我特意写两个 let a=1; 它还是检测不出来! 未接触过eslint配置的宝宝请看 这里。 一、原因 查找原因的步骤: 点开项目中的 .eslintrc.js文件(也可以是json文件) 点击编辑器右下角的ESLint 根据提示查找原因。 如图所示: 下面说说上述问题原因:相关依赖包未安
react.js react报:export useHistory (imported as useHistory) was not found in react-router-dom 一 发表于2024-05-29 浏览5858 评论0 报错信息: react-router-dom v6 里 export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'; 解决方案: 从报错 很容易看出来 是 useHistory 引入的问题。这个就涉及 react-router-dom这个插件的版本问题了。 react-router-dom v4 可以使 withRouter (函数组件里可以用这个方法), cla
react.js 图片上传流程&前端上传文件&后端保存文件&并返回图片地址 aniu 发表于2024-05-28 浏览6443 评论0 也是在最近一点时间写小demo 遇到的一些问题 比如在用户界面,用户选择本地的一张照片,前端把照片传到后端,后端怎么把照片保存到服务器,然后返回给 图片线上地址。也是找了一些文章,然后分享下。 技术 前端:react 后端:egg.js(node框架) base64 转换 转二进制 保存图片 base64(mdn) Base64 是一组相似的二进制到文本(binary-to-text)的编码规则,使得二进制数据在解释成 radix-64 的表现形式后能够用
react.js 【React】单纯使用React实现增删改查 LINII 发表于2024-05-28 浏览5685 评论0 前言 继续学习React,React + antd 实现增删改查 -------链接: https://blog.csdn.net/qq_46105844/article/details/125933947 React + antd 实现增删改查这篇文章结合 antd 中的 Table 实现了较为完整的增删改查,这篇文章适合初学者,简单利用 table 实现了增删改查功能。 新建一个 CRUDDemo.js 的文件,插入完整代码---- 7. 完整代码 在 App.js 中引入 C
react.js useState 讲解 如何改成同步方法 百度用户23477 发表于2024-05-28 浏览8083 评论0 把useState改成同步方法 1. 用 useEffect 中监听 state变化 ( 不行 ) 当useEffect 监听到 state 变化时,再去执行下一步操作 。 相当于,state 已经改变了再去执行自己的逻辑。 但这样写, 真的垃圾 ,不实用。 2. 用 回调函数传参 方法获取最新的值,同时用 promise 变成同步方法 。 (麻烦) 例子: const [count1, setCount1] = React.useState(0); const [coun
react.js react中获取dom元素的高度(table铺满屏幕剩余高度)(react获取dom元素的宽度高度) yimi 发表于2024-05-28 浏览5006 评论0 背景 使用antd写了一个table,为了交互上友好;要求如下 下图红色区域铺满屏幕剩余高度; table高度不限,有纵向滚动条; 页面不允许出现纵向滚动条; 全量demo地址 知识剖析 要求1和要求3是同时实现的,只要table铺满屏幕剩余高度即可 要求2的纵向滚动是通过antd-table的scroll属性实现的,只需要把y的值设置为屏幕剩余高度即可 那现在的关键就是如何获取屏幕剩余高度了 屏幕剩余高度=100vh(视窗高度)-header-面包屑-Tab-操
react.js React+Mobx|综合项目实践(附项目源码、地址) 旺利-屋顶光伏 发表于2024-05-28 浏览4858 评论0 欢迎来到我的博客📔博主是一名大学在读本科生,主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥 R e a c t 框架 React框架 Reac
react.js <路由的模糊匹配与严格匹配>react-router-dom入门级教程2 Mychanges 发表于2024-05-28 浏览4302 评论0 前言 😎😎欢迎来到我的博客😎😎📔博主是一名大学在读本科生,主要学习方向是前端😊。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🤩 🛠目前正在学习的是🔥 R e a c t 框 架 React框架 Rea
react.js 【React扩展】2、PureComponent、ErrorBoundary、render props和组件通信方式总结 DanielH郡王 发表于2024-05-28 浏览10397 评论0 欢迎来到我的博客📔博主是一名大学在读本科生,主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥 R e a c t 框架 React框架 Reac
react.js React事件机制 xiaoyao 发表于2024-05-28 浏览4954 评论0 React事件机制 React基于浏览器事件机制实现了一套自己的事件机制,包括:事件注册、事件合成、事件冒泡、事件触发等。 事件代理 React的事件并没有绑定到具体的dom节点上,而是绑定在了document上,然后由统一的事件监听器去监听事件的触发 React在内部维护了一个映射表来记录事件与组件的事件处理函数的对应关系。当某个事件触发时,React根据映射表将时间分派给指定的事件处理函数。当一个组件挂载与卸载时,相应的事件处理函数会自动被添加到事件监听器的内部映射表中或从表中删