EmotionComputer

原创 迷宫问题(回溯思想)

题目链接：https://www.luogu.org/problem/P1605题目背景:给定一个N*M方格的迷宫，迷宫里有T处障碍，障碍处不可通过。给定起点坐标和终点坐标，问: 每个方格最多经过1次，有多少种从起点坐标到终点坐标的方案。在迷宫中移动有上下左右四种方式，每次只能移动一个方格。数据保证起点上没有障碍。输入格式：第一行N、M和T，N为行，M为列，T为障碍总数。第二行起点坐标SX...

原创 0、1背包问题

例题：一个商店里有5件商品，重量分别为：2、3、4、5、9，对应的价值分别为：3、4、5、8、10。现在，有一个小偷拿着一个20kg的包去这个商店里偷东西，问：他如何偷，才能使他不虚此行，偷的价值总和最大？(这年头，小偷不会动态规划都不行了，哈哈哈)其中k代表前k个商品，C代表剩余多少空间c++代码实现：#include<iostream>#define N 6#d...

原创 堆排序

基础知识：       堆排序是利用堆这种数据结构而设计的一种排序算法，堆排序是一种选择排序，它的最坏，最好，平均时间复杂度均为O(nlogn)，它也是不稳定排序。首先简单了解下堆结构。       堆是具有以下性质的完全二叉树：每个结点的值都大于或等于其...

原创 浏览器到服务器的请求响应过程

从我们在浏览器的地址栏输入域名到浏览器显示内容，这个过程发生了什么？域名解析：首先去DNS服务器去将域名解析成对应的IP地址。再将解析得到的IP地址去我们想要访问的服务器去请求内容。下面再对第二步进行详细剖析：首先要弄明白http、https、TCP、UDP、IP、socket直接的联系和区别：参考如下：http、TCP、UDP联系与区别TCP/IP、Http、Socket的区别...

原创 Maximum Subarray && 动态规划详解

题目链接Given an integer array nums, find the contiguous subarray (containing at least one number) which has the largest sum and return its sum.Example:Input: [-2,1,-3,4,-1,2,1,-5,4],Output: 6Explan...

原创 design token

原创 ReactNative开发

Expo是由一个名为Expo团队的开发团队开发和维护。他们致力于提供开发者友好的工具和资源，帮助开发者加速移动应用程序的开发过程。通过Expo，开发者可以使用丰富的API和组件库，轻松访问设备功能，快速进行开发迭代，并在多个平台上部署他们的应用程序。Expo是一个开源工具链和平台，用于构建基于React Native的跨平台移动应用程序。Expo的目标是简化移动应用程序的开发流程，使开发者可以更轻松地构建高质量的应用程序，而无需处理复杂的配置和设备兼容性问题。

原创 关键词提取

本来想在 centos 上安装 nodejieba，奈何 Centos7 上面的 gcc 的动态库太老，一直没办法更新动态库。

原创 mobx状态管理

在Taro中使用mobx

原创 Chrome 将禁止修改 document.domain

参考链接1：https://developer.chrome.com/blog/immutable-document-domain?hl=zh-cn参考链接2：https://juejin.cn/post/7238980109453525050为什么设置document.domain,跨域依旧报错？

原创 好用的软件工具

它是一个轻量级的、高性能的屏幕镜像工具，不需要对设备进行 root 处理，也无需在设备上安装任何应用。Scrcpy 的设计目标之一是实现低延迟的屏幕传输，使得用户在计算机上的操作几乎实时反映在 Android 设备上。Scrcpy 提供了流畅的屏幕镜像和高度响应的触摸控制，使得用户在计算机上操作 Android 设备时体验良好。Scrcpy 不需要对 Android 设备进行 root 处理，因此可以在非 root 的设备上运行。

原创 Koa开发

