自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(572)
  • 资源 (3)
  • 问答 (1)
  • 收藏
  • 关注

原创 在不能升级版本的情况下,解决k8s证书到期且续约只有1年的问题

Not Before 指证书有效开始时间,Not After 指证书有效截至时间,如果 Not After 小于当前时间,说明证书已经过期,且没有自动轮换,需要手动干预解决。5.执行以下命令,所有master节点使用更新后的 admin.conf 替换 /root/.kube/config 文件,出现提示时,输入 y 后回车;6.master节点执行以下命令,查看 k8s 组件证书更新情况,RESIDUAL TIME 为 y 则标识证书已更新,且有效期10年;

2024-04-18 22:49:13 212

原创 k8s实践总结

这是最直接的方法。你可以通过kubectl命令行工具删除Pod,然后Kubernetes将基于其对应的Deployment、ReplicaSet或其他控制器自动重新创建它。确保你知道Pod所属的Deployment或其他控制器,因为这将触发控制器重新创建Pod。如果你只删除了Pod而没有对应的控制器来重新创建它,那么Pod将不会自动恢复。

2024-04-15 23:18:37 456 2

原创 Centos7环境下安装MySQL8详细教程

将里面的命令都删除掉,然后添加以下命令,保存并退出(如果有一定经验,可以在里面添加一些其他的配置)创建用户(-s /bin/false参数指定mysql用户仅拥有所有权,而没有登录权限)此时不要担心,重新给mysql安装目录赋予一下权限后,再次执行。我们切换到usr/local/目录下查看mysql是否存在。按照习惯,我们将文件移动到/usr/local目录下。进入mysql.server服务目录下并启动服务。安装mysql,并记住初始化随机密码。执行后,输入我们初始化时记录下的。

2024-04-02 22:04:12 1281

原创 CentOS7 磁盘相关的命令及磁盘重新调整分配

在CentOS 7中,umount是一个常用的命令,用于卸载文件系统。以下是一些常用的umount命令:其中,/dev/sdXN是你想要卸载的分区。例如,/dev/sda1。umount -a这将卸载当前用户有权限访问的所有挂载点。使用-f选项可以强制卸载文件系统,即使有文件正在使用。使用-l选项可以懒卸载文件系统,即使有文件正在使用,它会在所有文件都关闭后自动卸载。-v选项会输出卸载操作的详细信息,有助于调试。使用-q选项可以在文件系统不存在时安静退出,不会报错。

2024-03-31 16:05:36 936

原创 CentOS 7查看磁盘空间

以上三种方法都可以查看CentOS的硬盘大小,对于服务器管理来说非常有用。在使用这些命令时,需要注意用户权限和输出格式,以便更好地实现服务器管理。

2024-03-31 15:07:55 776

原创 k8s排错指南

查看node状态→查看pod状态→查看service流量是否路由到pod→查看ingress配置是否正确→查看kubelet系统日志。

2024-03-12 16:14:17 641

原创 Ubuntu上安装任意版本nodejs方法

在Ubuntu中安装指定版本的Node.js,可以使用Node Version Manager (NVM)。以下是安装步骤:首先,安装NVM。这个命令会下载并运行NVM的安装脚本。使用NVM安装指定版本的Node.js。node -v这个命令应该会显示你刚刚安装的Node.js版本号。

2024-03-08 16:46:28 744

原创 玩转k8s:kubectl命令中的简写

certificatesigningrequests (缩写 csr)persistentvolumeclaims (缩写 pvc)poddisruptionbudgets (缩写 pdb)networkpolicies (缩写 netpol)persistentvolumes (缩写 pv)limitranges (缩写 limits)statefulsets (缩写 sts)configmaps (缩写 cm)daemonsets (缩写 ds)ingresses (缩写 ing)

2024-02-20 15:20:16 423 1

原创 玩转k8s:yaml介绍

