I wore the designer and product manager hats on the project and prototyped the breadboarding and scope mapping techniques described in this book to manage the complexity.

...we redesigned Basecamp from scratch for version 2.0.

We needed language to describe what we were doing and more structure to keep doing it at our new scale.

Information would get lost in the game of telephone between the client, the designer, and the person managing the project.

let timer; // timer identifier const waitTime = 500; // Wait time in milliseconds

// search function const search = (text) => { // to do: make http request here }

// Listen for keyup event const input = document.querySelector('#input-text'); input.addEventListener('keyup', (e) => { const text = e.currentTarget.value; // clear timer clearTimeout(timer);

// Wait for X ms and then process the request timer = setTimeout(() => { search(text); }, waitTime); });

let timeout = setTimeout(callback, milliseconds); clearTimeout(timeout);

document.getElementById("id-name"); object.addEventListener('event-name',callback);

Step 1. Listen for User Input

<input type="text" id="my-input" />

let input = document.querySelector('#my-input'); input.addEventListener('keyup', function (e) { console.log('Value:', input.value); })

Step2: Debounce Event Handler Function

let input = document.getElementById('my-input'); let timeout = null;

input.addEventListener('keyup', function(e) { clearTimeout(timeout);

timeout = setTimeout(function() { console.llog('Input Value:', textInput.value); }, 1000); })

