react学习记录 ---- 前言

最新推荐文章于 2024-12-25 15:31:20 发布
原创 最新推荐文章于 2024-12-25 15:31:20 发布 · 186 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react

博主在用 Taro 改小程序时，因没学过 React 而遇到困惑，于是决定边看边学 React 来解决问题。

最近在用Taro改小程序  

虽然 改起来没什么问题吧  

但是

 

毕竟没学过react   这就会导致有些时候比较糊涂

 

所以

 

特来撸一遍react   边看边学

＜前端路由原理＞react-router-dom入门级教程
Coding and studying
07-06 4198
1. 什么是路由？2. 路由分类前端路由依靠的是浏览器的BOM对象中的history，也就是浏览器的历史记录（history）。但我们一般不直接操作BOM身上的history，而是借助history.js去操作BOM。history模式的路由： hash模式的路由：（地址栏中带有 # 号） 浏览器的历史记录（history）是一个栈的结构。浏览器的历史记录（history）是一个栈的结构。浏览器的历史记录（history）是一个栈的结构。重要是事情说三遍。每当执行push操作时，都是将path推入栈顶，浏览
react笔记之学习之使用create-react-app创建文件
geyaoisnice的博客
12-13 231
前端
玩转 React（一）- 前言
weixin_33701564的博客
09-24 141
本人计划编写一个针对中初级前端开发者学习 React 的系列教程 - 《玩转 React》。 文章更新频率：每周 1 ~ 2 篇。 目录 玩转 React（一）- 前言 玩转 React（二）- 新型前端开发方式 玩转 React（三）- JavaScript代码里写HTML一样可以很优雅 玩转 React（四）- 创造一个新的 HTM...
狗屎一样的React（前言）
xingyu_qie的专栏
04-01 2730
很多小伙伴们可能还在加班，还在不断了解公司得业务，不断得努力进步，不断得研究jquery的各种妙用，但不知不觉，外面已经多了那么多框架。Angularjs vuejs reactjs backbone  reactjs nodejs等等等等，当我们从git上下个项目想学习一下的时候小伙伴们又发现，哎呀，tmd我下错代码了，这可能不是前端代码啊，怎么成了import  => 啦，位移也不是这么写的啊
React 学习笔记 - react router v6 hooks
绿胡子大叔的博客
03-31 2670
React 学习笔记 - react router v6 hooks前言详解useHref功能示例useInRouterContext功能useLocation功能useMatch功能useNavigate功能示例useNavigationType功能useOutlet功能useParamsuseSearchParams功能useResolvedPath功能useRoutes功能参考文档 前言 目前正在学习react router，了解到v5和v6版本具有较大差异。本文将结合源代码详细说明react rou
React基础笔记---小黑是小白
小黑是小白的笔记
08-26 411
个人学习笔记
【React】react-router-dom中的HashRouter和BrowserRouter实现原理
weixin_45620943的博客
01-05 2188
在之前整理BOM的五个对象location.hash发生改变后，会触发hashchange事件，且history栈中会增加一条记录，但页面不会重新加载——实现HashRouter的关键URL)执行后，history栈中会增加一条记录，但页面不会重新加载，回退（history.back()或history.go(-1)）会触发popstate事件，location.pathname发生改变——实现BrowserRouter的关键本篇通过举例方式详细描述实现的过程。
react-native-fs 使用小demo
weixin_41064312的博客
02-01 808
前言 最近在学习react-native，需要读取文件，用了react-native-fs这个库，记录一下.其实使用方式文档上已经写得很清楚了，这里就介绍一下我自己是怎么使用，废话不多说，请看代码： // file.js import RNFS from 'react-native-fs'; import moment from 'moment'; import { Platform }...
【react框架】学习记录9-学习路由react-router-dom的使用
庞囧的博客
07-25 634
文章目录前言安装使用相关组件BrowserRouterLink与Route 前言 附上汉化文档地址 安装 yarn add react-router-dom 使用 相关组件 BrowserRouter 这个组件是history模式的路由器，用于管理包含在内的路由组件，所以一般会直接放在App.jsx外层，在index.js中写： ... import {BrowserRouter} from 'react-router-dom' ReactDOM.render( <BrowserRouter&g
React 学习笔记 - 利用Context和react-router实现权限路由
绿胡子大叔的博客
03-29 1202
React 学习笔记 - 利用Context和react-router v5实现权限路由前言思路实现向根组件注入权限列表抽离ContextHOC实现权限路由组件实现实现使用方法实现类似react-router-config的集中式权限路由配置实现使用方法 前言 之前使用高阶组件和Context实现简单的权限拦截，本篇文章将引入react-router，实现权限路由功能 通过阅读本篇文章，你将了解： 如何在当前示例中使用Context，以及如何通过React Hooks使用Context 创建一个Permi
react笔记--手动实现一个react-router（简易版）
qq_36742720的博客
09-01 516
前言 从vue转入到react技术栈有两月了，两个月来一直断断续续学习react的知识。自己也很久没有写过总结了（恐怖的加班），趁元旦假期抽空总结一波（还是要学习地）。习惯了vue简洁的语法和api，再回过来写react组件化，不习惯有木有（怪自己太菜）。 文中若有错误点，欢迎各位大佬指正 react-router路由的模式选择 用过react-router的会比较熟悉react路由...
ReactNative进阶（二十一）开源插件 react-native-device-info 获取设备信息
2401_84434237的博客
04-27 726
项目开发过程中，需要获取设备信息，例如获取设备名称。可通过使用开源的第三方组件，该组件适用于iOS和Android双平台。在项目中可通过npm命令下载。
React-Native 初始化的一系列大坑
最新发布
u014748384的博客
12-25 1929
第一次接触node.js、React以及React-Native这些前端技术，真的是处处碰壁，特此仅以初始化React-Native项目纪念一下。
Jquery实现点击事件的四种写法
热门推荐
大脑和心脏都要跳动的97
07-03 5万+
1. $(".tab").click(function () { })2. $(".tab").on("click",function () { })3. $(document).on("click", ".tab",function () { })4. 使用&lt;onclick=""&gt;触发函数以上四种方法在不同设备上的可行程度自测。3&gt;2&am
小程序 input(输入框) 固定在底部 获取焦点 上推页面
大脑和心脏都要跳动的97
08-30 1万+
使用fixed定位将input固定在屏幕底部，同时为了不让页面整体上移，需要将input的adjust-position属性设为false。 只是，这么做的话会导致底部的输入框也无法上移。 从而被拉起的小键盘盖住。 从官方社区整理来一个方法，能够在小键盘拉起的同时将底部的input框顶起，同时适配大部分机型。     wxml &lt;view class='pocket_input...
微信小程序 全局字体控制(字体大小)
大脑和心脏都要跳动的97
11-09 1万+
现在要做一个全局字体大小控制的功能 此处的字体大小不是指字号， 而是全局的一个大小比例控制（0.7倍、1倍、1.5倍这样） 框架是Taro+scss+redux 预想是通过js控制scss里的变量，即在全局scss文件里设变量值$fontSizeMultiple(默认值为1) 然后通过页面上的点击操作，即js控制该值的数值，来控制所有页面的字体规格（所有页面的scss文件中的字体，在...
(微信小程序)关于require引入JS里 wx.getStorageSync()无法即时获取缓存内容的分析与记录
大脑和心脏都要跳动的97
11-20 4709
先交代问题场景:       LZ要做一个小程序内数据切换功能，即在首页做一个按钮，点击了之后切换全部接口里的一个请求参数值。(即将该值由A改为B)。  OK ，  很自然的想到了利用本地缓存。      一切都是那么的顺利，将全局的接口地址修改为从缓存中获取该值之后，    在首页增加了这么个按钮。 本来以为大工告成，更新个缓存值嘛  这还不是           等等!! ...
微信小程序：引用component组件 如何将变量传回引用组件页
大脑和心脏都要跳动的97
06-03 2981
即子组件向父组件传值 要点有三： 1. 需要在子组件使用 this.triggerEvent('changeName', { name: '李四' }) } 方法来进行参数的传递 2. 需要在父组件 引用子组件的地方 进行方法监听 3. 父子组件的方法名 以及方法监听中 bind后所拼接的后缀名 这三者的名字需要保持...
JS获取当前ul标签下li标签数量
大脑和心脏都要跳动的97
07-03 2959
&lt;script&gt;  var temp = document.getElementById('licount');  var linum = temp.getElementsByTagName("li").length&lt;/script&gt;
计算机专业知识学习笔记分享
- 该文档既是个人学习记录，也希望对他人有所帮助，并期望通过不断努力来完善内容。 - 笔记本内容涉及编程语言、计算机基础、Linux相关知识等多个方面。 - 编程语言部分将重点介绍C++和Python，包括基础、核心编程、...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

97pra

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值