详解k8s中的port:●portport 是 k8s 集群内部访问service的端口,即通过 clusterIP: port 可以从 Pod 所在的 Node 上访问到 service●nodePortnodePort 是外部访问 k8s 集群中 service 的端口,通过 nodeIP: nodePort 可以从外部访问到某个 service。

2024-01-24 22:28:28 697

原创 Webpack5入门到原理25:总结

【代码】Webpack5入门到原理25:总结。

2024-01-20 22:37:19 683

原创 Webpack5入门到原理24:优化代码运行性能

打包代码时会将所有 js 文件打包到一个文件中,体积太大了。我们如果只要渲染首页,就应该只加载首页的 js 文件,其他文件不应该加载。所以我们需要将打包生成的文件进行代码分割,生成多个 js 文件,渲染哪个页面就只加载某个 js 文件,这样加载的资源就少,速度就更快。

2024-01-20 22:35:37 948

原创 Webpack5入门到原理23:减少代码体积

如果没有特殊处理的话我们打包时会引入整个库,但是实际上可能我们可能只用上极小部分的功能。是一个术语,通常用于描述移除 JavaScript 中的没有使用上的代码。开发如果项目中引用了较多图片,那么图片体积会比较大,将来请求速度比较慢。开发时我们定义了一些工具函数库,或者引用第三方工具函数库或组件库。Babel 为编译的每个文件都插入了辅助代码,使代码体积过大!默认情况下会被添加到每一个需要它的文件中。这样将整个库都打包进来,体积就太大了。我们可以对图片进行压缩,减少图片体积。并且使所有辅助代码从这里引用。

2024-01-20 22:33:51 379

原创 Webpack5入门到原理22:提升打包构建速度

开发时我们修改了其中一个模块代码,Webpack 默认会将所有模块全部重新打包编译,速度很慢。所以我们需要做到修改某个模块代码,就只有这个模块代码需要重新打包编译,其他模块不变,这样打包速度就能很快。

2024-01-20 22:25:14 602

原创 Webpack5入门到原理21:提升开发体验

所有 css 和 js 合并成了一个文件,并且多了其他代码。此时如果代码运行出错那么提示代码错误位置我们是看不懂的。一旦将来开发代码文件很多,那么很难去发现错误出现在哪里。所以我们需要更加准确的错误提示,来帮助我们更好的开发代码。

2024-01-20 22:18:05 605

原创 Webpack5入门到原理20:Vue 脚手架搭建

【代码】Webpack5入门到原理20:Vue 脚手架搭建。

2024-01-20 22:13:22 633

原创 Webpack5入门到原理19:React 脚手架搭建

开发模式配置生产模式配置其他配置。

2024-01-20 21:59:15 621

原创 Webpack5入门到原理18:Plugin 原理

钩子的本质就是:事件。为了方便我们直接介入和控制编译过程,webpack 把编译过程中触发的各类关键事件封装成事件接口暴露了出来。这些接口被很形象地称做:hooks(钩子)。开发插件,离不开这些钩子。

2024-01-20 21:50:25 1104

原创 Webpack5入门到原理17:Loader 原理

帮助 webpack 将不同类型的文件转换为 webpack 可识别的模块。

2024-01-20 21:36:33 1071

原创 Webpack5入门到原理16:html 压缩

默认生产模式已经开启了:html 压缩和 js 压缩。

2024-01-20 21:19:35 337

原创 Webpack5入门到原理15:提取 Css 成单独文件

Css 文件目前被打包到 js 文件中,当 js 文件加载时,会创建一个 style 标签来生成样式这样对于网站来说,会出现闪屏现象,用户体验不好我们应该是单独的 Css 文件,通过 link 标签加载性能才好。

2024-01-20 21:13:14 702

原创 Webpack5入门到原理14:生产模式介绍

生产模式是开发完成代码后,我们需要得到代码将来部署上线。这个模式下我们主要对代码进行优化,让其运行性能更好。优化主要从两个角度出发:优化代码运行性能优化代码打包速度。

