- 博客(69)
- 收藏
- 关注
RSS订阅原创 2C 兼容和小技巧 合集
以前一直是2b端没遇到过啥兼容性 或者 奇奇怪怪改UI的地方，现在换成C端业务，就在这里记录下遇到的奇奇怪怪的需求以及解决办法吧。这篇文章争取 长久更新，希望自己能坚持写下去。
2023-05-11 11:55:49
556
原创 nextjs开发 + vercel 部署 ssr ssg
最近想实践下ssr 就打算用nextjs 做一个人博客 ， vercel 部署 提供免费域名，来学习实践下ssr ssgnextjs 一个轻量级的react服务端渲染框架vercel 由 Next.js 的创建者制作 支持nextjs 部署 免费静态网站托管。
2023-03-09 17:04:03
999
原创 gitlab-runner ci cd
ci cd 继续继承部署给gitlab cicd 管道中运行任务提供服务,gitlab 提供了runner注册接口，可以自己用一台机器注册为runner. runner 里有一些内置的执行器，文章这里默认选择docker。文章下面将详细讲述从gitlab runner 注册 到 cicd前端项目发布。
2022-11-01 17:22:03
380
原创 jest+testing-library/react 单元测试 react+antd 的实践(二)
前端业务一般发请求用的是axios，会对axios进行包装，用请求拦截器 和 response拦截器 对请求和返回进行封装，场景是请求添加header: Authorization: 返回根据返回结果进行判断采取不同的措施，例如登陆过期就跳登出，接口报错就弹窗错误消息，代码如下：相对应的测试代码说明： jest.mock 模拟auth的方法 详见上一遍antd 的 message 方法mock 见下面一章节对于没有dom的function单独测试时 不能直接判断有没有出现改message元素，可
2022-07-13 16:07:32
1043
3
原创 jest+testing-library/react 单元测试 react+antd 的实践(一)
之前一次想学写单测，但是一直没有动力，因为感觉ui测试写起来比较复杂而且麻烦，再加上实际开发项周期短，没有时间给写单测，但是最近公司比较注重质量，对测试bug数提出了限制，而且还有惩罚措施，为了避免被惩罚，再因为没有写单测，在给的自测时间里，后端同学可以通过梳理代码，补单测来进行测试，而我只能不断的**点点点…**来测试，很low且没效率，心里也没底（虽然最后测试也没测出bug），总感觉机器比人可靠，因此我后面就开始学习单测，来补全这个项目的测试，在结合gitlab ci ，sonarqube来进行测试报告
2022-07-12 17:45:39
2838
3
原创 重学前端-package.json
{ "name": "webpack-react", "version": "1.0.0", "main": "index.js", "license": "MIT", "dependencies": { "react": "^18.1.0", "react-dom": "^18.1.0" }, "devDependencies": { "@types/react": "^18.0.8" }}name 项目名称version 版本
2022-04-27 12:11:04
132
原创 Nginx
nginx正向代理 反向代理参考链接 https://cloud.tencent.com/developer/article/1418457正向代理 是客户端代理 一般在用户端设置代理服务器 帮助客户端去和目标服务器沟通 获取资源。例如 翻墙vpn帮助我们访问国外无法访问的网站 目标服务器感知不到客户端反向代理 是服务器代理 一般在服务器端设置代理 代理服务器代替目标服务器去和客户端沟通 客户端感知不到代理服务器 ，例如：nginx反向代理解决跨域问题 负载均衡...
2022-03-09 11:59:54
2305
原创 重学前端— Iterator promise async generator
重学前端 弄清楚iterator promise async generator 是如何被javascript实现的
2022-03-09 11:51:06
929
原创 rollup
rollupRollup 是一个用于 JavaScript 的模块打包器，它将小段代码编译成更大更复杂的东西，比如库或应用程序。它对包含在 JavaScript 的 ES6 修订版中的代码模块使用新的标准化格式，而不是以前的特殊解决方案，例如 CommonJS 和 AMD。ES 模块让您可以自由无缝地组合您最喜欢的库中最有用的单个功能。installyarn global add rollupnpm install --global rollup特性支持esmodule Rollup 允许您
2021-12-30 22:24:34
2214
原创 esbuild
esbuild一个非常快的js打包工具特性无需缓存即可达到极速ES6 和 CommonJS 模块ES6 模块的摇树用于 JavaScript 和 Go 的 APITypeScript 和 JSX 语法source map缩小插件安装yarn add esbuildnpm install esbuildAPIesbuild 的 API 中有两个主要的 API 调用：transform 和 build。了解您应该使用哪一个很重要，因为它们的工作方式不同。形式 --foo 用
2021-12-28 22:29:36
2030
转载 redux
ReduxRedux使用场景工具核心概念StateActionReducerStoreDispatchSelectorRedux数据流ReduxRedux 是一个使用叫做“action”的事件来管理和更新应用状态的模式和工具库。它以集中式Store（centralizedstore）的方式对整个应用中使用的状态进行集中管理，其规则确保状态只能以可预测的方式更新。官网文档 http://cn.redux.js.org/tutorials/essentials/part-1-overview-con
2021-12-21 11:38:41
124
原创 git 常用命令
1. 获取当前taggit describe --tags --exact-match2. 获取当前git commit idgit rev-parse --short=7 HEAD3. wokspace和远端master diffgit diff --name-only HEAD origin/master4. 获取当前分支git rev-parse --abbrev-ref HEAD
2021-12-17 10:57:57
412
原创 linux常用命令
wget下载wget -b+ url断点续传wget -c +正在执行的下载地址查看下载进度catwget-log tail -fwget-log停止后台运行的wget下载任务ps aux |grep wget找到进程号，kill -9 进程号
2021-12-07 13:45:08
782
翻译 TypeScript 文档
一 安装// 在项目中安装npm install typescript --save-devyarn add typescript --dev// 全局安装npm install -g typescriptyarn global add typescript二 功能TypeScript 提供了 JavaScript 的所有功能，以及在这些功能之上的附加层：TypeScript 的类型系统。1. 类型推理TypeScript 了解 JavaScript 语言，并且会在许多.
2021-11-17 11:53:24
1179
原创 Monorepo实现的几种方式和对比（lerna yarn workspace）
参考文章：【译】配置 Monorepo 的几种工具 lerna、npm、yarn 及其性能对比 - 知乎MonorepoMonorepo 是管理项目代码的一个方式，指在一个项目仓库 (repo) 中管理多个模块/包 (package)，常见的是组件库 和 大型复杂的项目中。类似下面的结构├── packages| ├── pkg1| | ├── package.json| ├── pkg2| | ├── package.json├── package.j...
2021-11-12 17:58:57
1105
原创 Puppeteer用到的一些配置记录一下
代理 对于国外页面访问不到的需要加代理，配置如下 const browser = await puppeteer.launch({ args: [ '--proxy-server=10.24.51.125:8411' ] });禁用http ssl检查，配置如下：const browser = await puppeteer.launch({ ignoreHTTPSErrors: true, });...
2020-07-15 16:33:40
484
1
原创 prisma2.0和nexus搭建graphql后端(2)—nexus
前言nexus是一个令人愉快的GraphQL应用程序框架，是Node.js代码优先的GraphQL框架。文档：https://www.nexusjs.org （这个文档还在建设中，其中有些错误的地方）。Nexus有一个官方的Prisma插件，可帮助您将GraphQL API连接到数据库。具体prisma的知识见这篇文章：prisma2.0和nexus搭建graphql后端(1)—prisma2.0安装Nexus开箱即用，带有CLI。安装命令如下：yarn global add nexus这只是
2020-06-12 17:39:19
853
原创 prisma2.0和nexus搭建graphql后端(1)—prisma2.0
前沿prisma出了2个大版本，两者不大相同,这里只讲prisma2。 由于之前prisma1集成比较高，导致我把prisma理解为一个graphql服务框架，是错误的。**Prisma是一种数据库工具包，可简化数据库访问，Prisma Client仅“负责”向数据库发送查询。**因此可以将其与您选择的任何HTTP服务器库或Web框架结合使用。您可以使用Prisma工具构建GraphQL或REST API，或者作为全栈应用程序的一部分-结合Prisma的程度取决于您。restful prisma可以
2020-06-12 10:50:44
1544
原创 graphql config支持多个schema
前言由于重构或者不同服务等各种需求，一个前端应用需要多个schema ，连接多个不同的graphql后端，下面是如何配置。1. .graphqlconfig文件这里是配置webstrom graphql 插件 文档地址： https://jimkyndemeyer.github.io/js-graphql-intellij-plugin/{ "projects": { "fe": { "schemaPath": "schema.graphql", "exten
2020-06-09 15:33:10
1206
原创 重学javascript
一 javascript的历史先从这门语言的历史谈起是有必要的。在1995 年 Netscape 一位名为 Brendan Eich 的工程师创造了 JavaScript随后在 1996 年初，JavaScript 首先被应用于 Netscape 2 浏览器上。最初的 JavaScript 名为 LiveScript，后来，因为 Sun Microsystem 的 Java 语言兴起，被广泛使用，Netscape出于宣传和推广的考虑，将它的名字从最初的 LiveScript 更改为 JavaSc
2020-05-14 17:41:48
159
原创 javascript理解系列（1）：执行上下文
前言一直对JavaScript 的一些概念等方面等东西不是很理解，现在从一点点开始重拾javascript。本章主要讲的的是执行上下文，以及相关概念。用于理解javascript内部程序是如何执行的，以及变量提升，作用域，闭包等。1. 什么是执行上下文？执行上下文是解析和执行javascript代码时所在环境等抽象概念。分为3类：全局执行上下文 ： 基础的上下文，只有一个，所有不在函数内部的代码都是在全局执行上下文中。它做了两件事：1.创建一个全局对象，在浏览器中就是window对象，2.讲th
2020-05-12 17:01:10
162
原创 Linux 常用命令
1 设置密码sudo passwd root 设置密码sudo bash 切换成root权限2 ls命令参数说明ls显示目录和文件(不包括.隐藏文件)ls -a-a显示目录和文件(包括.隐藏文件)ls -A-A显示除影藏文件“.”和“…”以外的所有文件列表ls -l-l输出长格式列表ls -m-m水平输出文件列表ls ...
2020-03-12 20:51:49
99
原创 mysql遇到的问题汇总
1.插入数据报错：Incorrect string value解决办法：修改数据库的编码为utf8mb42.create table报错： Specified key was too long; 如下图解决办法：数据量版本不支持varchar(255) 改为 varchar(191)...
2020-03-12 20:35:19
163
原创 go学习遇到的问题记录
解决 fatal: unable to access ‘https://github.com/…/.git’: Could not resolve host: github.com问题
2020-03-03 13:33:13
238
原创 go 学习笔记一
1.go安装教程： http://c.biancheng.net/view/3992.html2. go编辑器 goland3. go依赖管理教程： http://c.biancheng.net/view/4774.html3.1 godepgodep: 通过 vender 模式来管理第三方依赖的工具3.1.1 获取工godep具命令： go get github.com/too...
2020-03-02 17:52:21
110
原创 prisma2.0文档学习/翻译
介绍学习文档时，就是谷歌翻译，，记录下来，以后好看。什么是prisma 框架prisma框架（以前简称是prisma2）是一个数据哭框架，包含以下部分：Photon： 类型简单且自动生成的数据库客户端（代替ORM）Lift: 声明式数据模型和迁移studio: 管理员界面，支持各种数据库工作流程尽管每个工具都可以单独使用（在新建项目和棕色项目中），但它们可以通过Prisma模式或...
2019-12-31 16:26:14
2501
2
原创 prisma1.0实践
Prisma1.0简介prisma代替的传统的ORM，简化了数据库工作流程，有以下三个特性Access: 使用自带生成的Prisma客户端能进行类型安全的数据库访问，支持语言：Javascript typescript go;支持数据库：MySQL, PostgreSQL, MongoDBMigrate：数据库可以迁移Manage: 可利用Prisma Admin进行可视化管理作用构...
2019-10-13 19:19:27
481
原创 webpack
webpack 简介webpack是一个静态模块打包器，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。安装yarn add webpack webpack-cli --dev命令使用 webpack --config config文件路径 --mode=development(prod...
2019-10-08 18:32:42
178
原创 Nestjs+minio 上传下载删除文件
前言基于上一遍讲了如何利用nestjs 搭建一个restful风格的后端，现在接着讲如何结合minio实现文件的上传和下载。文中涉及到的minio 知识点参考https://blog.csdn.net/zw52yany/article/details/101217708这遍文章上传1. 创建user和picture 实体以及关联关系user和picture是一对多的关系，利用TypeOR...
2019-10-08 17:42:51
4767
2
原创 git flow 流程规范化
commitizencommitzen约束git commit message 的工具1. 安装yarn add commitizen cz-conventional-changelog --dev 2. 在package.json中加入命令行工具"scripts": { "commit": "git-cz"},"config": { "commitizen": ...
2019-09-27 15:28:08
329
原创 工具篇
俗话说“工欲善其事必先利其器” ，好的工具能提高开发效率，持续更新中…webstrom开发利器，最大的问题是不免费，还好有广大人们群众的帮助，要时不时去网上搜激活码。其次问题是太大，需要你的机器性能好，内存大。下面来夸一夸它的一些好用的工具1. version control对于记性不好的开发人员简直就是福音，不需要记住命令，add push merge check out 新建分支，...
2019-09-27 14:36:29
785
原创 一次docker镜像打包经历
背景一次开发任务完成后，需要把打包镜像交付给别人，然后就蒙圈了，平时上线都是自动化部署，本来以为会了些docker命令就行了，然后发现对概念也不是很理解，下面把这个打包镜像对过程一步步写下来：教程https://yeasy.gitbooks.io/docker_practice/content/basic_concept/镜像镜像是一个特殊的文件系统，除了提供容器运行时所需的程序、库、资源...
2019-09-25 17:57:06
5149
原创 MINIO
MINIO服务器minio 是一种简单的对象存储服务 教程：官网地址利用docker起一个mini服务docker run -p 9000:9000 --name minio \-e "MINIO_ACCESS_KEY=TEST" \-e "MINIO_SECRET_KEY=TEST123456" \-v /mnt/data:/data \-v /mnt/config:/roo...
2019-09-23 18:21:06
4169
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人