EmotionComputer

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

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

原创 css实现文字渐变

是完全可以实现的，常用的方式是结合 CSS 的。/* 文字填充色设置为透明，显示背景 *//* 兼容 Firefox *//* 背景裁剪到文字 */

原创 pm2守护进程管理器

PM2 是一个守护进程管理器，它将帮助您管理和保持您的应用程序在线。

原创 CSS相关知识补充

在 SCSS 中，变量的声明和使用是用符号.button {SCSS 里没有var()这个函数，定义变量用$变量名。var()是原生 CSS 变量的语法，不是 SCSS 的。:root {.button {是 CSS 变量（自定义属性）。用来引用 CSS 变量的值。其中，CSS 变量（自定义属性）必须以 – 开头，否则不是合法的 CSS 变量。:root {.button {var(--xxx)是CSS 变量的引用语法，不是 SCSS 变量。SCSS 变量用$变量名。

原创 子公司与母公司区别

子公司与分公司是两种不同的分支机构形式，核心区别在于。建议根据业务战略、风险承担能力及税务成本综合决策。

原创 DeepLink技术

DeepLink（深度链接）是一种移动端技术，允许用户通过点击链接直接跳转到应用内部的特定页面，而不仅仅是打开应用首页。同时，结合AI的设备指纹识别技术将进一步提升Deferred DeepLink的匹配准确率，为App推广和用户增长提供更强有力的技术支持。解决方案包括使用Universal Link（iOS）和App Links（Android）这类基于HTTPS的标准，以及借助第三方服务如OpenInstall等，它们提供了跨平台、兼容各种浏览器的成熟解决方案。DeepLink的格式与使用方式。

原创 git合并分支原理

Git合并的原理是基于三方合并（three-way merge）算法，它通过比较三个快照来合并不同分支上的更改。这三个快照包括两个要合并的分支的最新提交和它们的共同祖先提交。合并过程并不是简单地按照提交时间来进行，而是通过比较这些快照来解决差异。

原创 计算机通识

x86与ARM是两种主流的处理器架构，分别代表了复杂指令集计算(CISC)和精简指令集计算(RISC)两种不同的设计理念。x86架构在高性能计算场景中表现优异，具备较高的时钟频率和出色的多线程处理能力，适合运行大型应用程序和复杂计算，但功耗较高。ARM架构以低功耗著称，特别适合电池供电的设备，在移动设备中能提供更长的续航时间，虽然单核性能可能不及x86，但通过多核设计在功耗和性能间取得良好平衡。随着技术进步，ARM开始挑战x86在桌面领域的地位，如苹果的M1/M2芯片展示了ARM在桌面计算的潜力。

原创 内网穿透技术

内网穿透是一种技术，用于使位于内网或防火墙后面的设备或服务能够被外部网络访问。通常情况下，内网设备由于没有公共 IP 地址，无法直接被外部网络访问。内网穿透技术通过各种方法绕过这种限制，实现内外网络的连接。内网穿透在开发、测试、远程访问和物联网设备管理中非常有用。然而，使用时要注意安全性，确保只允许授权用户访问内网资源，并使用加密技术保护数据传输。

原创 即兴演讲-职场篇

人才是公司最宝贵的财富，是支撑公司可持续和高质量发展的动力源泉。公司为每一位同学提供施展才干和实现梦想的舞台。

原创 密码学（终极版）

即通过对称加密算法对大文件进行加密，然后通过非对称加密算法对对称加密的秘钥进行加密。（通过哈希来提取这个文件的特征-生成固定长度的字符串，也可以理解成这个文件的身份证，即唯一标识）。备注：密码学领域不存在完全不能破解的密码，但是如果一个密码需要很久很久，例如一万年才能破解，就认为这个密码是安全的了。非对称加密的数学底层原理是：两个大质数相乘很容易得到一个结果，但是相反，将这个结果反推到是哪两个质数相乘却非常困难。秘钥长度可以理解为两个质数相乘结果的大小，秘钥越长则使用的两个质数的相乘结果越大。

原创 charles抓包

菜单：help -> ssl proxying -> install charles root certificate。安装证书 & 设置代理。

原创 负载均衡技术

为什么做负载均衡？1、用户访问体验差，服务器性能瓶颈。让用户的请求可以均匀的分布到每个服务器上。示例：upstream+proxy_pass来实现简单的负载均衡，upstream默认采用round-robin分配方案（将请求依次发给每个服务），还可以采用：least-connected方案，将请求分配给当前所有服务中请求最少的机器。ip-hash，确保一个请求ip一直在同一台机器。…其他方案。

原创 App拉新、推广

https://www.bilibili.com/video/BV1qD2qY4E7Dhttps://space.bilibili.com/1817283205

原创 Redux Toolkit

createAsyncThunk 是 Redux Toolkit 提供的一个工具，用于处理异步操作（例如数据获取）并自动生成相应的 Redux action 和 reducer 逻辑。它简化了处理异步请求的流程，特别是当你需要在 Redux 中管理请求状态（如加载中、成功、失败）时。使用 createAsyncThunk 创建一个异步 thunk。action 类型字符串：用于标识这个异步操作。payload creator 函数：一个返回 promise 的函数，通常用于执行异步请求。

原创 透视表

透视表是一种用于快速汇总、分析和报告数据的工具，常用于电子表格软件如 Excel。它可以帮助你整理大量数据，通过拖放字段来动态调整数据视图，进行数据汇总（如总和、平均值）、分组和筛选。透视表使得多维数据分析更加灵活和高效，适用于财务、市场、库存等各类数据分析场景。

原创 Storybook

Storybook可以用来进行UI组件库开发、测试、以及文档的生成。

原创 HTML DOM API

HTMLInputElement 接口提供了特定的属性和方法，用于管理 <input> 元素的选项、布局和外观。假设你有一个 HTML 页面，其中包含一个。通过这个对象，你可以访问和修改。的属性和方法，同时还扩展了一些特定于。对象，它代表了 HTML 中的。是一个接口，代表 HTML。元素的各种属性和行为。

原创 dayjs日期函数工具库

dayjs是一个开源的日期组件库，体积比moment小非常之多。

原创 IIFE - 立即执行函数

IIFE 是 “Immediately Invoked Function Expression” 的缩写，即“立即调用函数表达式”。它是一种在 JavaScript 中常用的设计模式，主要用于创建一个新的作用域来避免变量污染全局作用域。

原创 web3.0

例如一家美妆企业要卖化妆品，最好的方式就是教人怎么化妆，而看过化妆品教学的人里面有80%的人会在潜意识里去购买他看过的东西。web2.0是双向的，你既是用户也是内容创造者，你可以发帖子、发视频让其他人看，也可以看其他人发布的内容，另外web2.0 是高度中心化的，比如抖音千万粉丝，但是这些粉丝的资产并不是你完全说了算，一个不小心就被抖音封了号。2007年是一个连智能手机都没有普及的年代，根本无法完成web3.0的应用，直到今天，经过近20年IT技术的飞速发展，才让web3.0的落地变成可能。

原创 Git Commit 规范

参考链接：https://feflowjs.com/zh/guide/rule-git-commit.html

原创 table详细用法

注意：table元素上的很多属性都已经被废弃了，建议使用css方式替代。

原创 restful API vs GraphQL

GraphQL 是一种用于 API 的查询语言，由 Facebook 开发。它提供了一种灵活高效的方式来请求和获取数据，特别适合需要频繁数据交互的复杂应用程序。

原创 发布一个npm组件库包

【代码】发布一个npm组件库包。

原创 git graph和git history

参考链接：https://www.bilibili.com/video/BV1EK4y1w7A7参考链接：https://www.bilibili.com/video/BV1W34y1G7g4

原创 webpack中的runtime

在 Webpack 中，runtime 是指在浏览器中管理模块交互的代码。它负责加载和执行模块，并处理模块间的依赖关系。用于将 runtime 代码分离到一个单独的 chunk 中。这有助于提高缓存效率，因为 runtime 代码的变化不会影响其他模块的缓存。Webpack 的 runtime 通常是打包输出文件的一部分，可以通过配置优化其大小和性能，例如使用。可以帮助优化 Webpack 打包输出，尤其是在处理大型应用时。在 Webpack 配置文件中，你可以这样配置。在 Webpack 中，

原创 板块龙头公司

高通台积电英伟达

原创 技术名词理解

例如，苹果的 A系列芯片（如 A14、A15）和高通的 Snapdragon 系列芯片（Snapdragon 系列广泛应用于 Android 设备，如三星 Galaxy 系列和小米手机等）都基于 ARM 架构。ARM（Advanced RISC Machine）是一种计算机处理器架构，广泛用于各种设备，尤其是移动设备和嵌入式系统。它以精简指令集计算（RISC）为基础，强调高能效和低功耗。它是苹果公司为其操作系统提供的基础。最初的 ARM 架构是 32 位的，主要用于低功耗设备。

原创 前端工具函数库

antd-mobile 已不再依赖 lodash，

原创 web3.0与区块链

web3.0其实是相对于web1.0和web2.0演进出来的这么一个概念。web1.0是纯静态的网站，是只读的网页。web2.0是动态的网站，看到的网页是千人千面、个性化推荐的的，需要用户登录，需要将个人信息存储到平台，假如平台封了你的账号，你是没有任何办法的。web3.0就是为了解决去中心的问题，底层引入了区块链技术。比特币和NFT就是基于区块链实现的。让大家的信任不在基于某一个具体的实体背书，而是相信这种制度和算法。

原创 css之grid布局

fr 单位，fraction的缩写，意为份数，1fr表示1份。在grid布局中， 连续的空间才能组成区域。

原创 JavaScript中的with语句详解

当我们想快速访问一个对象上的属性时，可以简化代码。

原创 Web Components

自定义元素是通过在JavaScript中继承HTMLElement或者现有的HTML DOM对象来实现的。

原创 服务器问题排查

df 是 “disk free” 的缩写，是一个用于显示文件系统磁盘空间使用情况的命令。

原创 Android逆向个人学习笔记

逍遥模拟器：https://www.xyaz.cn/xposed框架：https://www.youxibao.com/app/26016.htmlWebViewDebugHookchrome://inspect/#devices参考链接：https://www.bilibili.com/video/BV1B34y117PX/?spm_id_from=333.337.search-card.all.click&vd_source=4c263677a216945c0d21ca65ee15a5f9

原创 Objects are not valid as a React child，React渲染数组

在React中,如果直接渲染一个数组,通常会报错,但是如果在数组外层增加一层标签,就可以正常渲染了。这是因为React期望渲染的是有效的React元素,而不是一个普通的JavaScript数组。

原创 在node环境使用MySQL

Sequelize是一个基于Promise的NodeJS ORM模块ORM(Object-Relational-Mapping)是对象关系映射对象关系映射可以把JS中的类和对象，和数据库中的表和数据进行关系映射。映射之后我们就可以直接通过类和对象来操作数据表和数据了, 就不用编写SQL语句了，ORM有效的解决了直接在NodeJS中编写SQL不够直观, 不够高效, 容易出错等问题。

原创 系统权限体系

也就是说,身份是一个人的根本特质,而角色则是这个人在特定背景下所扮演的行为模式和社会责任。一个人可以根据需要在不同角色之间切换,但核心的身份特质则相对稳定和持久。角色则是一个人在特定情境下所扮演的社会性质。一个人可以在不同场合、关系中扮演不同的角色,如家人、朋友、工作角色等。角色是外在的、可变的,受环境的影响。身份是指个人内在的"自我"。它是一个人的独特品质和特征,包括个人价值观、性格、经历和信仰等,定义了一个人是谁。身份是内在的、永恒的。

原创 design token