【react 技术栈】
文章平均质量分 82
浅夏晴空
这个作者很懒,什么都没留下…
展开
-
react-navigation(6.0.6版本)使用详解(基于RN0.65*版本)
命令安装// 安装基础包 ^6.0.6yarn add @react-navigation/native -S// 安装路由包 ^6.2.5yarn add @react-navigation/native-stack -S//RN版本0.65.1 React版本17.0.2"react": "17.0.2","react-native": "0.65.1",路由配置包引用import { NavigationContainer, useNavigation } from '@rea原创 2021-12-20 10:13:33 · 2501 阅读 · 0 评论 -
react-hooks原理
一 前言本篇文章主要从react-hooks起源,原理,源码角度,开始剖析react-hooks运行机制和内部原理,相信这篇文章过后,对于面试的时候那些hooks问题,也就迎刃而解了。实际react-hooks也并没有那么难以理解,听起来很cool,实际就是函数组件解决没有state,生命周期,逻辑不能复用的一种技术方案。Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。老规矩,????️????️????️我们转载 2021-04-29 14:39:52 · 7908 阅读 · 2 评论 -
React+TS免注册DOM页面dialog弹窗
背景在日常的需求开发中我们经常需要用到弹窗,那么在我们构建弹窗时,在引用组件是都需要引入组件DOM,然后通过事件来控制组件的影藏显示,调用也不是很方便;本组件使用事前注册DOM的方式,业务方在使用时刻直接调用暴露的方法即可,无需再引用DOM。示例组件使用示例import newDialog from “*./components/newDialog”newDialog.open({ title: "退出发布", content: '是否需要保存草稿箱?', btn:原创 2020-09-29 16:16:35 · 576 阅读 · 0 评论 -
React列表中实现文案多行收起展开的功能
css实现在我们平时的业务开发中经常会用到文案超出只有收起,点击在展示全部文案;通常的使用时使用css来实现display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;效果如下:使用css实现时只能做多行的省略,也没法根据文字去添加定制化的按钮去实现展开收起的功能,这个只是适合特定要求不是很高的场合下使用。字符串截取另一种方法是使用字符串截取的方案_renderCon原创 2020-06-04 11:07:04 · 6295 阅读 · 0 评论 -
React实现类似淘宝tab居中切换效果
效果 DOM布局const label = { lettersort: false, paramname: "label", paramid: 0, title: "车源列表筛选项", option: [{ value: 1, text: "全部" }, { value: 2, text: "本地求购" }, { value: 3, text: "精准收车" },原创 2020-06-01 15:29:08 · 904 阅读 · 0 评论 -
前端经典面试题(60道前端面试题包含JS、CSS、React、网络、浏览器、程序题等)
(以下所有答案仅供参考)简答题1、什么是防抖和节流?有什么区别?如何实现?参考答案防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间思路:每次触发事件时都取消之前的延时调用方法function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 ret...原创 2020-01-10 16:29:14 · 1140 阅读 · 0 评论 -
react工作原理
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJs的风采吧~~ 文章有点长,耐心读完,你会有很大收获哦~ 一、ReactJS简介...转载 2018-05-02 14:47:38 · 17711 阅读 · 0 评论 -
echarts-for-react的使用详解
Echarts-for-react的使用示例一、安装npm install --save echarts-for-react//如果需要使用echarts的一些特殊方法需要安装npm install --save echarts二、使用import ReactEcharts from 'echarts-for-react';import echarts from 'echart...原创 2018-10-24 16:26:41 · 48821 阅读 · 3 评论