一些好用的轮子和工具

发表于2019-09-10|更新于2025-05-23|杂记

|浏览量:

凡是现实的都是合理的，凡是合理的都是现实的。—— 黑格尔

canvas绘图

阿里的数据可视化的底层框架g2，无需从头到尾操作原生canvas api了，画线、矩形、圆形、贴图等非常便利。

提高效率的chrome拓展

双向修改CSS的工具livestyle

常见的网关

Openresty：基于 Nginx 的高性能 Web 平台，集成了大量模块，用来处理 HTTP 请求，被许多企业作为内部网关的基础框架
Kong：构建在 OpenResty 上的网关平台，有丰富的插件体系，支持身份认证、限流、日志记录、监控等功能

大模型

github

github 文件加速:

优秀的开源项目

windows 必备软件

SumatraPDF
QQ 影音
NVM for windows
DBeaver
Docker Desktop
Cursor
Vscode
Windows Terminal
搜狗拼音（微软自带的拼音太简陋了，中文模式下括号不能自动匹配）

Mac 必备软件

NVM
IINA
Vscode
Chrome
Docker
WPS（查看 PDF，视图，适应宽度，并且开启连续阅读，看 PDF 的体验会比较好）
搜狗拼音
bat：替代 cat
jq: 命令行 json 查看器

Git 上的一些必要配置

# 防止中文文件名显示为 8 进制，人类不可读
git config --global core.quotepath false

# 先配置成自己的，一般公司项目有限，在公司的仓库下按照公司的要求进行配置
git config --global user.name consoles
git config --global user.email consoles.me@gmail.com

# 查看 Git 全局配置
git config --list --global

终端 json 工具

使用 curl 查看 api 的返回结果，json 的格式不友好，可以使用 Perl 自带的 json_pp

1	curl http://api.json \| json_pp

文章作者: consoles

文章链接: https://consoles.fun/2019/09/10/%E4%B8%80%E4%BA%9B%E5%A5%BD%E7%94%A8%E7%9A%84%E8%BD%AE%E5%AD%90%E5%92%8C%E5%B7%A5%E5%85%B7/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源雨碎江南！

相关推荐

使用node构建海量页面渲染服务手机天猫的所有页面都是,大约在3年前天猫的大量页面是基于php渲染的，数据模板打包后推送到CDN，每次请求都渲染页面。用户请求CDN上的资源。但是这样的方式存在以下的弊端：大量文件在网络情况不一的CDN节点上同步非常困难每次请求渲染导致大量的机器资源浪费 php太灵活，多业务共享难以升级，性能低 node.js具有以下的优势： js模板可以前后端共享轻量级、高性能 2014年的天猫双十一从php迁移到了node koajs中的基于装饰器的中间件 123456789function* responseTime(next){ // 所有后续中间件之前执行 const start = Date.now() yield next; // 所有后续中间件之后执行 const used = Date.now() - start // 将响应时间设置到http header this.set('X-Response-Time',`${used} ms`) ...

Koa 源码解析

Context 上下文对象ctx -> Koa Contextctx.req -> req -> IncommingMessagectx.res -> res -> ServerResponse ctx.req 是 node 原生的，ctx.request 是 koa 封装的请求对象，提供了更高级的 API 和更友好的方法（内部实现是 ctx.req）在 lib/context.js 中: 12345678910111213141516171819202122232425262728293031323334/** * Request delegation. */delegate(proto, 'request') .method('acceptsLanguages') .method('acceptsEncodings') .method('acceptsCharsets') .method('accepts') ...

依赖注入是 Nest.js 的核心，使得开发者可以轻松管理应用程序中的依赖关系，提高代码的可测试性和可维护性。DI 是一种设计模式，它可以用来实现控制反转（IoC）—— 对象的创建和依赖关系的管理交给框架来处理而不是在代码中硬编码。它的依赖注入主要有 3 个核心概念： Provider: 用于创建和管理的服务、仓库、工厂等的类，使用 @Injectable 装饰器进行标记，并可以在模块中注册。 Injection: 将提供者的实例自动传递给需要它们的类（如控制器、服务等）,通过构造函数注入来实现这一点。 Module: NestJS 应用程序的基本组织单元，每个模块可以包含多个提供者，并且可以在其他模块中导入和使用这些提供者。依赖注入的优势：解耦：类之间的依赖关系更加松散，减少了代码的耦合度，提高了代码的可维护性可测试性：通过依赖注入，可以轻松在测试中替换依赖项，使用模拟对象进行单元测试可拓展性：新功能可以通过添加新的提供者来实现，而不需要修改现有代码

javascript 设计模式

心游于艺，道不远人变继承关系为组合关系State 模式继承描述了 is-a 的关系，子类可以继承父类的成员变量和函数，也可以修改父类的成员变量和函数。使用设计模式来实现代码复用，而不是使用继承实现代码复用。它的核心思想是通过改变对象的内部状态来改变对象的行为，而无需修改对象本身的类结构。 1234567891011121314151617181920212223242526272829// 状态接口interface Role { void doWork();}// 具体状态class Engineer implements Role { public void doWork() { System.out.println("写代码"); }}class Manager implements Role { public void doWork() { System.out.println("开会"); }}//...

js 和 html 之间的交互是通事件实现的。事件就是文档或者浏览器窗口中发生的一些特定的瞬间。我们可以使用侦听器来预定事件，以便事件发生时执行相应的代码。传统的软件工程中称为观察者模式，使得行为(js)和外观(html 和 css)松散耦合。 DOM 事件流注意：没有 DOM1 事件流的概念。 “DOM2级事件”规定事件流包括 3 个阶段: 事件捕获(默认不启用, 需要显式设置 capture: true) 处于目标事件冒泡以下面的 DOM 结构为例: 单击 div 元素事件是先是从 Document -> Div 的捕获阶段，然后是 Div -> Document 的冒泡阶段。事件处理程序1<button onclick="show();"> Q:上述的时间处理程序有什么缺点?A:缺点有2个。①可能存在时差问题：考虑这样一种情形，show函数定义在按钮的后面,当DOM还没有加载到script标签的时候将会发生错误,此种情形可以通过内部添加try-catch来解决:<button...

javascript 高级技巧

高级函数作用域安全的构造函数例如以下的构造函数: 123function Person(name){ this.name = name} 如果我们不是 new 出来的,而是直接将构造函数当做一个普通的函数调用就会将name属性绑定到 window 上面(this 指向 window): 12Person(123)window.name // 123 以上的操作为 window 添加了新的属性,导致 window 的属性意外增加或者覆盖!解决方案是创建一个作用域安全的构造函数: 123456function Person(name){ if(this instanceof Person) this.name = name else return new Person(name) } 以上的函数要么使用现有的实例,要么创建新的实例,this 指向的始终是实例,避免了在全局对象上意外增加属性，这是最佳实践（直接使用 ES6 class 才是最佳实践！）。 js...

数据加载中