自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(448)
  • 收藏
  • 关注

原创 新手引导的方案

前端引导二三事 · Issue #29 · SunXinFei/sunxinfei.github.io · GitHub

2024-02-27 15:12:25 147

原创 minio 私有化搭建oss

用法和阿里云 OSS 差不多,因为他们都是亚马逊 S3(simple storage service) 规范的实现。我们用 docker 跑了一个 minio 的容器,然后分别在管理界面和用 npm 包的方式做了文件上传和下载。但是 OSS 是收费的,而且有些敏感数据不能传到云上,需要私有部署,这种就可以自己搭一个 OSS 服务。文件上传一般我们都是用 OSS 服务来存储,比如阿里云的 OSS。

2024-02-07 17:36:25 240

原创 lua脚本动态插入script标签 在nginx层面

local title = "白条"pin = "未知pin"

2024-02-06 17:12:45 929

原创 react中jest配置,解决node_modules报错esm无法解析的问题

jest 单元测试

2023-11-08 11:22:33 608

原创 davinci部署指南 视频

https://blog.csdn.net/m0_46991388/article/details/114928703

2023-03-31 15:24:45 266

原创 gitlab部署

gitlab搭建最优秀的文档

2023-02-09 19:01:52 279 1

原创 nginx报错nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)

nginx

2023-02-08 22:21:40 1325

原创 script-ext-html-webpack-plugin webpack插件做监控插入

script-ext-html-webpack-plugin webpack插件做监控插入

2023-01-29 17:48:16 2595

原创 前端监控 二三事

前端监控 二三事

2023-01-19 14:19:27 1372

原创 准确捕获window.onerror错误 会报跨域

在html标签中加了crossorigin=“anonymous”属性(如在img标签加了该属性后,图片在其他网站则无法显示)2、html标签中的src属性的资源服务器也需要开启cors验证,并允许引用页面的域名访问,否则页面无法加载这个JS。

2023-01-13 11:40:59 287

原创 json数据可视化生成

json数据可视化生成

2022-12-30 16:51:00 392

原创 前端标注开源库

前端 标注开源库

2022-11-22 13:17:17 875

原创 konvajs

http://konvajs-doc.bluehymn.com/docs/shapes/Label.html

2022-10-21 15:11:24 813

原创 valtio:Proxy下的可限制状态更新管理

https://zhuanlan.zhihu.com/p/349442173

2022-10-14 14:07:37 357

原创 前端对多对时间段进行处理 取并集合并没有交集的项

挺不错的

2022-07-28 18:57:54 505

原创 chrome插件 修改接口返回值

谷歌浏览器插件:修改接口响应、重定向以及拦截url西凉的悲伤于 2021-11-05 09:35:33 发布1338收藏 5分类专栏: 工具 文章标签: 浏览器 浏览器插件 url拦截 接口拦截 修改接口响应版权工具专栏收录该内容12 篇文章2 订阅订阅专栏对于一般接口测试和开发来说经常需要调试接口,对接口数据拦截修改来查看页面变化。一般会选用Fiddler或Fiddler everwhere来拦截接口调试,Fiddler和Fiddler everwhere都可以拦截...

2022-04-11 11:28:12 6752

原创 nginx try file配置的坑

location ^~ /analysis { alias /home/xiaoju/mis-static-common/ADAS_Nile_train/; index index.html; try_files $uri $uri/ /analysis/index.html; }# try_files $uri $uri/ /analysis/index.html; 路径非常重要 否则其他的/analysis下的路由找不到index.h...

2022-04-06 15:53:45 1645

原创 nginx重定向