2024-01-19 23:24:58 549

原创 Webpack5入门到原理13:开发服务器&自动化

每次写完代码都需要手动输入指令才能编译代码,太麻烦了,我们希望一切自动化。

2024-01-19 23:18:09 498

原创 Webpack5入门到原理12:处理 Html 资源

去掉引入的 js 文件,因为 HtmlWebpackPlugin 会自动引入。此时 dist 目录就会输出一个 index.html 文件。

2024-01-19 23:14:18 593

原创 Webpack5入门到原理11:处理 js 资源

有人可能会问,js 资源 Webpack 不能已经处理了吗,为什么我们还要处理呢?原因是 Webpack 对 js 处理是有限的,只能编译 js 中 ES 模块化语法,不能编译其他语法,导致 js 不能在 IE 等浏览器运行,所以我们希望做一些兼容性处理。其次开发中,团队对代码格式是有严格要求的,我们不能由肉眼去检测代码格式,需要使用专业的工具来检测。针对 js 兼容性处理,我们使用 Babel 来完成针对代码格式,我们使用 Eslint 来完成。

2024-01-19 23:11:00 979

原创 Webpack5入门到原理10:处理其他资源

开发中可能还存在一些其他资源,如音视频等,我们也一起处理了。

2024-01-19 22:59:18 354

原创 Webpack5入门到原理9:处理字体图标资源

type: "asset" 相当于url-loader, 将文件转化成 Webpack 能识别的资源,同时小于某个大小的资源会处理成 data URI 形式。type: "asset/resource" 相当于file-loader, 将文件转化成 Webpack 能识别的资源,其他不做处理。打开 index.html 页面查看效果。

2024-01-19 22:56:57 880

原创 Webpack5入门到原理8:自动清空上次打包资源

观察 dist 目录资源情况。

2024-01-19 22:52:05 323

原创 Webpack5入门到原理7:修改输出资源的名称和路径

(注意:需要将上次打包生成的文件清空,再重新打包才有效果)

2024-01-19 22:37:34 386

原创 Webpack5入门到原理6:处理图片资源

过去在 Webpack4 时,我们处理图片资源通过 file-loader 和 url-loader 进行处理现在 Webpack5 已经将两个 Loader 功能内置到 Webpack 里了,我们只需要简单配置即可处理图片资源。

2024-01-19 22:33:37 887

原创 Webpack5入门到原理5:处理样式资源

Webpack 本身是不能识别样式资源的,所以我们需要借助 Loader 来帮助 Webpack 解析样式资源我们找 Loader 都应该去官方文档中找到对应的 Loader,然后使用官方文档找不到的话,可以从社区 Github 中搜索查询Webpack 官方 Loader 文档css-loader:负责将 Css 文件编译成 Webpack 能识别的模块style-loader:会动态创建一个 Style 标签,里面放置 Webpack 中 Css 模块内容。

2024-01-19 22:27:07 812

原创 Webpack5入门到原理4:开发模式介绍

开发时我们有样式资源、字体图标、图片资源、html 资源等,webpack 默认都不能处理这些资源,所以我们要加载配置来编译这些资源。提前检查代码规范和格式,统一团队编码风格,让代码更优雅美观。提前检查代码的一些隐患,让代码运行时能更加健壮。开发模式顾名思义就是我们开发代码时使用的模式。1、编译代码,使浏览器能识别运行。2、代码质量检查,树立代码规范。

2024-01-19 22:05:52 311

原创 Webpack5入门到原理3:基本配置

在开始使用 Webpack 之前,我们需要对 Webpack 的配置有一定的认识。

2024-01-19 22:02:56 767

原创 Webpack5入门到原理2:基本使用

Webpack 本身功能是有限的:开发模式:仅能编译 JS 中的 ES Module 语法生产模式:能编译 JS 中的 ES Module 语法,还能压缩 JS 代码。

2024-01-19 21:56:32 773

原创 Webpack5入门到原理1:前言

