node-index
node-index copied to clipboard
yanlele
学习笔记、博文、简书、工作日常踩坑记录以及一些独立作品的汇总目录
# 插件入门 谷歌浏览器扩展程序， 俗称 - 谷歌插件 只要是使用谷歌内核的浏览器都是可以使用的。 谷歌浏览器（Google Chrome）的扩展程序可以增加浏览器的功能性，它们是独立的小程序，可以改变浏览器的外观、拦截广告、帮助用户自动填写表单、提供临时邮箱服务、密码管理、自动翻译网页、提供新标签页的定制内容等。 它可以完成很多 web 前端很多无法做到的事情， 可以调用一些列的系统级别的 api , 对很多一些已经上线的三方前端应用做劫持和修改。 其强大能力不多细说了。 # 你的第一个浏览器扩展程序 直接上干货 在根目录 新建 `manifest.json` 的新文件。此 JSON 文件描述了扩展程序的功能和配置。例如，大多数清单文件包含一个 "action" 键，用于声明 Chrome 应用作扩展程序的操作图标的图片，以及当用户点击扩展程序的操作图标时在弹出式窗口中显示的...
# JS 执行 100 万个函数， 还能保证浏览器不卡？ 众所周知，浏览器下 JS 是单线程的，你执行 100万个函数， 不做任何防御措施， 浏览器只能原地爆炸。 那有没有在大批量 JS 任务执行的时候， 浏览器不卡呢？ 当然是有的 react fiber 任务调度就能做到。 当然本次文章不是介绍 react 任务调度。 我们只是简单讨论一下， 如何执行大批量任务的时候， 有什么办法避免浏览器不卡。 ## 为何浏览器会感觉到卡顿 首先要明白， 为何会感觉到浏览器卡顿，...
**关键词**：ts 内置类型方法、ts 内置工具类型 TypeScript 提供了许多内置的类型方法和工具类型，用于处理和操作类型。以下是其中一些常用的内置类型方法： ### 分类 1. **Utility Types（工具类型）**： - **Partial\**: 将类型 T 的所有属性变为可选。 - **Required\**: 将类型 T 的所有属性变为必选。 - **Readonly\**: 将类型 T 的所有属性变为只读。 - **Record\**: 创建一个具有指定键类型 K 和值类型...
# 性能分析 ### 参考文章 - [如何分析页面加载慢](https://www.jianshu.com/p/24b93b13e5a9) - [以用户为中心的前端性能指标「译」](https://www.jianshu.com/p/456e6eff59c8) - [实现埋点上报方案过程中的思考](https://juejin.cn/post/6844904153739706375) - [前端搞工程化：从零打造性能检测库 ** ](https://juejin.cn/post/6919295789630455815) - [优秀前端必知的话题：我们应该做些力所能及的优化](https://juejin.cn/post/6844903688222277640) - [最新性能指标 **](https://juejin.cn/post/6850037270729359367) - [还在看那些老掉牙的性能优化文章么？这些最新性能指标了解下](https://juejin.cn/post/6850037270729359367) - [技术探索：60 天急速自研-前端埋点监控跟踪系统大浪子](https://juejin.im/post/6844903954199887880) - [写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践 **](https://juejin.cn/post/6981673766178783262) -...
## 好用的库总结 - [工具函数](#%E5%B7%A5%E5%85%B7%E5%87%BD%E6%95%B0) - [web工具](#web%E5%B7%A5%E5%85%B7) - [React](#react) - [node](#node) - [项目体系](#%E9%A1%B9%E7%9B%AE%E4%BD%93%E7%B3%BB) - [其他](#%E5%85%B6%E4%BB%96) ### 工具函数 - [工具函数: ramda **](https://github.com/ramda/ramda) - [函数式编程函数: fp-ts](https://github.com/gcanti/fp-ts) - [格式化和处理数字: Numeral-js](https://github.com/adamwdraper/Numeral-js) - [浅对比: shallowequal](https://github.com/dashed/shallowequal) -...
## Swarm ### 01、创建三个节点的Swarm集群 创建三台虚拟机 分别命名为`docker-manager docker-worker1 docker-worker2` 先进入 `docker-manager` 节点 初始化一个docker swarm : `docker swarm init --advertise-addr=[ip]` 初始化节点成功只会， 会给出一个 `To add a worker to this swarm command`: 拿到这个之后， 直接...
## Docker Compose 多容器部署 ### 01、部署一个wordPress 启动一个mysql 数据容器: `docker run -d --name=mysql -v mysql-data:/var/lib/mysql -e MYSQL_ROOT_PASSWORD=root -e MYSQL_DATABASE=wordpress mysql:5.6` 启动WordPress： `docker run -d -e WORDPRESS_DB_HOST=mysql:3306 --link mysql -p 8080:80 wordpress`...
## docker的持久化存储与数据共享 ### 01、基础概念 如果我们在container 写数据， 那么只限于这个container, 删除就没有了。 有一个这样的需求， 数据库是放在某一个容器里面的， 希望数据不会随着容器的删除而丢失， 希望容器数据库保存的数据可以共享。 #### Docker持久化数据方案 - 基于本地文件系统的Volume - 基于plugin的Volume, 支持第三方的存储方案， 比如NAS, aws 主要是为第一种方案为主。 #### Vagrant 插件 如果要把文件弄到虚拟机里面， 最简单的办法就是直接 `git clone xxxx`...
## Docker网络 主要分为 单机网络 和 多机网络 - [01、基础网络知识](#01%E5%9F%BA%E7%A1%80%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86) - [02、网络命名空间](#02%E7%BD%91%E7%BB%9C%E5%91%BD%E5%90%8D%E7%A9%BA%E9%97%B4) * [运行第二个容器](#%E8%BF%90%E8%A1%8C%E7%AC%AC%E4%BA%8C%E4%B8%AA%E5%AE%B9%E5%99%A8) * [创建一个Linux NetWork NameSpace](#%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AAlinux-network-namespace) * [创建一对链接](#%E5%88%9B%E5%BB%BA%E4%B8%80%E5%AF%B9%E9%93%BE%E6%8E%A5) - [03、bridge](#03bridge) - [04、容器之间的link](#04%E5%AE%B9%E5%99%A8%E4%B9%8B%E9%97%B4%E7%9A%84link) * [自己创建一个bridge](#%E8%87%AA%E5%B7%B1%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AAbridge) * [已经创建好的容器链接到新的bridge上](#%E5%B7%B2%E7%BB%8F%E5%88%9B%E5%BB%BA%E5%A5%BD%E7%9A%84%E5%AE%B9%E5%99%A8%E9%93%BE%E6%8E%A5%E5%88%B0%E6%96%B0%E7%9A%84bridge%E4%B8%8A) - [05、容器的端口映射](#05%E5%AE%B9%E5%99%A8%E7%9A%84%E7%AB%AF%E5%8F%A3%E6%98%A0%E5%B0%84) - [06、host和none](#06host%E5%92%8Cnone)...
## Docker容器与镜像 目录 - [Docker核心](#class02-01) - [Docker镜像](#calss02-02) - [打包自己的一个image](#class02-03) - [Docker容器: Container](#class02-04) - [构建自己的镜像](#class02-05) - [Dockerfile](#class02-06) - [发布镜像](#class02-07) - [来一个简单的例子](#class02-08) - [容器操作](#class02-09) - [再看一个小栗子 - 打包一个node程序](#class02-10) - [容器资源限制](#class02-11) ### Docker核心...