location = / { #rewrite ^/$ https://xx.xx.com/task/ redirect;}

2022-03-17 20:12:10 4557 1

原创 阿里动态表单

https://github.com/alibaba/formily

2022-01-19 09:59:34 499

原创 nginx上传文件报错【备忘】open() “/var/lib/nginx/tmp/client_body/0000000019“ failed (13: Permission denied)

【备忘】open() “/var/lib/nginx/tmp/client_body/0000000019“ failed (13: Permission denied)SDL大华 2021-03-10 17:13:25 342 收藏 1分类专栏: Linux 服务器 开发经验 文章标签: 用户组问题导致上传文件失败 Nginx上传文件失败 nginx版权Linux同时被 3 个专栏收录17 篇文章0 订阅订阅专栏服务器8 篇文章0 订阅订阅专栏开发经验32 篇文章0 订..

2021-12-13 17:09:40 1507

原创 动态表单的实现方案

https://v2.formilyjs.org/https://github.com/alibaba/formily

2021-09-29 15:48:17 620

原创 husky 更新版本的问题

husky使用总结偏僻摩纳哥前端小青年23 人赞同了该文章husky使用总结在做前端工程化时husky可以说是一个必不可少的工具。husky可以让我们向项目中方便添加git hooks。通常情况下我只需要如下两步就可在项目中引入并设置好husky:将husky添加到项目的开发依赖中npm install -D husky2. 在package.json中设置我们需要的git hooks{ "husky": { "hooks": { "pre-c

2021-07-22 14:19:33 1755 1

原创 四七层是怎么回事 四层和七层有什么区别

四层:基于ip+端口的负载均衡七层:基于以你应用层(url)信息的负载均衡四层优缺点:四层更快:在内核空间处理,不用走用户空间。需要解析的更少七层的优缺点:七层功能更多:经内核空间,进入用户控件的应用进程进行转发。可以实现更复杂的负载均衡控制,比如基于url、session、动静分离等。会占用大量cpu时间,承载的并发较四层少四层适合大型站点,接入层最前端,结合四层+七层使用七层适合中小站点,只使用七层负载均衡(四层放在最前面,后面...

2021-07-20 10:41:14 834

原创 Webpack HMR 原理解析

Webpack HMR 原理解析zhongmeizhi关注0.2552019.05.27 15:54:18字数 1,217阅读 5,887Hot Module Replacement(简称 HMR)包含以下内容:热更新图 热更新步骤讲解image第一步:webpack 对文件系统进行 watch 打包到内存中webpack-dev-middleware 调用 webpack 的 api 对文件系统 watch,当文件发生改变后,webpack 重新对文件进行编译打

2021-07-15 11:19:53 291

原创 Superset增加数据源报错ERROR: {“error“: “Connection failed!\n\nThe error message returned was:\nname ‘_mysql

Superset增加数据源报错ERROR: {“error“: “Connection failed!\n\nThe error message returned was:\nNo module na大哥惯过谁 2020-11-10 13:40:19 305 收藏分类专栏: superset版权记ambari2.7.4安装superset 配置数据源报错ERROR: {“error”: “Connection failed!\n\nThe error message returned was..

2021-06-28 18:47:14 611

原创 达芬奇davinci部署指南

hou duanhttps://blog.csdn.net/huzhenv5/article/details/104238590?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522161602907816780269853739%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=161602907816780269853

2021-06-08 14:27:57 824

原创 navicat 链接mysql 本地localhost 失败的方法

重新在官网下载mac版本的mysqlhttps://blog.csdn.net/baidu_26315231/article/details/88963558下载完成后 按照

2021-06-08 14:21:11 4294

原创 Mac下安装mongodb

Mac下安装mongodbh2coder关注12020.11.06 22:37:23字数 256阅读 6,477因为MongoDB闭源了,网上通过brew和下载dmg安装包的方式已经不可行了,但还有一个方式,就是使用MongoDB自己维护的brew进行安装,速度有点慢,我下了2个小时才下载完, 所以需要耐性等待一下。下载单独维护的brewbrew tap mongodb/brew下载mongodb-community(社区版)brew install mongodb-com

2021-06-04 17:21:55 163

原创 davinci 达芬奇BI工具

https://zhuanlan.zhihu.com/p/154346132​​​​​​​源码地址:https://gitee.com/mirrors/Davinci

2021-06-04 11:31:08 5908

原创 alinode 性能分析工具

Node.js性能分析工具alinode的安装和使用简介sheldon发布于2019-07-08转:https://segmentfault.com/a/1190000019700701啰嗦alinode是基本上是免费开源的,不只是可以运行在ECS里面,理论上可以应用在任何地方(只要面子上过得去)。本文将赘述一下alinode的使用方法。本文首先啰嗦一下 Node.js 平台的性能问题分析所包含的一些内容,第二part再叙述下 alinode 是如何使用的性能问题分析要定位 N.

2021-05-25 11:52:27 1289

原创 小程序的原生组件同层渲染原理

小程序同层渲染原理剖析小程序技术专员-Eric2019-11-2019579浏览32评论带你一起了解小程序「同层渲染」背后的技术众所周知,小程序当中有一类特殊的内置组件——原生组件,这类组件有别于 WebView 渲染的内置组件,他们是交由原生客户端渲染的。原生组件作为 Webview 的补充,为小程序带来了更丰富的特性和更高的性能,但同时由于脱离 Webview 渲染也给开发者带来了不小的困扰。在小程序引入「同层渲染」之前,原生组件的层级总是最高,不受z-index属性的控制,无法..

2021-05-08 16:17:05 1155 1

原创 【DevOps】Jenkins任务基于Tag进行构建

一、前言目前我这边的近期工作主要构建基于GitLab的统一源代码版本管理及程序包版本管理的工作,其中一项就是要在Jenkins上基于Git的Tag进行构建打版,并设置一个Jenkins任务给到SIT测试人员进行以工单为模式的提测部署,以下步骤主要说明如何在Jenkins和GitLab上实现。二、步骤1、先准备原材料Tag。在打完Tag后可以直接查看GitLab上面已经有了对应的Tag。justyman@DESKTOP-7GNOQPJ MINGW64 ~/IdeaProjects/callce.

2021-03-26 10:52:05 276

原创 lerna管理前端模块最佳实践

lerna管理前端模块最佳实践最近在工作中使用了lerna进行前端包的管理,效率提升了很多。所以打算总结一下最近几个月使用lerna的一些心得。有那些不足的地方,请包涵。该篇文章主要包括在使用lerna的一些注意事项,和使用过程中与其他工具的整合,最终形成的一个最佳实践。package的指的是一个可以通过npm包管理工具发布的一种目录结构,翻译过来感觉不太适合,所以就用package来说明吧。前端开发package面临的问题在最初开开发package的时候,还属于一种刀耕火.

2021-03-24 14:41:17 406

原创 mongo数据库迁移 之前的copy方法失效

mongo x.x.x.x:8003/apidb -u apidb-p xxxbrew install mongodb-database-toolsmongodump -h x.x.x.x:8003 -u apidb -p xxx -d apidb-o /Users/guozimo/Documents/csvmongorestore -h 127.0.0.1:27017 -d apidb /Users/guozimo/Documents/csv/apidb...

2021-03-01 19:00:26 171

原创 charles手机抓包配置

Charles手机抓包静静地就好关注2020.07.26 22:12:27字数 393阅读 873一、Charles设置1、让电脑和手机处于同一个局域网下,即电脑和手机连接同一个WiFi【电脑开WiFi给手机连接也可以】;2、打开Charles,点击菜单栏中Proxy –> Proxy Settings···,设置代理端口是8888【默认】,可以不修改端口号, 点击OK::图1图23、在cmd中ipconfig可以看到电脑的IP:图34、如果要对

2021-02-24 11:08:19 3371 1

原创 vscode 代码格式化 自动保存格式化代码

VScode设置Eslint规则并在保存时自动修复,让编程如丝般顺滑亦洁的前端之路2020-05-28 17:17:013185收藏4分类专栏:前端文章标签:javascriptnode.jses6vue.jshtml版权不管是多人合作还是个人项目,代码规范是很重要的。使用Eslint规则来规范代码风格不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。这所谓工欲善其事,必先利其器,个人推荐 eslint+vscode 来写 vue。平时常用的ESLi...

2021-01-15 19:23:30 817

原创 vscode code 命令失效的解决办法

How to install Visual Studio Code's `code` command permanently?Ask QuestionAsked3 years, 5 months agoActive7 months agoViewed24k times62I just followed the top-voted answerhereand successfully installed Visual Studio Code'scode...

2021-01-14 17:18:14 4133

原创 ssr知识汇总

查看是不是服务端渲染 右键查看源码 有值就是服务端渲染 没有就是客户端渲染把react组件 变成字符串 放在浏览器import . {renderToString} from 'react-dom/server'let html = renderToString(<Home />)<div id="root">${html}</div>打包编译cnpm i webpack-node-externalsnode核心模块const nod.

2021-01-07 18:05:43 748 1

原创 rxjs相关资料

## Articles- [Hello RxJS](https://zhuanlan.zhihu.com/p/23331432)- [用 RxJS 连接世界](https://zhuanlan.zhihu.com/p/23464709)- [使用 RxJS 掌控异步](https://zhuanlan.zhihu.com/p/25059824)

2021-01-05 17:01:24 82

原创 RxJS 快速入门

RxJS 快速入门ThoughtWorks关注12018.12.29 16:09:43字数 7,411阅读 13,536这是一篇给新手的 RxJS 快速入门,它可能不精确、不全面,但力求对新手友好。异步与“回调地狱”我们都知道 JavaScript 是个多范式语言,它既支持过程式编程,又支持函数式编程,两者分别适用于不同的场合。在同步环境下,两者各有优缺点,甚至有时候过程式会更简明一些,但在异步环境下(最典型的场景是一个 Ajax 请求完成后紧接着执行另一个 Ajax 请求),由

2021-01-05 14:48:05 286

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除