龙风

正则学习（2021-06-22）

11

```js /** * 匹配16进制 * * #ffbbad * #Fc01DF * #FFF * #ffE */ const regx = /#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})/g const string = "#ffbbad #Fc01DF #FFF #ffE"; const res = string.match(regx) console.log(res)...

有一个小需求如下  输入框输入的同时，需要对数据处理格式化！ 思路：结合正则处理数据 ```jsx import React, { useMemo, useState } from "react"; const App = () => { const [value, setValue] = useState(""); const newValue = useMemo(() => {...

需求： A->B->C 然后想从C->A 实现 - 在B界面获取key(key = this.props.navigation.state.key) - 将key通过this.props.navigation.navigate('page',{key:key})的方式从B传到C， - 在C中通过this.props.navigation.state.params.key获取key的值，在C界面用 ```js this.props.navigation.goBack(this.props.navigation.state.params.key) ``` 就可以实现C->A

本地调试npm包（2022-06-27）

1

[地址](https://juejin.cn/post/7045148016541433892) ```bash npm i -g yalc ``` ```bash yalc publish ``` ```bash yalc add 包名 ```

javascript 中的一些操作符号 （2022-1-10）

2

**空值合并运算符 ??**。ES2020 引入 读取 **仅仅**是 `undefined` || `null` 可以用此操作 空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。 与逻辑或操作符（||）不同，逻辑或操作符会在左侧操作数为假值时返回右侧操作数。也就是说，如果使用 || 来为某些变量设置默认值，可能会遇到意料之外的行为。比如为假值（例如，'' 或 0）时。 ```js '' ?? 12 // '' null ?? 12 // 12...

跨组件的事件 与 通知 可以利用 React-naitve 中的一个方法 `DeviceEventEmitter` ```js const onSelectedDragStart = () => { DeviceEventEmitter.emit(MYWORKSCROLLENABLED, false); }; const onSelectedDragEnd = () => { DeviceEventEmitter.emit(MYWORKSCROLLENABLED, true); }; ``` ```js componentDidMount() {...

## react-native中使用拖拽排序 比较好用的库 `react-native-drag-sort` 预览图  ```js import React from "react"; import { View, Text, Image, Dimensions, StyleSheet } from "react-native"; import PropTypes from "prop-types"; import { DragSortableView } from...

# yrm -- Yarn Registry Manager 管理所有的yarn包的下载源Registry `yrm`可以帮助你轻松地添加、删除、查询、切换所有的Yarn Registries,目前内置`npm`,`taobao`,`yarn`三个源 ## Install ``` $ npm install -g yrm ``` ## Example 列出所有Registry ``` $ yrm ls 或者 $ yrm list *...

[学习笔记地址](https://blog.csdn.net/fqq_5280/article/details/83932635)

四款前端主流的打包工具：grunt ， gulp，webpack， rollup，以发布时间为顺序。 - Grunt：最老牌的打包工具，它运用配置的思想来写打包脚本，一切皆配置，所以会出现比较多的配置项，诸如option,src,dest等等。而且不同的插件可能会有自己扩展字段，认知成本高，运用的时候需要明白各种插件的配置规则。 - Gulp：用代码方式来写打包脚本，并且代码采用流式的写法，只抽象出了gulp.src, gulp.pipe, gulp.dest, gulp.watch 接口，运用相当简单。更易于学习和使用，使用gulp的代码量能比grunt少一半左右。 - Webpack: 是模块化管理工具和打包工具。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、AMD 模块、ES6 模块、CSS、图片等。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。它定位是模块打包器，而 Gulp/Grunt 属于构建工具。Webpack 可以代替 Gulp/Grunt 的一些功能，但不是一个职能的工具，可以配合使用。 - Rollup：下一代 ES6 模块化工具，最大的亮点是利用...