-
组件库搭建
前言搭建思路实战…
-
Lerna简介和使用
lernaLerna 是一个优化基于 git + npm 的多 package 项目的管理工具。解决什么问题 重复操作多 Package 本地 link多 Package 依赖安装多 Package 单元测试多 Package 代码提交多 Package 代码发布 版本一致性发布时版本一致性发布后相互依赖版本升级 官网官网： https://leran.js.org使用1、初始化 npm 项目 安装 lerna lerna init : 初始化项目2、创建 p...…
-
前端架手架设计
架构图脚手架的核心价值自动化：项目重复拷贝/git 操作/发布上线操作标准化：项目创建/ git flow/ 发布流程/ 回滚流程数据化：研发过程系统化、数据化、使得研发过程可量化开发流程 创建 npm 项目 创建脚手架入口文件，最上方添加：#!/usr/bin/env node 配置 package.json，添加 bin 属性 编写脚手架代码 将脚手架发布到 npm使用流程 安装脚手架pnpm install -g 91-cli 使用脚手架91-cli...…
-
使用sentry搭建监控平台
前言Sentry 是一个开源的实时错误监控系统。部署1、拉取镜像docker run -d --name sentry-redis --restart=always redisdocker run -d --name sentry-postgres -e POSTGRES_PASSWORD=wangjie -e POSTGRES_USER=sentry --restart=always postgres2、启动数据库服务docker run -d --name sentry-redis -...…
-
oprnfire install
安装Dockerhub上提供了映像的自动构建，这是推荐的安装方法。docker pull nasqueron/openfire:4.7.1或者，您可以自己构建图像。docker build -t nasqueron/openfire github.com/nasqueron/docker-openfire快速开始使用以下命令启动 Openfire：docker run --name openfire -d --restart=always \ --publish 9090:9090 --...…
-
Calibre电子书管理工具
简介Calibre 是一款强大且易用的电子书本地管理工具，可以在 Windows、macOS 和 Linux 平台集中整理各种格式的电子书……https://calibre-ebook.com/zh_CN/download效果搭建私人电子书平台1、下载镜像docker pull johngong/calibre-web:latest2、创建 calibre-web 容器 docker create \ --name=calibre-web \ -p 8083:8083 \...…
-
好用的工具网站
图标网站Iconfont制作logo网站LOGO设计神器标智客…
-
微信小程序开发整理
前言常用文档链接微信小程序开发文档微信云开发参考文档小程序注册微信小程序注册小程序解冻微信小程序解冻小程序管理微信小程序管理小程序数据分析微信小程序数据分析-We分析…
-
node project package docker images
前言node项目.├── Dockerfile├── _eng.traineddata├── app.js├── bin│ └── www├── chi_sim_vert.traineddata├── chi_tra.traineddata├── eng.traineddata├── osd.traineddata├── package-lock.json├── package.json├── public│ ├── javascripts│ ├── stylesheets│ ...…
-
https证书申请
前言免费申请HTTPS证书https://zhuanlan.zhihu.com/p/138792764配置server { #SSL 访问端口号为 443 listen 443 ssl; #填写绑定证书的域名 server_name api.19ba.cn; #证书文件名称，容器中的路径 ssl_certificate /etc/nginx/cert/fullchain.cer; #私钥文件名称， 容器中的路径 ssl_certificate...…
-
docker install nginx
docker 官方镜像仓库地址： https://hub.docker.com选择合适的 nginx 镜像版本下载 nginx 镜像 命令 描述 docker pull nginx 下载最新版本（等同于：docker pull nginx:latest docker pull nginx:版本号 下载制定版本 查看 nginx 镜像信息docker images创建 n...…
-
coder server搭建
搭建通过docker镜像来快速搭建 docker run -d --name code-server -p 8070:8080 \ -v "$PWD/.config:/home/coder/.config" \ -v "$PWD/code-server:/home/coder/project" \ -u "$(id -u):$(id -g)" \ -e "DOCKER_USER=$USER" \ codercom/code-server:latest…
-
Docker环境下的前后端分离redis集群部署
安装 Redis，配置 RedisCluster 集群1. 安装 Redis 镜像docker pull yyyyttttwwww/redis2. 创建 net2 网段docker network create --subnet=172.19.0.0/16 net23. 创建 6 节点 Redis 容器docker run -it -d --name r1 -p 5001:6379 --net=net2 --ip 172.19.0.2 redis bashdocker run -it -d...…
-
Docker环境下的前后端分离mysql集群部署
安装 PXC 集群，负载均衡，双机热备1. 安装 PXC 镜像docker pull percona/percona-xtradb-cluster2. 为 PXC 镜像改名docker tag percona/percona-xtradb-cluster pxc3. 创建 net1 网段docker network create --subnet=172.18.0.0/16 net14. 创建 5 个数据卷docker volume create --name v1docker volum...…
-
jekyll docker 部署
文档https://github.com/envygeeks/jekyll-docker/blob/master/README.md快速启动命令sudo docker run --rm \ --volume="$PWD:/srv/jekyll:Z" \ --publish [::1]:4000:4000 \ -it \ jekyll/jekyll \ jekyll servesudo docker run –rm -p 4000:4000 -v $PWD:/srv/jekyll/...…
-
react应用启动过程
React 启动模式在 react@17.0.2 源码中 ，有3种启动模式。基本如下：1、legacy 模式：ReactDOM.render(< App/>, rootNode).2、Blocking 模式： ReactDOM.createBlockingRoot(rootNode).render(< App/>)3、Concurrent 模式： ReactDOM.createRoot(rootNode).render(< App/>)React 启动流...…
-
react源码包结构分析
React package 工程目录 React 工程目录的 packages 下包含 36 个包（@17.0.2 版本）其中与 web 相关的核心包共有 4 个。本文以 4 个包为线索进行展开，深入分析 react 的架构原理。包目录packages├── create-subscription├── dom-event-testing-library├── eslint-plugin-react-hooks├── jest-mock-scheduler├── jest-react├─...…
-
pm2使用教程
简介PM2 是 node 进程管理工具，可以利用它来简化很多 node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。安装npm install -g pm2快速使用pm2 start app.js常用命令启动参数说明：--watch：监听应用目录的变化，一旦发生变化，自动重启。如果要精确监听、不见听的目录，最好通过配置文件。-i --instances：启用多少个实例，可用于负载均衡。如果-i 0或者-i max，则根据当前机器核数确定实例数目。--ignore-...…
-
koa-jwt
Koa-jwt什么是JWTJWT（JSON Web Token） 是一种方便地实现服务器与客户端安全通讯的规范，是目前最流行的跨域认证解决方案。JWT原理在介绍 JWT 之前，先来看看如何使用 session 和 cookie 做用户验证，流程一般如下：服务器验证客户端发送的用户名和密码后，在当前对话（session）保存用户信息相关数据并返回一个 session_id 给用户，写入用户 cookie。之后用户的每次请求都会通过 cookie 将 session_id 传回服务器，服务器收...…
-
flex
flex 容器基础概念display: flex & flex-directionflex-direction 默认 row , 横向布局; column, 垂直布局;column-reverse, 反向垂直布局; row-reverse, 反向横向布局;flex 元素增长flex-basis & flex-growflex-basis 一般情况可以直接用 width, 如果定义 width, flex-basis: auto 会直接使用 width 的值。 未设置 wid...…