方法用于将中间件函数或其他路由注册为一个全局中间件或一个特定路由的中间件。需要注意的是，第二个参数是可选的，你可以选择不传递配置对象，只传递路由前缀。的构造函数的第二个参数是一个可选的配置对象，可以用来指定路由的一些配置，例如前缀。注册路由级中间件：将中间件函数注册为特定路由的中间件，它将在匹配到该路由时执行。的构造函数接受两个参数，第一个参数是路由的前缀，第二个参数是可选的配置对象。是一个函数，用于将控制权传递给 Koa 中间件中的下一个中间件。将控制权传递给下一个中间件，而在最后一个中间件中，

原创 serverless开发实战

在这个示例中，我们定义了一个名为my-service的服务，使用阿里云作为云服务提供商，并指定了Node.js 14作为函数的运行环境。我们还定义了一个名为hello的函数，它处理HTTP GET请求，并将请求路径设置为/hello。YAML（YAML Ain’t Markup Language）是一种人类可读的数据序列化格式，它使用简洁的结构和缩进来表示数据。你可以根据自己的需求进行修改和扩展，例如添加其他函数、配置数据库连接、设置定时触发器等。在项目的根目录下增加。

原创 OBS Studio免费开源录屏工具

OBS是Open Broadcaster Software的缩写，是一款免费且开源的多平台录屏和直播软件。它可以用于录制屏幕、捕获游戏、创建教学视频、直播游戏等。OBS功能强大且灵活，提供了许多配置选项和自定义功能，使用户能够根据自己的需求进行设置和调整。它广泛应用于游戏直播、网络直播、教育培训等领域。

原创 浏览器内置NoSQL数据库IndexedDB

indexedDB 是一种浏览器内置的NoSQL数据库，它使用键值对存储数据，用于在客户端存储大量结构化数据。数据存储方式：localStorage 存储的是字符串类型的数据，而 indexedDB 存储的是结构化数据。indexedDB 支持存储复杂的数据类型，例如对象、数组等，而 localStorage 只能存储字符串类型的数据。get() 方法用于检索指定键路径的数据，getAll() 方法用于检索对象存储空间中的所有数据。事务支持：indexedDB 支持事务操作，可以确保数据的一致性和完整性。

原创 在线代码编辑器CodePen和CodeSandbox

如果你需要构建复杂的Web应用程序，并且需要更多的功能和工具支持，那么CodeSandbox可能是更好的选择。你也可以根据自己的喜好和习惯尝试两个平台，看哪个更符合你的工作流程和需求。社区和分享：CodePen拥有庞大的用户社区，用户可以轻松分享和发现其他用户的代码作品，也可以通过评论和喜欢与其他用户互动。功能：CodePen提供了一个集成的编辑器和预览窗口，可以轻松编写和展示前端代码。CodeSandbox提供了更多的功能，如自动保存、版本控制、调试工具等，使得开发更加便捷和高效。

原创 埋点上报系统

在回调函数中，我们判断 entry.isIntersecting 属性是否为 true，如果是，则表示元素进入了用户可见区域，可以触发曝光事件。然后，我们选择需要追踪曝光的目标元素，并调用 observer.observe() 方法开始观察目标元素的可见状态变化。当用户进入一个页面或滚动页面时，页面中的元素（如广告、文章、图片等）可能会被用户看到，这时就可以触发相应的曝光事件。在埋点中，主要埋点类型有点击埋点、曝光埋点，也可以具体定义业务上的埋点，比如下单埋点，加购埋点等。// 需要观察的目标元素。

原创 通过创建自定义标签来扩展HTML

下面是用自定义标签封装了一个HTML片段，使得这个HTML片段更具有语义性，且可以多处复用。

原创 vscode插件开发

