- 博客(567)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
原创 k8s排错指南
查看node状态→查看pod状态→查看service流量是否路由到pod→查看ingress配置是否正确→查看kubelet系统日志。
2024-03-12 16:14:17 614
原创 Ubuntu上安装任意版本nodejs方法
在Ubuntu中安装指定版本的Node.js,可以使用Node Version Manager (NVM)。以下是安装步骤:首先,安装NVM。这个命令会下载并运行NVM的安装脚本。使用NVM安装指定版本的Node.js。node -v这个命令应该会显示你刚刚安装的Node.js版本号。
2024-03-08 16:46:28 620
原创 玩转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 405 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 689
原创 Webpack5入门到原理24:优化代码运行性能
打包代码时会将所有 js 文件打包到一个文件中,体积太大了。我们如果只要渲染首页,就应该只加载首页的 js 文件,其他文件不应该加载。所以我们需要将打包生成的文件进行代码分割,生成多个 js 文件,渲染哪个页面就只加载某个 js 文件,这样加载的资源就少,速度就更快。
2024-01-20 22:35:37 945
原创 Webpack5入门到原理23:减少代码体积
如果没有特殊处理的话我们打包时会引入整个库,但是实际上可能我们可能只用上极小部分的功能。是一个术语,通常用于描述移除 JavaScript 中的没有使用上的代码。开发如果项目中引用了较多图片,那么图片体积会比较大,将来请求速度比较慢。开发时我们定义了一些工具函数库,或者引用第三方工具函数库或组件库。Babel 为编译的每个文件都插入了辅助代码,使代码体积过大!默认情况下会被添加到每一个需要它的文件中。这样将整个库都打包进来,体积就太大了。我们可以对图片进行压缩,减少图片体积。并且使所有辅助代码从这里引用。
2024-01-20 22:33:51 376
原创 Webpack5入门到原理22:提升打包构建速度
开发时我们修改了其中一个模块代码,Webpack 默认会将所有模块全部重新打包编译,速度很慢。所以我们需要做到修改某个模块代码,就只有这个模块代码需要重新打包编译,其他模块不变,这样打包速度就能很快。
2024-01-20 22:25:14 595
原创 Webpack5入门到原理21:提升开发体验
所有 css 和 js 合并成了一个文件,并且多了其他代码。此时如果代码运行出错那么提示代码错误位置我们是看不懂的。一旦将来开发代码文件很多,那么很难去发现错误出现在哪里。所以我们需要更加准确的错误提示,来帮助我们更好的开发代码。
2024-01-20 22:18:05 605
原创 Webpack5入门到原理18:Plugin 原理
钩子的本质就是:事件。为了方便我们直接介入和控制编译过程,webpack 把编译过程中触发的各类关键事件封装成事件接口暴露了出来。这些接口被很形象地称做:hooks(钩子)。开发插件,离不开这些钩子。
2024-01-20 21:50:25 1097
原创 Webpack5入门到原理15:提取 Css 成单独文件
Css 文件目前被打包到 js 文件中,当 js 文件加载时,会创建一个 style 标签来生成样式这样对于网站来说,会出现闪屏现象,用户体验不好我们应该是单独的 Css 文件,通过 link 标签加载性能才好。
2024-01-20 21:13:14 664
原创 Webpack5入门到原理14:生产模式介绍
生产模式是开发完成代码后,我们需要得到代码将来部署上线。这个模式下我们主要对代码进行优化,让其运行性能更好。优化主要从两个角度出发:优化代码运行性能优化代码打包速度。
2024-01-19 23:24:58 548
原创 Webpack5入门到原理12:处理 Html 资源
去掉引入的 js 文件,因为 HtmlWebpackPlugin 会自动引入。此时 dist 目录就会输出一个 index.html 文件。
2024-01-19 23:14:18 591
原创 Webpack5入门到原理11:处理 js 资源
有人可能会问,js 资源 Webpack 不能已经处理了吗,为什么我们还要处理呢?原因是 Webpack 对 js 处理是有限的,只能编译 js 中 ES 模块化语法,不能编译其他语法,导致 js 不能在 IE 等浏览器运行,所以我们希望做一些兼容性处理。其次开发中,团队对代码格式是有严格要求的,我们不能由肉眼去检测代码格式,需要使用专业的工具来检测。针对 js 兼容性处理,我们使用 Babel 来完成针对代码格式,我们使用 Eslint 来完成。
2024-01-19 23:11:00 977
原创 Webpack5入门到原理9:处理字体图标资源
type: "asset" 相当于url-loader, 将文件转化成 Webpack 能识别的资源,同时小于某个大小的资源会处理成 data URI 形式。type: "asset/resource" 相当于file-loader, 将文件转化成 Webpack 能识别的资源,其他不做处理。打开 index.html 页面查看效果。
2024-01-19 22:56:57 873
原创 Webpack5入门到原理6:处理图片资源
过去在 Webpack4 时,我们处理图片资源通过 file-loader 和 url-loader 进行处理现在 Webpack5 已经将两个 Loader 功能内置到 Webpack 里了,我们只需要简单配置即可处理图片资源。
2024-01-19 22:33:37 884
原创 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 808
原创 Webpack5入门到原理4:开发模式介绍
开发时我们有样式资源、字体图标、图片资源、html 资源等,webpack 默认都不能处理这些资源,所以我们要加载配置来编译这些资源。提前检查代码规范和格式,统一团队编码风格,让代码更优雅美观。提前检查代码的一些隐患,让代码运行时能更加健壮。开发模式顾名思义就是我们开发代码时使用的模式。1、编译代码,使浏览器能识别运行。2、代码质量检查,树立代码规范。
2024-01-19 22:05:52 310
原创 Webpack5入门到原理2:基本使用
Webpack 本身功能是有限的:开发模式:仅能编译 JS 中的 ES Module 语法生产模式:能编译 JS 中的 ES Module 语法,还能压缩 JS 代码。
2024-01-19 21:56:32 770
原创 Webpack5入门到原理1:前言
开发时,我们会使用框架(React、Vue),ES6 模块化语法,Less/Sass 等 css 预处理器等语法进行开发。这样的代码要想在浏览器运行必须经过编译成浏览器能识别的 JS、Css 等语法,才能运行。所以我们需要打包工具帮我们做完这些事。除此之外,打包工具还能压缩代码、做兼容性处理、提升代码性能等。
2024-01-19 21:43:43 771
原创 TypeScript中interface与 type的区别
官方推荐用 interface,其他无法满足需求的情况下用 type。但其实,因为 联合类型 和 交叉类型 是很常用的,所以避免不了大量使用 type 的场景,一些复杂类型也需要通过组装后形成类型别名来使用。所以,如果想保持代码统一,还是可选择使用 type。通过上面的对比,类型别名 其实可函盖 interface 的大部分场景。对于 React 组件中 props及 state,使用 type ,这样能够保证使用组件的地方不能随意在上面添加属性。如果有自定义需求,可通过 HOC二次封装。
2024-01-06 23:36:23 1029
原创 React 路由跳转
默认情况下,开启的是 push 模式,也就是说,每次点击跳转,都会向栈中压入一个新的地址,在点击返回时,可以返回到上一个打开的地址,就像上图一样,我们每次返回都会返回到上一次点击的地址中当我们在读消息的时候,有时候我们可能会不喜欢这种繁琐的跳转,我们可以开启 replace 模式,这种模式与 push 模式不同,它会将当前地址替换成点击的地址,也就是替换了新的栈顶我们只需要在需要开启的链接上加上 replace 即可。
2023-12-24 23:46:52 1240
原创 React 路由传参
在上一篇中,我们学习了 React 中使用路由技术,以及如何使用 MyNavLink 去优化使用路由时的代码冗余的情况。这一节我们继续上一篇 React 路由进行一些补充。
2023-12-24 23:42:37 1139
原创 React 路由
路由是根据不同的 URL 地址展示不同的内容或页面在 SPA 应用中,大部分页面结果不改变,只改变部分内容的使用前端路由的优缺点优点用户体验好,不需要每次都从服务器全部获取整个 HTML,快速展现给用户缺点SPA 无法记住之前页面滚动的位置,再次回到页面时无法记住滚动的位置使用浏览器的前进和后退键会重新请求,没有合理利用缓存。
2023-12-24 23:32:50 1132
原创 ES6之class类
类是“特殊的函数”,就像定义的函数表达式和函数声明一样,类语法有两个组成部分:类表达式和类声明。// 类声明// 类表达式函数声明和类声明之间的一个重要区别,函数声明会提升,类声明不会。需要先声明类,然后再访问它。// 构造函数会变量提升// 类不会变量提升,导致引用异常// 构造函数// 类。
2023-12-17 22:36:34 1133
原创 Python从入门到精通九:Python异常、模块与包
1. 什么是异常:异常就是程序运行的过程中出现了错误2. bug是什么意思:bug就是指异常的意思,因为历史因为小虫子导致计算机失灵的案例,所以延续至今,bug就代表软件出现错误。1. 为什么要捕获异常?在可能发生异常的地方,进行捕获。当异常出现的时候,提供解决方式,而不是任由其导致程序无法运行。2. 捕获异常的语法?3. 如何捕获所有异常?except:两种方式捕获全部的异常。
2023-12-12 23:05:25 1158
原创 Python从入门到精通八:Python文件操作
1. 什么是编码?编码就是一种规则集合,记录了内容和二进制间进行相互转换的逻辑。编码有许多中,我们最常用的是UTF-8编码2. 为什么需要使用编码?计算机只认识0和1,所以需要将内容翻译成0和1才能保存在计算机中。同时也需要编码, 将计算机保存的0和1,反向翻译回可以识别的内容。内存中存放的数据在计算机关机后就会消失。要长久保存数据,就要使用硬盘、光盘、U 盘等设备。为了便于数据的管理和检索,引入了“文件”的概念。一篇文章、一段视频、一个可执行程序,都可以被保存为一个文件,并赋予一个文件名。
2023-12-12 22:30:24 1049
原创 Python从入门到精通七:Python函数进阶
1. 掌握位置参数·根据参数位置来传递参数2. 掌握关键字参数·通过“键=值”形式传递参数,可以不限参数顺序·可以和位置参数混用,位置参数需在前3. 掌握缺省参数·不传递参数值时会使用默认的参数值·默认值的参数必须定义在最后4. 掌握不定长参数· 位置不定长传递以*号标记一个形式参数,以元组的形式接受参数,形式参数一般命名为args· 关键字不定长传递以**号标记一个形式参数,以字典的形式接受参数,形式参数一般命名为kwargs1. 函数本身是可以作为参数,传入另一个函数中进行使用的。
2023-12-12 22:09:16 905
原创 Python从入门到精通六:Python数据容器
1、什么是数据容器?一种可以存储多个元素的Python数据类型2. Python有哪些数据容器?list(列表)、tuple(元组)、str(字符串)、set(集合)、dict(字典)它们各有特点,但都满足可容纳多个元素的特性。基本语法:列表内的每一个数据,称之为元素以 [] 作为标识列表内每一个元素之间用, 逗号隔开列表的定义方式:案例演示:使用[]的方式定义列表1. 列表的定义语法[元素1, 元素2, 元素3, ......]2. 什么是元素?
2023-12-11 23:01:35 1046
原创 Python从入门到精通五:Python函数
1. 函数的定义语法先定义函数后调用函数参数不需要,可以省略返回值不需要,可以省略基于函数的定义语法:可以有如下函数定义:实现了,每次计算的是x + y,而非固定的1 + 2x + y的值,可以在调用函数的时候指定。1. 函数的传入参数的作用是?在函数运行的时候,接受外部传入的数据2. 使用方式3. 注意事项函数定义中的参数,称之为形式参数函数调用中的参数,称之为实际参数函数的参数数量不限,使用逗号分隔开传入参数的时候,要和形式参数一一对应,逗号隔开什么是返回值。
2023-12-11 22:26:28 951
将Google Analytics(分析)添加到Android 应用实例
2018-03-25
用百度WebUploader文件上传插件上传文件时能在前端对文件进行加密后再上传吗?
2019-10-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人