12 2023 档案
摘要：方式一：创建一个Chrome插件 为了创建一个Chrome插件来移除document请求中的X-Frame-Options，你可以按照以下步骤进行操作： 创建一个新的文件夹作为插件项目的根目录。 在根目录下创建一个名为 manifest.json 的文件，并添加必要的清单信息，例如： { "mani
阅读全文
摘要：初步研究了下V-SCM系统（或称：数字化供应链），是使用jQuery开发多页应用，通过nginx组织了各个页面，系统内部通过window.location.herf/a标签进行页面跳转，估计跳转登录页的逻辑就是看有无Cookie请求头字段，有进系统，无进登录页。 由于他不是单页应用（SPA，Sing
阅读全文
摘要：在 TypeScript 中，never 类型表示那些永远不会发生的类型。它通常用来表示以下情况： 函数的返回类型：如果一个函数永远不会返回（例如抛出异常或进入无限循环），可以将其返回类型标注为 never。 function throwError(message: string): never {
阅读全文
摘要：类型断言（Type Assertion）是 TypeScript 中的一种语法，用于手动指定一个值的类型。它类似于其他语言中的类型转换，但是在 TypeScript 中，类型断言并不会改变变量的底层类型。 在使用类型断言时，需要使用尖括号或者 as 关键字来指定目标类型。例如： const valu
阅读全文
摘要：简而言之：鸭子类型说明了只要一个对象拥有鸭子类型中的属性，即便这个对象没有赋予类型/赋予了其他类型，我们也可以认为这个对象是属于鸭子类型。 好处是：方便，在一些函数的入参限制了传值的类型，只要我们的值满足类型的属性即可传入。 坏处是：可能存在意想不到的问题，然而 Typescript 也没报错。我们
阅读全文
摘要：在 JavaScript 中，每个对象都包含一个内部属性 [[Class]]，表示该对象的类型。这个属性是由 JavaScript 引擎内部自动设置的，并且不能直接访问。当你调用对象的 toString 方法时，JavaScript 引擎会通过这个属性来确定对象的类型，并将其作为字符串返回。 对于大
阅读全文
摘要：问题 部分的组件库（例如antd）使用到了window.innerWidth和window.innerHeight属性，可无界框架在初始化时仅将主应用的innerWidth和innerHeight属性赋值给子应用，后续不管主应用如何变化，子应用的这两个属性无法跟随变化，也就导致子应用使用的这些组件库
阅读全文
摘要：🎈基于 RBAC 权限控制系统构建的企业集成中台系统，采用目前最常用的基于 角色Role 的权限控制 （ 用户 -> 角色 -> 权限 ），可配置各种颗粒度的权限。 同时支持已部署的项目嵌入运行。 🦾用户可绑定多个角色，同时支持角色切换，实现不同角色的权限切换，支持快捷键切换。（主应用：Shif
阅读全文
摘要：unknown 是 TypeScript 中的一种顶级类型，它表示一个未知的值。与 any 类型不同，unknown 类型更加类型安全。 当一个值被标记为 unknown 类型时，它只能赋值给 unknown 或 any 类型。这意味着我们不能对 unknown 类型的值执行任何操作，除非我们首先进
阅读全文
摘要：keyof 和 typeof 是 TypeScript 中的两个操作符，它们分别用于从类型中提取键和获取变量的类型。 keyof T：用于获取类型 T 的所有键的联合类型。也就是说，keyof T 将返回一个包含类型 T 中所有属性名的联合类型。 typeof x：用于获取变量 x 的类型。它会返回
阅读全文
摘要：Readonly<T> 是 TypeScript 中的一个预定义类型操作工具，用于将给定类型 T 中的所有属性设置为只读。这意味着创建的新类型将具有与原始类型相同的属性，但这些属性在新类型中是只读的，不可修改。 下面是一个示例： type Person = { name: string; age:
阅读全文
摘要：Omit<T, K> 和 Pick<T, K> 他们的区别在于它们的功能和作用对象： Omit<T, K>：用于从类型 T 中排除属性 K，生成一个新的类型，即返回类型中去掉指定属性的结果。这个工具适用于当我们需要创建一个新类型，该类型与原类型相似，但排除了特定属性的情况。 Pick<T, K>：用
阅读全文
摘要：平滑滚动函数 smoothScrollTo 这是一个 JavaScript 函数，可以实现平滑滚动至指定位置。 function smoothScrollTo(targetY, duration) { const startY = window.pageYOffset; const distance
阅读全文
摘要：process.nextTick 是 Node.js 中一个特殊的函数，用于在当前操作结束后（当前事件循环的末尾）立即执行回调函数。它比 setImmediate 的优先级更高，并且会在下一个微任务队列中执行，而不是下一个事件循环迭代中。 使用 process.nextTick 可以将回调函数安排在
阅读全文
摘要：setImmediate 是一个用于在 Node.js 中执行异步操作的函数。它类似于 setTimeout，但是会在当前事件循环的末尾立即执行回调函数，而不是等待一定的延迟时间。 使用 setImmediate 可以将回调函数放置在当前事件循环的队列末尾，以确保它在下一个事件循环开始时尽快执行，而
阅读全文
摘要：WebSocket（简称为ws）是一种在 Web 应用程序中实现双向通信的协议。以下是一个使用 JavaScript 实现的简单 WebSocket 示例： // 创建 WebSocket 对象并建立连接 const socket = new WebSocket("wss://example.com
阅读全文
摘要：HTTPS（Hypertext Transfer Protocol Secure）位于 OSI（Open Systems Interconnection）模型的应用层和传输层之间。 在 OSI 模型中，从底层到顶层依次是：物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。HTTPS 是在应
阅读全文
摘要：302 Found 和 307 Temporary Redirect / Internal Redirect 都是 HTTP 状态码中用于重定向的状态码，它们之间的区别在于对待原始请求的方式： 302 Found：当服务器返回状态码 302 时，表示请求的资源暂时被重定向到其他位置。对于 GET 请
阅读全文
摘要：区别： 原生API vs ES6新增函数：XHR 是浏览器提供的原生API，而 fetch 是 ES6 中新增的全局函数。 使用对象差异：XHR 使用 XMLHttpRequest 对象，而 fetch 使用 Promise 对象。 Cookies 默认携带：fetch 默认不会携带 cookies
阅读全文
摘要：层次选择器是CSS中用来选择文档中特定元素的一种方法，它通过使用不同元素之间的层次关系来选择目标元素。 常见的层次选择器包括： 后代选择器（descendant selector） 子元素选择器（child selector） 相邻兄弟选择器（adjacent sibling selector） 通
阅读全文
