- 博客(174)
- 资源 (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
1335
原创 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
722
原创 WKWebview使用记录
1、WKWebview添加手势UISwipeGestureRecognizer *swipe =[[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeAction)];swipe.delegate = self;[wkWebView addGestureRecognizer:swipe];//...
2020-01-20 11:24:05
1865
原创 Rxjs入门教程
RxJS（Reactive Extensions for JavaScript）是一个用于处理异步数据流的库，它提供了一种声明式的方式来处理异步或者基于事件驱动的数据流。RxJS 是基于观察者模式（Observer Pattern）和迭代器模式（Iterator Pattern），并且受到了函数式编程的影响。
2024-10-25 14:38:12
342
原创 如何hook实现一个定时器
我们也可以使用useRef来存储count的当前值，并在定时器中更新它。这样就可以避免使用state和set函数，从而减少组件的渲染次数。useEffect用于在组件挂载后执行一个副作用函数，该函数中创建了一个定时器，每隔一秒调用setCount函数，并传入一个函数作为参数。这个函数接收先前的count值，并返回一个加一后的值。使用useRef的方法：useRef可以创建一个可变的引用对象，该对象的current属性可以存储任何值，我们可以使用useRef来存储定时器的id，以便在清理函数中清除定时器。
2024-08-20 09:06:35
430
原创 React实现H5手势密码
在JavaScript中，监听H5页面是否在前台或后台运行，主要依赖于Page Visibility API。这个API在大多数现代浏览器中都是支持的，包括苹果的Safari和谷歌的Chrome（也就基本覆盖了Android和iOS平台）。需要注意的是，虽然大部分现代浏览器支持Page Visibility API，但还是存在一些老旧浏览器可能不支持。这段额外的检测代码可以帮助你确认当前环境是否支持Page Visibility API，并根据不同的浏览器前缀做适配。两种状态，分别代表页面在前台和后台。
2024-06-20 13:48:32
425
原创 单页面应用部署到iis上可以正常打开，刷新就404
综上所述，要解决Dumi打包网站在IIS上刷新出现404的问题，重点在于配置正确的URL重写规则，确保所有非文件或目录的请求都被重定向到。请检查并按照上述步骤进行排查与设置。如果问题依然存在，可能需要进一步检查IIS日志以获取更详细的错误信息，或者检查Dumi生成的。这个规则会检查请求的URL是否对应一个实际存在的文件或目录。如果不是，则将请求重写到网站根目录（这样，即使直接访问内部路由，也能确保加载正确的HTML文件来处理路由。文件是否存在特定于项目的配置需求。
2024-03-26 10:35:26
824
原创 js闭包的理解
一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域在 JavaScript中，每当创建一个函数，闭包就会在函数创建的同时被创建出来，作为函数内部与外部连接起来的一座桥梁下面给出一个简单的例子displayName() 没有自己的局部变量。然而，由于闭包的特性，它可以访问到外部函数的变量。
2024-02-27 10:34:11
418
原创 JavaScript中的内存泄漏
内存泄漏（Memory leak）是在计算机科学中，由于疏忽或错误造成程序未能释放已经不再使用的内存并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费程序的运行需要内存。只要程序提出要求，操作系统或者运行时就必须供给内存对于持续运行的服务进程，必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃在C语言中，因为是手动管理内存，内存泄露是经常出现的事情。
2024-02-23 10:07:54
908
原创 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
3238
原创 lodash常用方法
.flow内部从左到右依次调用数组中的函数，上一次函数的返回的结果，会作为下个函数调用的入参。将字符串转换为小写字符串，标点符号被删除，文本转换为小写，空格替换为单下划线（kebabCase是转化为破折号）。创建一个数组，元素为将其拆分为指定大小的子数组（如果数组不能均匀拆分，则最后的子数组将只包含剩余的元素）。与_.set相反，删除object上对应的path上的值，删除成功返回true，否则返回false。给object上对应的path设置值，路径不存在会自动创建，索引创建成数组，其它创建为对象。
2023-12-07 09:42:03
434
原创 vscode使用git报错处理
在Git中，"分歧"通常意味着你的本地分支与远程分支存在一些不同。当你尝试从远程仓库拉取更新时，Git需要知道你希望如何处理这些不同点。这是一个被广泛使用的版本控制系统。错误信息提示你正在尝试从一个有分歧的分支进行拉取操作，但你没有指定如何解决这个分歧。为了解决这个问题，你需要运行Git提示中的一个命令来设置你的偏好。这个命令可以是在提示中显示的。命令（如果你希望为所有仓库设置这个偏好）。然后，你应该能够成功执行。
2023-11-13 10:46:35
770
原创 python typer使用指南
Typer 是一个用于构建命令行界面（CLI）应用的 Python 库，致力于提供简单、直观的方式来定义命令行参数和选项。在本指南中，我们将详细介绍如何使用 Typer 编写 CLI 应用程序。
2023-11-07 15:13:59
714
原创 Python 文件处理：完整指南，一文够了
例如，我们使用文本文件作为输入，编写文本文件作为输出，并经常处理二进制文件。与任何其他流行的通用编程语言一样，Python 也提供跨平台文件处理功能。Python 通过几个内置函数和标准模块提供文件处理功能。Python 是一种流行的解释型动态类型编程语言，用于构建 Web 服务、桌面应用程序、自动化脚本和机器学习项目。程序员在使用基于 Python 的软件项目时，通常必须访问操作系统的文件系统。
2023-11-02 13:54:36
116
原创 Python pip 用法，看这一篇文章就够了
国内一些企业和组织做了 pip 镜像，他们每个一定时间从外国服务器同步一次数据到国内服务器，我们将 pip 切换到国内服务器后，再下载包就不会去外国服务器，所以下载速度大大提高。自从Python 3.4版本开始，pip已经被内置在Python中，所以无需再次安装。如果你的系统中没有pip/pip3命令，或者不小心卸载了，可以使用下面方式安装。安装特定版本的包， 通过使用 ==, >=, , < 来指定一个版本号。由于 pip 源服务器放在外国，所以我们安装包的时候速度非常慢。
2023-10-12 17:43:31
189
原创 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
9838
原创 es6语法import()的使用
另外，import()函数与所加载的模块没有静态连接关系，这点也是与import语句不相同。import()类似于 Node.js 的require()方法，区别主要是前者是异步加载，后者是同步加载。上面代码中，引擎处理import语句是在编译时，这时不会去分析或执行if语句，所以import语句放在if代码块之中毫无意义，因此会报句法错误，而不是执行时错误。也就是说，import和export命令只能在模块的顶层，不能在代码块之中（比如，在if代码块之中，或在函数之中）。所以，下面的代码会报错。
2023-09-27 11:28:31
875
1原创 Redux在项目中的使用
reducer是一个纯函数，接收当前状态和action作为参数，并返回一个新的状态。根reducer是由多个子reducer组成的，每个子reducer负责管理应用中的一个部分状态。函数创建一个Redux store，并将根reducer传递给它。然后在组件中使用它们。以上就是使用Redux的详细实例步骤，包括在类组件和函数组件中的使用方式。函数将store中的状态映射到组件的props上，在需要使用Redux的函数组件中，使用。在需要使用Redux的类组件中，使用。函数包装组件，并导出包装后的组件。
2023-08-23 09:28:01
152
原创 使用python实现输出iOS图标文件AppIcon.appiconset
要实现这个功能，你可以使用Python的PIL库来处理图片，并使用json库来生成Contents.json文件。替换为你想要输出的文件夹路径。运行代码后，你将在指定的输出文件夹中找到生成的App Icon文件和Contents.json文件。在上面的示例代码中，你需要将。替换为你的原始图片路径，将。
2023-08-18 13:50:04
334
原创 使用node实现输出iOS图标文件AppIcon.appiconset
替换为你要生成AppIcon的输入图片路径。然后，根据需要定义要生成的AppIcon尺寸和比例，将其添加到。代码会自动根据输入图片生成对应尺寸和比例的AppIcon，并将其保存到。文件，描述了生成的AppIcon文件的信息。运行上面的代码后，你将在当前目录下看到生成的。要实现这个功能，你可以使用Node.js的。最后，代码会生成一个。模块来读取和写入文件，使用。在上面的代码中，你需要将。库来处理图片，以及使用。模块来处理文件路径。
2023-08-18 13:32:18
221
原创 使用node开发命令行小工具
另外，如果你需要替换多个占位符，可以使用一个对象来存储占位符和对应的替换值，然后使用循环遍历对象来替换模板文件中的内容。可以使用Node.js中的文件系统模块(fs)和字符串模块(string)来实现自动创建模板文件并替换指定内容的功能。需要注意的是，上面的代码中使用了正则表达式来全局匹配占位符。如果你的占位符不是固定的，可以根据实际情况修改正则表达式。方法替换模板文件中的占位符。方法读取模板文件的内容，然后使用字符串的。方法创建新文件并写入替换后的内容。在上面的代码中，我们首先使用。
2023-05-22 18:19:53
882
原创 Node自动编译及推包
npx 是 npm 5.2.0 版本引入的一个命令，它可以帮助我们在不全局安装模块的情况下，直接运行一个安装在本地的模块。在使用 npx babel 时，可以直接在命令行中运行 babel，而不需要全局安装 babel。这样做的好处是，我们可以在不同的项目中使用不同版本的 babel，而不会互相干扰。其中，options是 babel 的配置选项，files是需要转换的文件或目录。例如，我们可以使用以下命令将src目录下的所有.js这个命令会将src目录下的所有.js。
2023-05-22 17:59:10
548
原创 ES6中Proxy的使用
Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”`);},`);});上面代码对一个空对象架设了一层拦截，重定义了属性的读取（get）和设置（set）行为。这里暂时先不解释具体的语法，只看运行结果。对设置了拦截行为的对象obj，去读写它的属性，就会得到下面的结果。// 2下面是另一个拦截读取属性行为的例子。
2023-05-19 14:07:15
703
原创 ES6中flat与flatMap使用
数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新数组，对原数据没有影响。上面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1。上面代码中，flat()的参数为2，表示要“拉平”两层的嵌套数组。
2023-05-19 09:07:15
1857
原创 SQL教程
ORDER BY 关键字默认按照升序对记录进行排序。如果需要按照降序对记录进行排序，您可以使用 DESC 关键字。如果第一个条件和第二个条件中只要有一个成立，则 OR 运算符显示一条记录。如果第一个条件和第二个条件都成立，则 AND 运算符显示一条记录。ORDER BY 关键字用于对结果集按照一个列或者多个列进行排序。INSERT INTO 语句用于向表中插入新记录。WHERE 子句用于提取那些满足指定条件的记录。UPDATE 语句用于更新表中已存在的记录。DELETE 语句用于删除表中的行。
2023-05-06 16:15:25
1101
原创 OC和Swift混编
swift通过xxx-Bridging-Header.h调用oc。oc通过xxx-swift.h调用swift。创建swift项目，xcode会自动创建xxx-Swift.h供oc调用swift使用。如果需要swift调用oc，需要创建xxx-Bridging-Header.h文件。oc通过xxx-Swift.h调用swift。swift通过xxx-Bridging-Header.h调用oc。需要先创建xxx-Bridging-Header.h，才会生成xxx-swift.h文件。
2023-03-08 11:20:53
629
原创 React面试题及详解
React是流行的javascript框架之一，在2019年及以后将会更加流行。React于2013年首次发布，多年来广受欢迎。它是一个声明性的、基于组件的、用于构建用户界面的高效javascript库。以下是面试前必须了解的话题。
2023-02-21 18:12:23
117
原创 React Fiber
在 React Fiber 架构面世一年多后，最近 React 又发布了最新版 16.8.0，又一激动人心的特性：React Hooks 正式上线，让我升级 React 的意愿越来越强烈了。在升级之前，不妨回到原点，了解下人才济济的 React 团队为什么要大费周章，重写 React 架构，而 Fiber 又是个什么概念。
2023-02-21 10:05:25
334
转载 window.postMessage
通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为 https），端口号（443 为 https 的默认值），以及主机 (两个页面的模数 Document.domain设置为相同的值) 时，这两个脚本才能相互通信。从广义上讲，一个窗口可以获得对另一个窗口的引用（比如 targetWindow = window.opener），然后在窗口上调用 targetWindow.postMessage() 方法分发一个 MessageEvent 消息。
2023-02-17 09:43:20
365
原创 iOS创建Universal Link
iOS 9之前，一直使用的是URL Schemes技术来从外部对App进行跳转，但是iOS系统中进行URL Schemes跳转的时候如果没有安装App，会提示无法打开页面的提示。iOS 9之后起可以使用Universal Links技术进行跳转页面，这是一种体验更加完美的解决方案。在你进行 apple-app-association 以及 App 工程的配置之后，整个 Universal Link 的运作流程完全由系统控制了。
2023-02-16 14:46:12
687
iOS启动图片生成.zip
2020-03-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人