开发时,我们会使用框架(React、Vue),ES6 模块化语法,Less/Sass 等 css 预处理器等语法进行开发。这样的代码要想在浏览器运行必须经过编译成浏览器能识别的 JS、Css 等语法,才能运行。所以我们需要打包工具帮我们做完这些事。除此之外,打包工具还能压缩代码、做兼容性处理、提升代码性能等。

2024-01-19 21:43:43 773

原创 TypeScript中interface与 type的区别

官方推荐用 interface,其他无法满足需求的情况下用 type。但其实,因为 联合类型 和 交叉类型 是很常用的,所以避免不了大量使用 type 的场景,一些复杂类型也需要通过组装后形成类型别名来使用。所以,如果想保持代码统一,还是可选择使用 type。通过上面的对比,类型别名 其实可函盖 interface 的大部分场景。对于 React 组件中 props及 state,使用 type ,这样能够保证使用组件的地方不能随意在上面添加属性。如果有自定义需求,可通过 HOC二次封装。

2024-01-06 23:36:23 1032

原创 React 路由跳转

默认情况下,开启的是 push 模式,也就是说,每次点击跳转,都会向栈中压入一个新的地址,在点击返回时,可以返回到上一个打开的地址,就像上图一样,我们每次返回都会返回到上一次点击的地址中当我们在读消息的时候,有时候我们可能会不喜欢这种繁琐的跳转,我们可以开启 replace 模式,这种模式与 push 模式不同,它会将当前地址替换成点击的地址,也就是替换了新的栈顶我们只需要在需要开启的链接上加上 replace 即可。

2023-12-24 23:46:52 1246

原创 React 路由传参

在上一篇中,我们学习了 React 中使用路由技术,以及如何使用 MyNavLink 去优化使用路由时的代码冗余的情况。这一节我们继续上一篇 React 路由进行一些补充。

2023-12-24 23:42:37 1142

原创 React 路由

路由是根据不同的 URL 地址展示不同的内容或页面在 SPA 应用中,大部分页面结果不改变,只改变部分内容的使用前端路由的优缺点优点用户体验好,不需要每次都从服务器全部获取整个 HTML,快速展现给用户缺点SPA 无法记住之前页面滚动的位置,再次回到页面时无法记住滚动的位置使用浏览器的前进和后退键会重新请求,没有合理利用缓存。

2023-12-24 23:32:50 1136

原创 ES6之class类

类是“特殊的函数”,就像定义的函数表达式和函数声明一样,类语法有两个组成部分:类表达式和类声明。// 类声明// 类表达式函数声明和类声明之间的一个重要区别,函数声明会提升,类声明不会。需要先声明类,然后再访问它。// 构造函数会变量提升// 类不会变量提升,导致引用异常// 构造函数// 类。

2023-12-17 22:36:34 1138

原创 Python从入门到精通九:Python异常、模块与包

1. 什么是异常:异常就是程序运行的过程中出现了错误2. bug是什么意思:bug就是指异常的意思,因为历史因为小虫子导致计算机失灵的案例,所以延续至今,bug就代表软件出现错误。1. 为什么要捕获异常?在可能发生异常的地方,进行捕获。当异常出现的时候,提供解决方式,而不是任由其导致程序无法运行。2. 捕获异常的语法?3. 如何捕获所有异常?except:两种方式捕获全部的异常。

2023-12-12 23:05:25 1164

mandatory.yaml

mandatory.yaml

2024-01-31

将Google Analytics(分析)添加到Android 应用实例

将Google Analytics(分析)添加到Android 应用实例,具体流程可以查看官方文档:https://developers.google.cn/analytics/devguides/collection/android/v4/?hl=zh-cn

2018-03-25

android登录实例

简单的android登录实例,请用android studio开发工具打开!

2018-03-19

一个简单的android开发实例

一个简单的android开发实例,开发工具为android studio。

2018-03-18

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

TA关注的人

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