下面是一个使用 JavaScript 开发的简单示例插件，它将在 VSCode 中创建一个命令，当运行该命令时，显示 “Hello World” 的消息。这只是一个简单的示例，演示了如何创建一个基本的 VSCode 插件，使用 JavaScript 语言。以下是一个示例代码，它创建一个命令，当在 VSCode 中运行时，显示 “Hello World” 消息。然后，打开终端，创建一个插件文件夹，并初始化一个空的 Node.js 项目。启动调试，您将看到一个新的 VSCode 窗口，用于测试您的插件。

原创 SSE（SeverSideEvent）服务端推送技术

可以看到ChatGPT的输出是逐字输出的打字效果，这里应用到了SSE（SeverSideEvent）服务端推送的技术。

原创 Swagger UI

Swagger UI是一个开源的用户界面，用于呈现RESTful Web服务的API文档。它可以让开发者更轻松地测试和理解API，同时提供了交互式的文档。

原创 VSCode snippets

VS Code 中的 Snippets 是一种快捷方式，可以帮助你更快地编写代码。你可以创建自己的 Snippets，也可以使用其他人创建的 Snippets。在 VS Code 中，你可以通过打开 “文件” 菜单，然后选择 “首选项” -> “用户代码片段” 来创建和编辑 Snippets。你可以选择某种语言，然后在其中添加自己的 Snippets。当你在编辑器中输入某个触发器时，VS Code 会自动提示你可用的 Snippets，你可以选择其中一个来快速生成代码。

原创 cookie过大导致request 400 错误研究

cookie要设置合理，不能太大，个数不能太多合理设置时效性，max-age，expiresget请求参数过长，出现参数丢失情况Nginx上修改允许request header头大小配置，很明显，当前的ng默认配置已不能满足需求。临时解决方案：让用户清除cookie。影响：用户需要重新登录。

原创 数据库、数据仓库相关

数据库和数据仓库是两种不同的数据存储方式，它们的设计目的和使用场景也有所不同。数据库通常用于存储和管理应用程序的事务性数据，例如用户信息、订单信息、库存信息等。数据仓库则用于存储和管理大量的历史数据和分析数据，例如销售数据、客户数据、市场数据等。它们通常被设计为支持复杂的数据分析和报表查询，需要快速地处理大量的数据，并提供高度可靠的数据质量。在事务处理中，如果任何一个操作失败，整个事务都会被回滚，即所有操作都会被撤销，以保持数据库的一致性和完整性。这些场景可以考虑使用缓存、数据库等产品承载业务流量。

原创 Overmind VS Redux

在这个例子中，我们创建了一个 Overmind 实例，并定义了一个名为 count 的状态和两个名为 increment 和 decrement 的动作。注意，我们使用 overmind.state.count 和 overmind.actions.increment() 来访问状态和动作。总之，Overmind 是一个非常有用的状态管理库，它可以帮助你管理应用程序的状态和副作用，并提高应用程序的可维护性和可扩展性。Overmind 是一个状态管理库，它可以帮助你管理应用程序的状态和副作用。

原创 crypto模块

模块可以用于创建数据的安全哈希、使用多种加密算法加密和解密数据，以及生成安全的随机数和其他加密数据。一些常见的使用场景包括密码哈希、数据加密和数字签名生成。模块是 Node.js 中提供的加密模块，它包含了一系列的加密哈希函数、加密算法函数和一些与密钥、证书和其他加密数据相关的工具函数。模块还有很多其他的用法和功能，可以根据具体的需求进行使用。方法创建了一个哈希对象，并指定了要使用的哈希算法为。方法更新了哈希对象的数据，并将字符串。在上面的代码中，我们首先引入了。当然，除了上面的示例之外，

原创 Monaco Editor编辑器

它提供了一个易于使用的 React 组件，使得在 React 应用程序中使用 Monaco 编辑器变得更加容易。这只是一个简单的演示示例，你可以根据自己的需求进行更多的配置和定制。Monaco Editor 是一个基于浏览器的代码编辑器，由微软开发。是 Monaco 编辑器的核心代码库，它提供了基于浏览器的代码编辑器的所有功能。库，并提供了一些额外的功能和组件，例如 Monaco 编辑器的主题和语言配置、编辑器状态管理等。运行你的 React 应用程序，你将看到一个带有初始代码的 Monaco 编辑器。