$("input").change(function(e) { // ... });

$("input").on('input', function(e) { // ....})

Flex 布局分为，容器和项目。 相关属性，又分为容器的属性和项目的属性。

cross axis，交叉轴

Kubernetes 1.24

46 项增强功能：14 项已升级为稳定版，15 项进入 beta 阶段，13 项刚进入 alpha 阶段。

功能分阶段：稳定版、beta 阶段、alpha 阶段

【要理解】资产负债表语言，需要从{会计恒等式}和{复式记账法}谈起。

名词：资产负债表、会计恒等式、复式记账法。

资产=负债+权益（净财富）

复式记账法，即左侧项目（资产）的变动必须匹配右侧项目（负债/权益）的变动。

让人们能够以以一种有趣的方式获得自己选择的饮料。

Monergro Web3 新范式 协议层做厚 基础数据和能力，沉淀到协议层

微服务与单体结构，最显著的区别在于：单体应用程序只是单个应用程序，而微服务则是许多小的应用程序协同工作。

单体应用程序是单个应用程序； 微服务则是许多小的应用程序协同工作；

线程模型、 消息队列、 非阻塞操作、 基础组件、 调用方、 单向调用、 环状的复杂时序。

消息队列的线程模型。

阻塞的调用，如：网络操作。

阻塞，与非阻塞的区分，是在于哪里？

设计原则 （即是设计的边界？还是属于指标？） 在基础模块的开发中，设计尤为重要。在设计上，微信基础组件以跨平台、跨业务为前提，遵从高可用，高性能，负载均衡的设计原则。

句式：在 XX 上，NN 以 YY 为前提，遵从......的设计原则。

定性：可用是一个即时通讯类 App 的立身之本。——结论 具体细分：高可用又体现在多个层面上：网络的可用性、App 的可用性、系统的可用性等。 （网络的可用性，取决于客观的网络物理环境，亦是可以取决于自身的运用？）

接下来是：对每一项的内涵定义和具体化。

高可用：网络的可用性、APP的可用性、系统的可用性等。

redis 集合（Set）的排序问题

集合的编码有 inset（整数集合）、hashtable（哈希表）。

intset 编码的集合内元素是有序的，按整数从小到大排列。

hashtable 编码的集合是无序的。

集合满足 2 个条件，会使用 intset 编码： 1> 所有元素是整数； 2> 元素数量 <= 512 个； （数量，可在配置文件 set-max-intset-entries 设置）

不满足以上两个条件，redis 会将集合的编码由 intset 改为 hashtable。

Set key to hold the string value and set key to timeout after a given number of seconds.

This command is equivalent to executing the following commands:

SET mykey value EXPIRE mykey seconds

集中治理的好处：是在单一平台上进行标准化。

应用构建，在整体风格中，组件在进程内执行，进程间的消息通信通常通过调用方法或回调函数。 从整体式风格到微服务框架，最大的问题在于通信方式的变更。从内存内部原始的调用变成远程调用，产生大量的不可靠通信。因此，你需要把粗粒度的方法，换成更加细粒度的通信。

问题：从调用角度来看，函数或方法，难道比 API 通信，更细粒度吗？

微服务架构，是把软件拆分成服务，并认为这是主要的组织形式。当然，微服务架构也使用组件库。

我们把组件库定义为程序中相互关系，并使用内存中调用的组件，把服务定义为进程间调用。如，Web 请求服务或远程调用来相互通信的组件。

把服务当成组件，而不是组件库，主要的原因是服务可以独立部署。

如果应用由多组件组成，并跑在一个进程中，那任何组件的变更，都将导致整体应用的重新发布。但如果由许多服务构成的应用，每个服务的变更仅需发布相应的服务。

这并不是绝对的，比如：导致服务接口变更的更新，就需要相应服务的变化。应尽量避免这种服务间的耦合，并完善服务的交互接口。

服务当成组件的另一考虑是拥有更清晰的接口。服务是通过明确的远程接口调用。

远程调用，比进程内部调用更消耗性能。

希望能构建由组件组成的系统，就像我们所看到的现实世界由物件构成的一样。 （大部分语言平台的公共库进行了精简） 谈论组件的时候，可能会因组件的不同定义引发混乱。 这里谈到的组件是指软件中独立的单元，它能独立替代和独立更新。 （组件，软件中独立的单元，它能独立替代和独立更新。）

整体风格的系列原因，导致了微服务架构风格的出现——以服务构建应用。

服务可以独立部署、独立扩展。 服务也可提供模块化的边界。（模块化的边界） 不同的服务，可使用不同的开发语言。 不同的服务可以不同的周期进行管理。

整体风格：把一个完整的应用，当成一开发单元。

企业应用，通常包含三部分： 1》客户端界面（由 HTML、JavaScript组成，使用浏览器进行访问）、 2》数据库（由许多的表组件构成一个通用的、相互关联的数据管理系统）、 3》服务端应用。

服务端应用处理 HTTP 请求、执行领域逻辑、检索并更新数据库中的数据、使用恰当的 HTML 视图发送给客户端。 服务端应用是完整的——由单一的逻辑层次执行。 系统中，任务变更都会导致服务端的应用重新编辑，并发布一个新的版本。

整体风格，利用开发语言基础特性把应用封装成类、函数、命名空间，但业务中所有逻辑都是要在单一的进程中处理完成。

开发、测试应用，利用部署通道保证经过正常测试，发布修改的内容。

横向扩展，通过负载均衡系统，将多个应用部署到多台服务器上。

整体风格，在云中进行应用发布时，变更发布周期被绑定了。原本可划分成小的应用、小的需求的变更，需要统一的进行编译和发布。

人们难于维护一种优美的模块化的结构，使得一个模块的变更不会影响到其他的模块。

要进行扩展，也需进行整体的扩展，而不能根据进行部分扩展。

微服务架构，用于描述一种让分布式的应用软件系统进行独立演进的特别的设计方法。 它并没有非常准确的定义，但在业务模块、自动部署、端对端的整合、多语言支持和数据管理的分布式控制上，有着显著特征。

这就是【瘦协议+胖应用】的范式。

因为相同原因而变化的东西——聚合起来 因为不同原因而变化的东西——分离开来

Installing Apache Maven

Integration-centric, human-centric, and document-centric.

• Integration-centric BPM: focus on processes that do not require much human involvement. These processes are more dependent on APIs and mechanism which integrate data across systems, like human resource management (HRM) or customer relationship management (CRM).

数字化浪潮席卷全球，并成为推动经济增长的重要引擎。IDC 预测，我国数字经济占 GDP 比重将达到 60%。我国小企业数量众多，行业布局广泛，占企业主体的数量超过 99%，贡献了超过 50% 的税收，因此小企业是实现数字技术应用与业务创新的最佳土壤。

小企业需要主动拥抱数字技术，灵活调整业务模式，提升生存与发展能力。

模型替代，用硬纸片制作模型，来代替使用钢管等材料的实物。

小企业通过增加 IT 基础设施投入来提升业务的稳定性

IDC 观点：数字能力是小企业实现创新发展的内生动力。

我们知道每个人内心都充满了恐惧，而所有的恐惧其实都源于我们害怕未知。这样看来，恐惧是永恒的，因为我们不可能无所不知，对此，托马斯.叟的类别特别精巧：“在茫茫而又无限的未知空间里，我们的知识只不过像其中的星球一样，而星球与星球之间的空隙比那些星球本身，不知道要大出多少倍。”所以我们需要“信仰”、“希望”“爱”“奇迹”，甚至“怪力乱神”等被学者称为“必要之幻觉”的东西，去填补这些空隙才能心安。

真实环境，数据库服务器进程和客户端进程可能运行在不同的主机中，它们之间必须通过网络进行通讯。

MySQL 采用 TCP 作为服务器和客户端之间的网络通信协议。

在网络环境下，每台计算机都有一个唯一的 IP 地址，如果某个进程需要采用 TCP 协议进行网络通信方面的需求，可以向操作系统申请一个端口号，这是一个整数值，它的取值范围是 0~65535。

这样在网络中的其他进程就可以通过 IP 地址 + 端口号的方式来与这个进程链接，这样进程之间就可以通过网络进行通信了。

由图中可看到，每种设备都有两个指标： - 延时（响应时间）：表示硬件的突发处理能力； - 带宽（吞吐量）：代表硬件持续处理的能力。

大多数情况，性能最慢的设备会是瓶颈点。

如，下载时网络速度可能会是瓶颈点，本地复制文件时硬盘可能是瓶颈点。

为什么这些一般的工作能快速确认瓶颈点呢？

因为我们队这些慢速设备的性能数据有一些基本的认识，如网络带宽是 2 Mbps，硬盘是每分钟 7200 转等等。

（结论）因此，为了快速找到 SQL 的性能瓶颈点，需要了解计算机系统的硬件基本性能指标，如当前主流计算机性能指标数据。

数据库访问优化法则

（目的）：要正确的优化 SQL；

（条件）：需要快速定位性能的瓶颈点；

（进一步阐释说明）：即是快速找到 SQL 主要的开销在哪里？

1. 调拨单列表页

搜索调拨单，搜索条件有：总行数 总件数 ——》数据结构要调整，调拨单表添加字段总行数、总件数；

$ git config --list http.sslcainfo=C:/Program Files/Git/mingw64/ssl/certs/ca-bundle.crt http.sslbackend=openssl diff.astextplain.textconv=astextplain core.autocrlf=true core.fscache=true core.symlinks=false credential.helper=manager user.name=xxj user.email=hea@exa.com credential.helper=store credential.username=xxxj core.repositoryformatversion=0 core.filemode=false core.bare=false core.logallrefupdates=true core.symlinks=false core.ignorecase=true remote.origin.url=ssh://@192.168.2.172:29418/hea_storage_model.git remote.origin.fetch=+refs/heads/:refs/remotes/origin/ branch.master.remote=origin branch.master.merge=refs/heads/master

此种配置下， git push 出现如下提示：

fatal: Could not read from remote repository.

Please make sure you have the correct access rights and the repository exists.

检查后发现，有问题的配置项：

remote.origin.url=ssh://@192.168.2.172:29418/hea_storage_model.git

remote.origin.url=ssh://@ 缺少了 username

let msg = res.code != 0 ? res.msg || '操作失败' : res.msg || "操作成功";

代码优化，可读性的衡量：

let options = res.code != 0 ? { msg: '操作失败', icon: 2} : {msg: "操作成功", icon: 1};

msg = res.msg || options.msg;

JavaScript 的数学运算

基于 Math 类 Math.ceil() Math.floor()

3.1415926.toFixed(2) // 保留小数位 99.89233.toPrecision(5) // 整体长度，含整数部分

全局对象 window 的方法

parseInt('100') parseInt(100.12) parseInt('string') // => NaN

Number("string") // => 0

位运算：

| 0 ， 和 0 按位或 ~~ ，两次按位非

0，右移 0 位 << 0，左移 0 位

0，无符号右移 0 位

• • Visual Studio Code 快捷键

• 调出快捷键设置： Ctl + k Ctrl + s (这是代表联合一起的)

• 当前行快速换行 ： Ctrl + Enter
• 快速删除某一行：Shift + Delete / Ctrl + Shift + K
• 查找： Ctrl + F
• 文件中查找： Ctrl + Shift + F
• 替换：Ctrl + H
• 文件中内容替换： Ctrl + Shift + H

• 删除空行
• 1)notepad++
• Ctrl + h 调出替换窗口，查找目标栏输入 \r\n\r\n，替换栏输入 \r\n，选择全部替换。
• 2) Visual Studio Code 正则表达式，查找目标 ^\s*(?=\r?$)\n；Alt+R 选择正则表达式查找模式

安装多版本 Python

Windows 安装 Python 2.7 和 Python 3，如何设置环境变量中的系统变量，而可以分别执行不同的版本？

1、安装 Python 2.7 后 1.1 先将 python.exe 命名为 python2.exe。 1.2 将python2.exe 所安装的路径，添加到系统变量中.

2、安装 Python 3.x 后 2.1 重命名，将安装路径下的 python.exe，命名为 python3.exe 2.2 将该 python3.exe 所在的路径，添加到系统变量中

server load balancer

传统的部署方式是什么？ 资源，又是指什么？

云原生化，又是指如何？

“业务代码”指实现业务逻辑的代码。 “三方软件”是业务代码中依赖的所有三方库，包括业务库和基础库。 “处理非功能性的代码”指实现高可用、安全、可观测性等非功能性能力的代码。

业务推出速度 按周、按小时 每月上线业务量 业务中断

内部开发者平台，就好象是雪花，但任意的两片都是不一样的。