阿城的博客

自动布局列也能和断点搭配使用，在不同断点下，进行不同的列布局，比如大屏列多一点，小屏列少一点。比如实现一行8列的布局，12的因数没有8，所以如果要使用网格系统实现，我们就需要嵌套。另外，col 包裹实际内容的，为了美观，所以给 col 设置内边距 15px，防止实际内容紧贴着容器 container。分别对应着：手机，手机横屏，平板，小屏笔记本13、14寸，一般尺寸的电脑。在xl屏幕显示6列，在lg屏幕显示4列，在md屏幕显示3列，在sm屏幕显示2列，特小屏(none)显示1列。

ITCSS的目标是通过限制CSS的特异性、减少依赖性、避免重叠和冲突，以及提供清晰的代码组织结构，来创建一个易于管理和扩展的CSS代码库。@layer 指令就是用来告诉 tailwind 这些自定义的类应该属于三层中的哪一层，tailwind 你要按这一层的规矩管理它。Tailwind 添加了一些自定义函数，用来在自定义样式时，在 css 中获取 tailwind 提供的样式中的一些值。首先我们要明白，tailwind 能通过类的方式来写样式，是因为它已经提供了这些写好了 css 的类。

nest 定义中间件有两种，函数式中间件和类中间件。函数式中间件就和 express 中间件一模一样。next();要在类中定义中间件，这个类就要实现接口。并且中间件类也是可以依赖注入的。next();在许多情况下，您无需编写自定义异常，而可以使用内置的 Nest HTTP异常，如下一节所述。如果确实需要创建自定义的异常，则最好创建自己的异常层次结构，其中自定义异常继承自基类。使用这种方法，Nest可以识别您的异常，并自动处理错误响应。@Get()

【代码】油猴脚本：bing 搜索结果居中。

config 配置项可指定配置文件。})return {js: `.${return {.js`,},})| 'js'| 'jsx'| 'ts'| 'tsx'| 'css'| 'json'| 'text'| 'base64'| 'file'| 'binary'| 'copy'会发现上面没有图片的 loader，但我们可以指定 loader 去处理某些后缀的图片。

首先明确 lua 和 js Python一样是动态解释性语言，需要解释器执行。并且不同于 Python 的强类型与 js 的弱类型，它有点居中，倾向于强类型。

只是请求发过去，返回的是静态 HTML 文件，还是后端接口的数据，都靠 location 字段设置的 URL 匹配规则来区分，比如接口服务一般匹配 path 为/api，所以前端中请求接口数据，url 必须带上/api。同时，Cookie依然遵循同源政策，只有用服务器域名设置的Cookie才会上传，其他域名的Cookie并不会上传，且（跨源）原网页代码中的document.cookie也无法读取服务器域名下的Cookie。Cookie 是服务器写入浏览器的一小段信息，只有同源的网页才能共享。

严格定义 Content-Type: application/json，然后严格过滤 callback 后的参数并且限制长度（进行字符转义，例如）等，这样返回的脚本内容会变成文本格式，脚本将不会执行。定义一个带有形参的函数，将函数名通过url的额外参数传递给服务器，服务器拿到函数后，将函数名拼成函数调用的字符串形式，并将响应数据序列化成字符串，以实参的形式传递给函数，然后返回给客户端。看一下淘宝的搜索框，关键字联想推荐接口的响应数据格式，就知道这是 jsonp 的接口。

通过学习搭建脚手架工具，学习 nodejs 开发命令行工具知识。

之前番茄钟应用，我们采用的是最原始的结构开发。但实际项目开发肯定是用脚手架的。

ResourceDispatcher 是用来处理资源请求的，当页面要请求某些资源的时候，会通过资源调度器 ResourceDispatcher 创建一个请求 id，然后转发到 IPC，在 Browser 进程里处理，然后返回。electron 当初也像 NW 一样，但是发现渲染进程中实现很简单，但是主进程中确很复杂，因为各个系统的 GUI 实现都不一样，比如 Mac 是 NSRunLoop，Linux 是 glib。解决这个问题，思路就是两者的事件循环要整合成一个，这样主进程才不会冲突。

