- 博客(236)
- 收藏
- 关注

原创 超简单的图文并茂Linux上使用yum安装Mysql(Aliyun Linux release 2.1903 LTS)
mysql80-community-release-el7-3.noarch.rpm
2021-09-26 01:44:37
806
4

原创 超简单图文并茂基于Linux使用Docker部署Node.js项目
部署并使用Docker欢迎使用Markdown编辑器说明前提步骤一:链接服务器合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器本文介绍如何在Aliyun Linux 2.1903 LTS 64位操作系统的EC
2020-07-05 23:59:55
1614
2

原创 从0-1超详细教你实现前端代码nginx部署全流程
超简单的前端静态资源服务器部署--nginx说明前提步骤一:链接服务器步骤二:安装Nginx步骤三:测试步骤四:部署结语说明本文旨在使用最简单快速的办法,解决前端静态资源部署需求。公司平时使用 tomcat 部署静态资源比较多,今年三月份我买了一个服务器,一直忙着加班还没开始用,今天刚好拿来用一下咯:前提你要有一个服务器哟~~购买后打开就像这个下面这个样子步骤一:链接服务器找到公网IP修改密码下载FinalShell,安装打开打开FinalShell名称可以随意
2020-05-26 18:40:50
2736
1

原创 从0-1超详细教你实现前端读取excel表格并渲染到界面
从0-1实现前端读取excel表格并渲染到界面说明前提步骤一:准备工作步骤二:实现导入表格解析步骤三:实现表格渲染结语本文旨在解决无需调用后端接口,实现前端读取表格文件,获取文件内容,渲染到界面的需求我的其他文章可以解决扩展需求:读取解析表格后执行自动单元格合并读取解析表格后根据数据对比分析自动设置单元格颜色读取解析表格后执行数据分析(透析)生成可满足用户自定义需求的echarts关系...
2020-04-30 04:01:14
8910
6
原创 从0-1超详细教你使用nginx打包部署静态资源,以及hash和history配置汇总
首先呢,我们要有以下几个方面的知识和操作,来实现项目部署## 第一:我们要搭建nginx部署基础环境### 具体流程可参考这个链接[从0-1超详细教你实现前端代码nginx部署全流程](https://blog.csdn.net/tangdou369098655/article/details/106318268)第二:我们要知道前端路由hash和history实现以及区别
2023-03-10 00:13:15
143
原创 超详细手把手教你四种方案彻底解决MAC npm install -g 报错permission denied
保存.bash_profile的编辑,执行一下文件。保存.bash_profile的编辑,执行一下文件。命令行重新打开,就可以使用yarn。命令行重新打开,就可以使用yarn。把下面内容粘贴到环境变量文件里,把下面内容粘贴到环境变量文件里,欢迎大家指出文章需要改正之处~
2023-03-08 00:24:59
504
原创 mac配置yarn 环境,command not found: yarn,解决无法npm -g的情况
保存.bash_profile的编辑,执行一下文件。命令行重新打开,就可以使用yarn。把下面内容粘贴到环境变量文件里,欢迎大家指出文章需要改正之处~
2023-03-08 00:00:07
163
原创 uniapp系列-图文并茂手把手教你hbuilder进行uniapp云端打包 - 安心打包
什么是安心打包 提交App的模块配置信息到云端,在云端打包机生成原生代码包 为什么使用云打包 更安全:打包时不提交应用代码、证书等信息 更快速:非首次打包时不用提交云端打包机排队等待,本地直接出包 省
2023-03-06 01:45:00
336
1
原创 uniapp系列-报错或常见问题处理集锦
这里可以解决:尺寸自动转换,plus is not defined,打包wgt格式,未添加push模块,忽略版本号提示,禁止手指滑动缩放正常页面,获取app的版本号
2023-03-04 23:38:37
1120
原创 uniapp系列-改变底部安全区-顶部的手机信号、时间、电池栏颜色样式
uniapp 的默认安全区域的颜色是白色,如果我们做了沉浸式页面,背景色也是白色的话,就会看不到电池栏,等的颜色,如何修改呢? 首先来说底部安全区域 下图是底部安全区原始状态,感觉和整个页面格格不入
2023-03-04 23:07:11
417
原创 websocket报错集锦-不断更新中
DOMException: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.
2023-02-25 20:40:24
534
原创 解决sharp太慢、失败Could not load strapi-server.js, pmSomething went wrong installing the “sharp“ module
项目安装sharp由于网络原因或者其他原因安装失败,也是我这次部署遇到的情况。欢迎大家指出文章需要改正之处~
2023-02-25 19:37:19
91
原创 写给前端:一文了解Docker,快速掌握重点
在 Windows or Mac 上开发、测试打包为 Docker 镜像在docker环境里,一个命令跑起来你的项目镜像:就像一个软件包,复制粘贴到其他电脑,一样可以安装使用容器:一个镜像可以安装N次,每次都可以生成不一样的容器,我们可以用name进行区分,它就像是软件安装以后,软件运行的环境,彼此隔离,我们称它为容器。
2023-02-13 00:16:02
100
1
原创 保姆级手把手教你如何使用HTTP远程连接Docker?
备注:默认情况下使用 systemd 时,docker.service 的设置为:ExecStart=/usr/bin/dockerd -H fd://,这将覆盖写到 daemon.json 中的任何 hosts。通过在 override.conf 文件中将 ExecStart 仅仅定义为:ExecStart=/usr/bin/dockerd,这将会使用在 daemon.json 中设置的 hosts。欢迎大家指出文章需要改正之处~
2023-02-13 00:04:42
110
原创 nodejs系列-如何用JS代码连接远程服务器并执行命令创建文件-ssh2
作为一名前端,我们在某些情况下,需要使用代码去登录Linux服务器,并执行命令,这个时候我们应该怎么办呢?这里给大家推荐一个库-ssh2,用了它以后,前端也可以轻轻松松使用代码去处理一些服务器命令需求啦~关于privateKey请参考我的这篇文章。欢迎大家指出文章需要改正之处~
2023-02-06 00:07:46
958
2
原创 手把手图文并茂教你创建并使用私钥privateKey登录 SSH 服务器
RSA 非对称加密在 SSH 登录时可以使用 RSA 密钥登录使用工具ssh-keygen可以创建 SSH 密钥。
2023-02-05 23:22:39
382
原创 Coolify系列-解决局域网主机突然连不了虚拟机
进行虚拟机网络配置,设定主机ip端口映射,宿主机ip一定要写对哦~~我们将查看的内容输出一个日志,打开日志里面查看。欢迎大家指出文章需要改正之处~
2023-01-30 22:32:27
467
原创 Coolify系列-手把手教学解决局域网局域网中的其他主机访问虚拟机以及docker服务
经过一系列配置以后,使用宿主机进行测试访问以下三个地址,我们发现以下问题VM8地址:http://192.168.33.1:8080/虚拟机ip直连地址:http://192.168.33.128:8080/局域网所有IP通用访问地址:http://192.168.1.6:8080/
2023-01-26 23:23:54
1038
1
原创 Coolify系列-解决WARNING: IPv4 forwarding is disabled. Networking will not work.以及开启防火墙端口
我在windows电脑安装了一个VM,使用VM开启了Linux服务器,运行docker,然后遇到了这个报错。欢迎大家指出文章需要改正之处~
2023-01-26 01:06:34
62
原创 Coolify系列02-从0到1超详细手把手教你上手Coolify
就像如果你为example.com设置了一个DNS入口,但是你没有在这个域上运行任何东西,Coolify Proxy会将任何请求重定向到这个默认重定向URL。如果您在反向代理或隧道后面使用,可以禁用此检查以防止不必要的错误。在前端有一些预定义的Secrets,它们是自动生成的(比如密码、用户),或者你可以手动填写。这意味着,如果你停止了一个服务,你所有的数据都会保存在Docker卷上。如果你停止/启动一项服务,你的数据将保持原样。如果你想使用自己的反向代理或隧道,也可以在Coolify的开发模式下使用。
2023-01-26 01:04:34
923
原创 Coolify系列02-从0到1超详细手把手教你上手Coolify
就像如果你为example.com设置了一个DNS入口,但是你没有在这个域上运行任何东西,Coolify Proxy会将任何请求重定向到这个默认重定向URL。如果您在反向代理或隧道后面使用,可以禁用此检查以防止不必要的错误。在前端有一些预定义的Secrets,它们是自动生成的(比如密码、用户),或者你可以手动填写。这意味着,如果你停止了一个服务,你所有的数据都会保存在Docker卷上。如果你停止/启动一项服务,你的数据将保持原样。如果你想使用自己的反向代理或隧道,也可以在Coolify的开发模式下使用。
2023-01-25 17:10:49
1254
原创 Coolify系列01- 从0到1超详细手把手教你上手Heroku 和 Netlify 的开源替代方案
- 一款超强大的开源自托管 Heroku / Netlify 替代方案- coolLabs是开源、自托管和以隐私为中心的应用程序和服务的统称
2023-01-24 22:39:57
1078
原创 strapi系列--如何自定义非界面化的接口,定制化自己的业务逻辑
在实际开发过程中,项目中有些需求是不需要创建界面化接口的,需要我们定制化自己的业务逻辑,那么我们该如何处理这个需求呢?本文以图文并茂的形式,定制一个我们自己的业务逻辑接口
2023-01-13 01:38:34
495
原创 strapi系列-如何创建一个定时任务-Cron Jobs
Cron 是什么?Cron 有多种用途。 Cron Jobs 用于安排服务器上的任务运行。它们最常用于自动化系统管理或维护。然而,它们也与 Web 应用程序的构建相关。 Web 应用程序可能需要在各种情况下定期执行特定操作。为什么使用 Cron ?定期进行的计划活动,Cron 允许将任意函数安排在特定日期执行,并具有可选的递归规则。Cron在任何给定时间只使用一个计时器,而不是每秒钟/分钟重新评估即将到来的作业。怎么使用 Cron ?
2023-01-12 02:04:48
150
原创 strapi系列-如何去除接口里的attributes以及 data key,配置关联数据等
A plugin for Strapi that provides the ability to transform the API request and/or response.
2023-01-12 01:24:22
269
原创 手把手教你图文并茂windows10安装VMware创建CentOS-7-x86_64运行linux系统
VMWare (Virtual Machine ware)可以使你的计算机上同时运行几个系统、例如windows、DOS、LINUX等同时存在,可以将这些系统像程序似的随时切换,并且不会影响主系统,所有系统共享一个IP。
2023-01-09 01:32:44
331
原创 图文并茂strapi 4.5.5自定义搭建指南以及数据库字段名接口返回mapping分析
strapi是什么?基于Nodejs的开源免费CMS框架。为什么选择它?基于nodejs,100%JavaScript,上手迅速可轻松创建功能强大且可自定义的API,可以使用任何喜欢的数据库
2023-01-08 23:09:52
475
原创 保姆级手把手图文并茂教你配置MAC系统Flutter环境
Flutter是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter开源、免费,拥有宽松的开源协议,适合商业项目。下面来配置环境~
2023-01-04 00:30:33
720
原创 图文并茂手把手教你How to copy files or directory in nodejs npm scripts编写脚本用npm或者node命令复制文件
2.把下面代码放到你的package.json,就像下图那个样子2.In the package.json file, There is a script tag, add below line of code尝试一下下面的命令,感受一下不同吧~~运行代码
2022-07-12 00:25:59
457
原创 prettier+ts+eslint+vscode配置代码保存自动格式化,自动remove unsed declaration,delete no-unused-imports
准备工作项目至少安装ESLint插件项目里有这些依赖安装vue插件提供vue代码片段、语法支持、代码高亮等,可以格式化html、标准css(有分号 、大括号的那种)、标准js(有分号 、双引号的那种)、vue文件安装prettier插件Code formatter 各种代码格式化,只关注格式化,并不具有eslint检查语法等能力,只关心格式化文件(最大长度、混合标签和空格、引用样式等),包括JavaScript · Flow · TypeScript · CSS · SCSS · Less ·
2022-07-11 01:38:03
932
2
原创 windows系统批量转换CRLF和LF格式代码,解决eslint报错Delete `␍`解决‘unix2dos‘ is not recognized as an internal or extern
本文已参与「新人创作礼」活动,一起开启掘金创作之路。2.下载 UNIX2DOS工具点击下载3.解压到我们喜欢的路径下,比如我解压到这里C:\jin_env4.配置环境变量-把刚刚解压的那个路径写进去哦5.新开一个cmd 窗口, 输入path,看到我们设置的路径就代表着成功,试一把~6.开启我们的编辑器的自动保存功能-这个仅作为建议哦~~具体如何开启自动保存功能,我会在下一篇文章里写哇~~7.进入项目根文件,打开其路径下的cmd 窗口,根据你文件的格式,进行修改下面命令即可ps:建议不要包
2022-07-08 01:24:51
528
原创 图文并茂quasar2.6+vue3+ts+vite创建项目并引入mockjs,mockjs 拦截ajax请求的原理是什么,quasar为什么要使用boot?
下面是我的选项,仅供参考哇创建成功啦接下来开始引入mock.js先思考一下,mockjs 拦截ajax请求的思路是什么??我看到这个代码通过这段代码,我们可以很清晰了解到,当if (XHR) window.XMLHttpRequest = XHR XMLHttpRequest 就被重写拦截了呢mockJS实现拦截,是模拟了XMLHttpRequest对象。重写open、send等方法,方法调用时,只是普通函数的调用,不会发送真正的请求我们等下测试的时候,就会很直观发现,浏览器
2022-06-27 22:31:16
1019
原创 我居然不知道Vue3可以使用hooks函数实现代码复用?
执行代码看一下下哇~~上面是原始的写法,如果这里面好几个变量我们需要复用怎么办呢?比如说这几个变量,函数,我们需要在其他函数里也用到,我们要怎么办呢??下面我们就开始采用hook的方法试一把~~我们创建一个新的文件,src\common-hooks\numberChange.js把上面的代码,剪切到src\common-hooks\numberChange.js,然后用这个套起来:export const useNumber =() =>{}哇哦,(▽),是不是有点开心,代码看起来是不是
2022-06-27 00:18:53
510
1
原创 图文并茂使用VUE+Quasar CLI开发和构建PWA
manifest.json 是 PWA 配置 manifest 的文件。这两个文件仅嵌入到生产版本中,而开发版本则跳过它们,就是说我们可以在代码里控制,开发版本不执行缓存,否则会影响我们写代码调试。“register-service-worker.js”会自动导入您的应用程序(与任何其他/src文件一样)。它注册service worker(由Workbox或您的自定义工具创建,具体取决于工作箱插件模式 - quasar.conf.js> pwa> workboxPluginMode),您可以监听Ser
2022-06-25 23:59:53
436
1
原创 echarts系列-带图教你调整左右位置x轴样式网格虚线刻度居中双轴Y轴滚动上下移动文字旋转改分割线颜色部分字体改色折注混合,X轴的颜色,X轴字体颜色,调整柱子颜色,调整小图标图例的大小和位置,鼠标
本文已参与「新人创作礼」活动,一起开启掘金创作之路。1.饼图怎么调整左右位置只需要调整option.series里的center: [‘30%’, ‘50%’]2.更改x轴样式,控制样式里的X轴字在中间, 距离Y轴还有点距离3.echarts将网格线设置成虚线4.x轴刻度居中5.echarts X轴区间柱形图,X轴 刻度数组长度 比 数据数组长度 多一个6.设置y轴区间,最大值最小值,显得数据波动很好~~~7.dataZoom控制Y轴滚动看图鼠标滚动
2022-06-22 01:38:30
3029
原创 GIT安装步骤记录以及Git 常用命令,忽略文件,推送本地代码到仓库示例以及常用报错解决
git-scm.comgitforwindows.org附录:Git 常用命令初始化版本库,并提交到远程服务器端—名称为origin的远程服务器库忽略某个文件夹如果已经提交过的文件或者文件夹怎么办?此时更改.gitignore文件对已经提交的文件是无效的使用.gitignore忽略文件或者文件夹参考来源 https://blog.csdn.net/toopoo/article/details/88660806常用命令部分参考来源 https://www.cnblogs.com/k
2022-06-21 01:12:19
410
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人