原创 2FA原理

原创 chrome浏览器相关

Google 出于安全考虑实际上并没有提供老版本的 chrome 下载，一些其他网站提供了这个功能比如：https://www.slimjet.com/chrome/google-chrome-old-version.php

原创 SQL中的group by使用注意事项

表，其中包含了订单的信息，包括订单编号、客户编号、订单日期和订单金额等。如果我们要查询每个客户的订单总金额，那么就需要使用。语句将查询结果按照客户编号进行分组，并计算每个分组的订单总金额。列进行分组，并计算每个客户的订单总金额。查询结果将返回每个客户的订单总金额。语句用于将查询结果按照指定的列进行分组，并对每个分组计算聚合函数（如。一般情况下，如果查询中包含聚合函数，那么就需要使用。语句将查询结果按照指定的列进行分组，否则查询将会出错。举个例子，假设我们有一个。在这个示例中，我们使用。

原创 历史知识学习

春秋中后期，长江流域吴、楚、越三国之间多次出现霸权之争，出现吴王阖闾，越王勾践等霸主。商族首领成汤建立商朝，商朝继承制度一直未定，导致九世之乱，后来商朝第19代商王盘庚即位，迁都到殷，终止了乱世。最后商纣王由于暴虐，被周武王率领的各诸侯所讨伐，在牧野之战中打败商军，纣王自焚而死。公元前3000年前，原始部落十分兴盛，实力较强的部落开始吞并实力较弱的部落，最终剩下炎帝部落和黄帝部落，后来两个部落逐渐融合为华夏族，这就是炎黄子孙的由来。大禹治水有功，成为部落首领，后来大禹的儿子启建立了夏朝，夏朝登上历史舞台。

原创 运动项目记录

桌上足球规则讲解 - 发球、死球规则运球&控球前锋、中锋、后卫、守门员 共11人。

原创 GPT研究

LangChain 中文入门教程基于LangChain和ChatGLM-6B等系列LLM的针对本地知识库的自动问答B站教程

原创 语音识别与语音合成库

是 Annyang.js 中的一个通配符，表示匹配任何语音输入中的文本，并将其作为参数传递给命令回调函数。匹配 “cats”，并将其作为参数传递给回调函数。回调函数可以使用这个参数来执行搜索操作。

原创 React Portals

组件默认会按照既定层次嵌套渲染，如何让组件渲染到父组件以外？Portals：传送门。

原创 测试相关内容

灰度发布（Gray Release）又称灰度测试、灰度上线，是指在软件或产品正式发布之前，先在一小部分用户中进行测试，然后逐步扩大范围，直到全部用户都能够使用，以减少发布后出现的问题，提高产品的质量和稳定性。

原创 React常见知识点

【代码】React常见知识点。

原创 股权架构设计

一. 注册公司类型个体工商户：年收入额在180w以下的，是免纳税的；个人独资企业：年收入额在500w以下，纳税0.3%-3.5%；但是如果是一人公司持股，则根据公司法，如果公司破产会承担无限连带责任。有限责任公司：最多可以装50个股东；既认人又认钱，比如他有技术、他有资本，几个股东一起出力，资源互补。适合公司发展的初期阶段。股份公司：最多200个股东，在上市的过程有一个重要流程，股改，所有的上市公司都是股份公司；只认钱不认人，此时股份公司会有专业职业经理人和技术团队，只有你有钱就可以入股。当想做城

原创 配置化开发的核心设计 - Schema

参考链接

原创 微前端开发

微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用融合为一个应用。微前端既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，相比一整块的前端仓库，微前端架构下的前端仓库倾向于更小更灵活它主要解决了两个问题：1、随着项目迭代应用越来越庞大，难以维护。