- 博客(184)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 npm发布自己组件(滑动解锁)
1、创建账号、项目初始化、推包第一次发布自己的npm包2、改造项目支持react发布 react 组件到 npm 上注意：编译jsx文件时注意项目要创建 .babelrc 配置,下面是babel7的编译npx babel src --out-dir lib下面是babel6的编译babel app.js -d lib如果没安装babel-cli使用下面指令Babel6：编译 ......
2020-01-31 12:11:30
1354
原创 React学习笔记之简单项目搭建
(1)使用到的技术及类库create-react-app + Ant Design of React + redux + React-router + jQuery（jQuery纯属个人喜好哈哈）(2)废话不多说直接上搭建流程先装脚手架npm install -g create-react-app然后运行create-react-app 你的项目名然后一顿回车就ok了cd 进......
2020-01-21 09:19:02
779
原创 WKWebview使用记录
1、WKWebview添加手势UISwipeGestureRecognizer *swipe =[[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeAction)];swipe.delegate = self;[wkWebView addGestureRecognizer:swipe];//...
2020-01-20 11:24:05
1992
原创 React函数组件和类组件
函数组件是 React 中用于构建 UI 的简单函数，返回 JSX 元素，接收props作为输入，并渲染相应的输出。随着 React 16.8 的引入，函数组件可以通过 Hooks 管理状态和副作用，成为更灵活、更高效的解决方案。
2025-02-12 16:22:10
539
原创 react中如何获取真实的dom
在函数组件中，使用useRef来获取真实的 DOM 元素。在类组件中，使用来获取真实的 DOM 元素。ref用于访问 DOM 元素或组件实例，可以用于获取值、控制焦点或执行其他 DOM 操作。
2025-02-12 16:06:10
858
原创 react中网络请求应该什么时候请求
类组件函数组件useEffect（空依赖数组确保只在挂载时发起请求）在这些生命周期中发起网络请求可以确保数据加载在组件挂载之后进行，并且避免不必要的副作用和渲染。
2025-02-12 16:02:12
683
原创 React中PureComponent的用法
是 React 中的一个类组件，继承自，它提供了一个优化性能的机制。会自动实现方法，只有当组件的props或state发生变化时，组件才会重新渲染。
2025-02-12 15:50:49
677
原创 js数据类型与ts数据类型
JavaScript数据类型是动态的，通常没有强制的类型检查。TypeScript扩展了 JavaScript 的类型系统，允许开发者在编译时发现类型错误，并且支持类型推断、静态类型检查以及更复杂的类型特性（如泛型、接口、联合类型等）。TypeScript 提供了更加严格的类型系统，可以帮助你在编写代码时避免类型错误，提高代码的可维护性和可读性。
2025-02-12 14:40:16
856
原创 React中Fragment的使用
在 React 中，<>和</>是的简写形式。Fragment是 React 中一个非常有用的组件，它允许你将多个元素组合在一起，而不在 DOM 中添加额外的节点。
2025-02-12 14:28:59
439
原创 React组件的生命周期
类组件的生命周期方法提供了对组件生命周期的细粒度控制。函数组件通过useEffect实现了类似的功能，代码更简洁。在实际开发中，推荐使用函数组件和 Hooks，因为它们更符合 React 的未来发展方向。
2025-02-12 13:27:52
396
原创 Rxjs入门教程
RxJS（Reactive Extensions for JavaScript）是一个用于处理异步数据流的库，它提供了一种声明式的方式来处理异步或者基于事件驱动的数据流。RxJS 是基于观察者模式（Observer Pattern）和迭代器模式（Iterator Pattern），并且受到了函数式编程的影响。
2024-10-25 14:38:12
540
原创 如何hook实现一个定时器
我们也可以使用useRef来存储count的当前值，并在定时器中更新它。这样就可以避免使用state和set函数，从而减少组件的渲染次数。useEffect用于在组件挂载后执行一个副作用函数，该函数中创建了一个定时器，每隔一秒调用setCount函数，并传入一个函数作为参数。这个函数接收先前的count值，并返回一个加一后的值。使用useRef的方法：useRef可以创建一个可变的引用对象，该对象的current属性可以存储任何值，我们可以使用useRef来存储定时器的id，以便在清理函数中清除定时器。
2024-08-20 09:06:35
519
原创 React实现H5手势密码
在JavaScript中，监听H5页面是否在前台或后台运行，主要依赖于Page Visibility API。这个API在大多数现代浏览器中都是支持的，包括苹果的Safari和谷歌的Chrome（也就基本覆盖了Android和iOS平台）。需要注意的是，虽然大部分现代浏览器支持Page Visibility API，但还是存在一些老旧浏览器可能不支持。这段额外的检测代码可以帮助你确认当前环境是否支持Page Visibility API，并根据不同的浏览器前缀做适配。两种状态，分别代表页面在前台和后台。
2024-06-20 13:48:32
455
原创 单页面应用部署到iis上可以正常打开，刷新就404
综上所述，要解决Dumi打包网站在IIS上刷新出现404的问题，重点在于配置正确的URL重写规则，确保所有非文件或目录的请求都被重定向到。请检查并按照上述步骤进行排查与设置。如果问题依然存在，可能需要进一步检查IIS日志以获取更详细的错误信息，或者检查Dumi生成的。这个规则会检查请求的URL是否对应一个实际存在的文件或目录。如果不是，则将请求重写到网站根目录（这样，即使直接访问内部路由，也能确保加载正确的HTML文件来处理路由。文件是否存在特定于项目的配置需求。
2024-03-26 10:35:26
1053
原创 js闭包的理解
一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域在 JavaScript中，每当创建一个函数，闭包就会在函数创建的同时被创建出来，作为函数内部与外部连接起来的一座桥梁下面给出一个简单的例子displayName() 没有自己的局部变量。然而，由于闭包的特性，它可以访问到外部函数的变量。
2024-02-27 10:34:11
435
原创 JavaScript中的内存泄漏
内存泄漏（Memory leak）是在计算机科学中，由于疏忽或错误造成程序未能释放已经不再使用的内存并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费程序的运行需要内存。只要程序提出要求，操作系统或者运行时就必须供给内存对于持续运行的服务进程，必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃在C语言中，因为是手动管理内存，内存泄露是经常出现的事情。
2024-02-23 10:07:54
926
原创 big.js常用方法
toExponential，转化为科学计数法，参数代表精度位数。toPrecision，按指定有效位数展示，参数为有效位数。valueOf，包含负号（如果为负数或者-0）的字符串。round，按精度舍入，参数表示小数点后位数。toFied，补全位数，参数代表小数点后位数。toJSON和toString，转化为字符串。cmp，compare的缩写，即比较函数。prec，按精度舍入，参数表示整体位数。eq，equal的缩写，即相等比较。gte，小于等于，e表示equal。lte，小于等于，e表示equal。
2023-12-12 15:47:18
5101
原创 lodash常用方法
.flow内部从左到右依次调用数组中的函数，上一次函数的返回的结果，会作为下个函数调用的入参。将字符串转换为小写字符串，标点符号被删除，文本转换为小写，空格替换为单下划线（kebabCase是转化为破折号）。创建一个数组，元素为将其拆分为指定大小的子数组（如果数组不能均匀拆分，则最后的子数组将只包含剩余的元素）。与_.set相反，删除object上对应的path上的值，删除成功返回true，否则返回false。给object上对应的path设置值，路径不存在会自动创建，索引创建成数组，其它创建为对象。
2023-12-07 09:42:03
580
原创 vscode使用git报错处理
在Git中，"分歧"通常意味着你的本地分支与远程分支存在一些不同。当你尝试从远程仓库拉取更新时，Git需要知道你希望如何处理这些不同点。这是一个被广泛使用的版本控制系统。错误信息提示你正在尝试从一个有分歧的分支进行拉取操作，但你没有指定如何解决这个分歧。为了解决这个问题，你需要运行Git提示中的一个命令来设置你的偏好。这个命令可以是在提示中显示的。命令（如果你希望为所有仓库设置这个偏好）。然后，你应该能够成功执行。
2023-11-13 10:46:35
916
原创 python typer使用指南
Typer 是一个用于构建命令行界面（CLI）应用的 Python 库，致力于提供简单、直观的方式来定义命令行参数和选项。在本指南中，我们将详细介绍如何使用 Typer 编写 CLI 应用程序。
2023-11-07 15:13:59
899
原创 Python 文件处理：完整指南，一文够了
例如，我们使用文本文件作为输入，编写文本文件作为输出，并经常处理二进制文件。与任何其他流行的通用编程语言一样，Python 也提供跨平台文件处理功能。Python 通过几个内置函数和标准模块提供文件处理功能。Python 是一种流行的解释型动态类型编程语言，用于构建 Web 服务、桌面应用程序、自动化脚本和机器学习项目。程序员在使用基于 Python 的软件项目时，通常必须访问操作系统的文件系统。
2023-11-02 13:54:36
146
原创 Python pip 用法，看这一篇文章就够了
国内一些企业和组织做了 pip 镜像，他们每个一定时间从外国服务器同步一次数据到国内服务器，我们将 pip 切换到国内服务器后，再下载包就不会去外国服务器，所以下载速度大大提高。自从Python 3.4版本开始，pip已经被内置在Python中，所以无需再次安装。如果你的系统中没有pip/pip3命令，或者不小心卸载了，可以使用下面方式安装。安装特定版本的包， 通过使用 ==, >=, , < 来指定一个版本号。由于 pip 源服务器放在外国，所以我们安装包的时候速度非常慢。
2023-10-12 17:43:31
245
原创 Git切换用户常用命令
然而，git config --global --replace-all user.name "yourName"这个命令会替换所有的user.name配置项。git config --global user.name "yourName"和git config --global --replace-all user.name "yourName"这两个命令的主要区别在于它们处理Git配置的方式。首先，这两个命令都是用来设置Git的全局配置的，也就是在所有Git仓库中都会使用的配置。临时密码，自定义时间。
2023-10-07 09:31:49
10523
原创 es6语法import()的使用
另外，import()函数与所加载的模块没有静态连接关系，这点也是与import语句不相同。import()类似于 Node.js 的require()方法，区别主要是前者是异步加载，后者是同步加载。上面代码中，引擎处理import语句是在编译时，这时不会去分析或执行if语句，所以import语句放在if代码块之中毫无意义，因此会报句法错误，而不是执行时错误。也就是说，import和export命令只能在模块的顶层，不能在代码块之中（比如，在if代码块之中，或在函数之中）。所以，下面的代码会报错。
2023-09-27 11:28:31
911
1原创 Redux在项目中的使用
reducer是一个纯函数，接收当前状态和action作为参数，并返回一个新的状态。根reducer是由多个子reducer组成的，每个子reducer负责管理应用中的一个部分状态。函数创建一个Redux store，并将根reducer传递给它。然后在组件中使用它们。以上就是使用Redux的详细实例步骤，包括在类组件和函数组件中的使用方式。函数将store中的状态映射到组件的props上，在需要使用Redux的函数组件中，使用。在需要使用Redux的类组件中，使用。函数包装组件，并导出包装后的组件。
2023-08-23 09:28:01
164
原创 使用python实现输出iOS图标文件AppIcon.appiconset
要实现这个功能，你可以使用Python的PIL库来处理图片，并使用json库来生成Contents.json文件。替换为你想要输出的文件夹路径。运行代码后，你将在指定的输出文件夹中找到生成的App Icon文件和Contents.json文件。在上面的示例代码中，你需要将。替换为你的原始图片路径，将。
2023-08-18 13:50:04
354
原创 使用node实现输出iOS图标文件AppIcon.appiconset
替换为你要生成AppIcon的输入图片路径。然后，根据需要定义要生成的AppIcon尺寸和比例，将其添加到。代码会自动根据输入图片生成对应尺寸和比例的AppIcon，并将其保存到。文件，描述了生成的AppIcon文件的信息。运行上面的代码后，你将在当前目录下看到生成的。要实现这个功能，你可以使用Node.js的。最后，代码会生成一个。模块来读取和写入文件，使用。在上面的代码中，你需要将。库来处理图片，以及使用。模块来处理文件路径。
2023-08-18 13:32:18
247
原创 使用node开发命令行小工具
另外，如果你需要替换多个占位符，可以使用一个对象来存储占位符和对应的替换值，然后使用循环遍历对象来替换模板文件中的内容。可以使用Node.js中的文件系统模块(fs)和字符串模块(string)来实现自动创建模板文件并替换指定内容的功能。需要注意的是，上面的代码中使用了正则表达式来全局匹配占位符。如果你的占位符不是固定的，可以根据实际情况修改正则表达式。方法替换模板文件中的占位符。方法读取模板文件的内容，然后使用字符串的。方法创建新文件并写入替换后的内容。在上面的代码中，我们首先使用。
2023-05-22 18:19:53
904
原创 Node自动编译及推包
npx 是 npm 5.2.0 版本引入的一个命令，它可以帮助我们在不全局安装模块的情况下，直接运行一个安装在本地的模块。在使用 npx babel 时，可以直接在命令行中运行 babel，而不需要全局安装 babel。这样做的好处是，我们可以在不同的项目中使用不同版本的 babel，而不会互相干扰。其中，options是 babel 的配置选项，files是需要转换的文件或目录。例如，我们可以使用以下命令将src目录下的所有.js这个命令会将src目录下的所有.js。
2023-05-22 17:59:10
586
iOS启动图片生成.zip
2020-03-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人