写法react jsx svg
React Native集成CodePush热更新遇到的坑，以及折腾过程。"CFBundleShortVersionString" key needs to specify a valid semver string
最近开始一个React Native的新项目。按惯例，在创建完项目后，先集成CodePush热更新功能。 这种活已经干过不止一两次了，当然没啥问题，直接上手开干。 可问题恰恰出在了本以为应该很顺利的地方。 首先，在用 cpcn-client 工具给项目安装 cpcn-react-native 包时， ......
React函数式组件渲染、useEffect顺序总结
> 参考资料： [深入React的生命周期(上)：出生阶段(Mount)](https://zhuanlan.zhihu.com/p/30757059) [深入React的生命周期(下)：更新(Update)](https://www.v2think.com/dig-into-react-lifec ......
React函数式组件渲染顺序探究（Demo）
> 参考资料： > [React渲染顺序及useEffect执行顺序探究（含并发模式）](https://blog.csdn.net/web2022050901/article/details/125238225) # code ```jsx import { useEffect, useState ......
解决非同源跨域不带cookie问题(原生、axios、fetch写法)
原生js写法 var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://localhost:7001/api/userinfo', true); xhr.withCredentials = true; // 开启withCredentials x ......
react 项目内存放excal文件并实现下载功能
typings.d.ts配置(使用typescript) 在umi+ts搭建的react项目内，没有对.xlsx文件进行处理是没办法通过文件导入获取到改文件的，可以在typings.d.ts文件内根据实际情况进行后缀添加，否则ts会报导入错误 1 declare module "*.png"; 2 ......
响应式系统与 React
### 0x1 React 的历史与应用 1. 应用场景 1. **前端应用开发**，如 Meta、Ins、Netflix 的网页版 2. **移动原生应用开发**，如 Ins、Discord 3. 结合 Electron 进行**桌面应用开发** 2. 发展历史 1. Facebook 引入了 x ......
react批量生成pdf
使用`htmlpdf.js`批量将`html`页面转为`pdf`，打包成`zip`下载。`htmlpdf.js`是结合`html2canvas`和`jsPDF`实现的。 首先先安装包 ``` npm install --save html2pdf.js ``` 基本页面 ``` import htm ......
解决 react antdPro umi 报错 error:0308010C:digital envelope routines::unsupported
修改文件：package.json 原 "start": "umi dev", 改成 "start": "SET NODE_OPTIONS openssl-legacy-provider && umi dev", ......
Java实现数组去重复的18种写法
说明 数组(含List)去重复在日常工作中经常遇到，很多时候用到Set数据结构，但有时候我们需要针对数据进行干预，这时候就需要用其他的实现方式了。以下列出各种的去重方式，基本含括了所有情况。 源码下载 https://github.com/microwind/algorithms/blob/main ......
任意svg图标实现描边动画
<style> .ani{ stroke: lightblue; stroke-width: 5; stroke-dasharray: var(--l); stroke-dashoffset: var(--l); animation: stroke 2s forwards; stroke-linec ......
React的坑
1. react中没有computed属性，没有watch 这个很伤，简单的使用ES6 class的get属性，根本不能解决问题，setState之后，级联属性不能自动刷新视图 不用mobx，只能自己去setState依赖属性，而且依赖属性如果使用，state.属性名，去读取属性 则不能再setSt ......
svg: Scroll Drawing
https://greensock.com/forums/topic/28173-scrolltrigger-motionpath-on-a-fixed-element-with-x-translation/https://greensock.com/forums/topic/29120-contr ......
react菜鸟教程笔记
https://www.runoob.com/react/react-state.html 1、状态和变量的使用 class Clock extends React.Component { // 变量存放--固定写法 constructor() { super(); this.state = {sh ......
背景渐变写法
带颜色的部分 background: linear-gradient(135deg, #F09819 0%, #FF5858 100%); 纯色渐变部分 background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF ......
switch写法详解
我们在开发项目中经常遇到对数据的判断进行相应的逻辑（if..else ，三元运算等），Switch 语句用来选择多个需要执行的代码块 ，一定程度上简化了if....else 1. 语法 switch(表达式) { case n: 代码块 break; case n: 代码块 break; defau ......
react-native 调用手机自带分享
实现效果 import Share from 'react-native-share' import ViewShot from 'react-native-view-shot' const shotRef = useRef<ViewShot>(null) const getTime = () => ......
VS工程的相对路径写法
VS工程的相对路径写法 最近搭建一个VS工程的框架，为了让所有人都能直接使用，要使用相对路径，下面的几种常见路径的写法： 1、两个点“..\”表示在工程文件(*.vcxproj)的上一级目录。 2、一个点“.\”则表示和工程文件(*.vcxproj)在同一级目录。 3、多级目录就是..\..\ ......
css圆环运动的两种写法
圆环运动如下，小圆绕大圆运动 写法有如下两种： 1. transform-origin使用外部旋转点 2. transform-origin使用内旋转点，两圆重合 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
Reactjs学习-JSX语法
本篇是关于React的基础-JSX语法 什么是JSX在js文件中写html, 这样的语法就是JSX 如何书写跟html写法一致，注意，首字母大写的标签是组件，首字母小写的，例如 div是html元素 有哪些注意事项1. 在类组件中写注释，用花括号包起来 2. style中的某个属性需要用state中 ......
react学习
react在前端中的地位 官网：https://zh-hans.react.dev/learn react是什么：用于构建 Web 和原生交互界面的库 邂逅react开发 声明式编程 组件化开发 跨平台编写 声明式编程：声明式编程是目前整个大前端开发的模式：Vue、React、Flutter、Swi ......
React jsx使用svg写法
使用svg的use时候，属性不能使用冒号写法，例如 sketch:type > sketchType xmlns:xlink > xmlnsXlink xlink:href > xlinkHref ......
React、Vue框架如何实现组件更新，原理是什么？
原文合集地址如下，有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484356&idx=1&sn=10f0cc1989ce788e0b4bc166b2027b14&chksm=ec7cc090db ......
react项目中使用redux的实例
当在React项目中使用Redux，你需要安装redux和react-redux库。下面是一个简单的示例，展示了如何在React项目中集成Redux： #### 1.安装依赖库： `npm install redux react-redux` #### 2.创建Redux store： 在项目的根目 ......
React（二）：JSX
一、什么是JSX JSX是一种将HTML和JavaScript结合的语法扩展，它允许在JavaScript代码中直接编写HTML标记。 上一节在学习元素渲染的时候就已经使用过JSX语法来进行元素的定义： const element = <h1>Hello React</h1>; 如上述语句所示，既不 ......
React（一）：React元素渲染以及ReactDOM.render()方法
一、React的元素 1.React中元素是什么？ 我的理解是元素是组成React应用的一个个的组成部分，是React中的基本单位，是一个用来描述DOM节点或React组件的普通JavaScript对象。 2.React中元素的特点 元素是不可变的，一旦创建就不能对它的属性或者内容进行修改 3.Re ......
用 React 写函数组件，如何避免重复渲染
参考： 用 React 写函数组件，如何避免重复渲染？ - 挖个窟窿过年的回答 - 知乎 https://www.zhihu.com/question/442368205/answer/2590697263 一句话概括：memo、useMemo、useCallBack主要用于避免React Hook ......
php二分查找常用写法示列
二分查找常用写法有递归和非递归，在寻找中值的时候，可以用插值法代替求中值法。当有序数组中的数据均匀递增时，采用插值方法可以将算法复杂度从中值法的lgN减小到lglgN /** * 二分查找递归解法 * @param type $subject * @param type $start * @para ......
MarkDown | 分段函数写法
**Markdown 分段函数写法** ```markdown $$ 函数名=\begin{cases} 公式1 & 条件1 \\ 公式2 & 条件2 \\ 公式3 & 条件3 \end{cases}$$ ``` 其中，**`&`表示对齐，`\\`用来表示换行**。 结果如下： ` 内部的 ......