electron 应用打包方式有很多，比如 electron-builder。但现在官方主推的是 Electron Forge。

有个误区要注意：设计哈希表的时候要明白，存储过程不是这个位置本是没内容的，然后放进一个内容，直到此处出现了冲突，这个位置才开始挂一个桶，然后新旧内容一起都放桶里。而哈希表是放的时候不允许随机放，直接就规定了位置，那去找的时候，不就按位置直接去拿即可。上面提取到第二次已经无法再提了，用语言描述就是 hashcode 从 0 开始与幂底的积再加上字符串第一个字符的编码的和作为下一次的 hashcode，继续乘幂底与第二个字符的编码的和再次作为 hashcode 进入下一轮循环，直到加完所有的字符。

在某些与沙盒不兼容的使用情况下（例如，在渲染器中使用原生的 Node.js 模块时），可以禁用特定进程的沙盒。因为预加载脚本与浏览器共享同一个全局 Window 接口，并且可以访问 Node.js API，所以它通过在全局 window 中暴露任意 API 来增强渲染器，以便你的网页内容使用。因为是个阉割版，所以这个想法是行不通的。Electron 的主进程是一个拥有着完全操作系统访问权限的 Node.js 环境，这意味着它具有 require 模块和使用所有 Node.js API 的能力。

◼ 数组： 要存储多个元素，数组（或选择链表）可能是最常用的数据结构。 我们之前说过，几乎每一种编程语言都有。◼ 但是数组也有很多缺点： 数组的创建通常需要申请一段(一整块的内存)，并且大小是固定的(大多数编程语言数组都是固定的)，所以当当前。(一般情况下是申请一个更大的数组，比如2倍。然后将原数组中的元素复制过去，比如 Java 的 ArrayList) 而且在数组开头或中间位置插入数据的成本很高，需要进行大量元素的位移。

数据结构是ADT（抽象数据类型 Abstract Data Type）的物理实现。” — 《数据结构与算法分析》“数据结构（data structure）是计算机中存储、组织数据的方式。通常情况下，精心选择的数据结构可以 带来最优效率的算法。” —中文维基百科。

解决 ts-node：Cannot use import statement outside a module & Unknown file extension _.ts_ for xxx.ts 报错

如果是自己开发的组件库，为了让它支持自动按需导入，就需要自己编写解析器。},],})resolvers 数组里可以传入一个函数，这个函数会在编译时不断执行。函数接收组件名，并返回一个和 unplugin-auto-import 插件中 imports 配置一样的配置对象，这个对象就是 import 语句的描述对象，最终依据它生成导入语句。注意：组件名会自动转成大驼峰写法。因此所谓的解析器，功能就是根据组件名映射成 import 导入语句。

Antimalware Service Executable 也被称为 msmpeng.exe，在后台运行，因此它可以不时地检测文件和程序。Antimalware Service Executable 是一个 Windows 安全进程，它执行针对恶意软件的实时保护。排查发现是 Antimalware service executable 服务在作祟。问题原因：Windows defender 实时扫描硬盘文件，导致 CPU 负载大。当它检测到病毒或其他恶意攻击时，它会删除或隔离它们。

虽然开发环境可以忍着红线不去管它，可以正常使用，但打包构建会失败。可以看到 vscode 可以给出 ElNotification 的类型提示，说明 ts 已经识别，但 eslint 仍然检查失败。Element-plus 在使用 ElMessage 消息弹框的时候没有样式，按照官方的按需加载的方式引入的。现在 ts 已经不抱类型错误，但如果配置了 eslint，则 eslint 就会开始报错了。配置开启后，默认就会在 vite 文件同级目录中自动生成对应的。其实自动导入已经有了 ts 的类型声明，它就在。