- 博客(214)
- 收藏
- 关注
RSS订阅原创 Ubuntu K8s
kubeadmkubelet和kubectl是 Kubernetes 生态系统中的三个重要组件kubectlKubernetes（K8s）支持多种容器运行时（Container Runtime），这些运行时负责管理容器的生命周期，包括拉取镜像、创建、运行和停止容器。containerdcontainerdCRI-O修改主机名关闭swap关闭防火墙查看防火墙状态设置网桥参数安装 kubelet kubeadm kubectl锁定版本预检查，确保您的环境适合 Kubernetes 集群的运行。
2024-12-11 23:33:35
1124
原创 Flutter Environmental Installation
Android Studio -> SDK Manager -> SDK Tools tab -> 选择右下角 Show Package Details -> 在 Android SDK Build-Tools 里选择 28.0.3 下载并安装。Android Studio -> SDK Manager -> SDK Platforms tab -> 选择 Android 10.0 Pie（
2023-10-28 21:53:29
2760
2
原创 查找数组中从最大到最小再到最大的距离
let a=[1,5,5,2,6]; // 4 5,5,2,6let b=[1,1]; // 2 1,1let d=[2,6,8,5]; // 3 2,6,8
2022-12-06 16:52:26
1011
2
原创 Web Cache
浏览器缓存的分类强缓存协商缓存（对比缓存）浏览器在加载资源时，会先判断是否命中强缓存再验证是命中协商缓存。强缓存浏览器在加载资源时，会先根据本地缓存资源的 header 中的信息判断是否命中强缓存，如果命中则直接使用缓存中的资源不会再向服务器发送请求流程ExpireCache-Control协商缓存协商缓存一般是这样一个流程：Last-Modified，If-Modified-Since浏览器第一次请求资源的时候，服务器返回的 header 上会带有一个 Last-Modified 字段，表示资源最后修改的
2022-12-05 23:36:59
1074
原创 Copy
深拷贝 拷贝的对象的值中如果有 function、 undefined、 symbol 这几种类型， 经过 JSON.stringify 序列化之后的字符串中这个键值对会消失； 拷贝 Date 引用类型会变成字符串； 无法拷贝不可枚举的属性； 无法拷贝对象的原型链； 拷贝 RegExp 引用类型会变成空对象; 对象中含有 NaN、 Infinity 以及 - Infinity， JSON 序列化的结果会变成 null； 无法拷贝对象的循环应用， 即对象成环(obj[key] = obj)
2022-12-05 13:07:05
1055
转载 NG DI
1、派生组件不能继承父组件的注入器 2、父组件与派生组件之间没有任何关联 3、父组件注入的服务，那么派生组件也必须注入父组件依赖的服务 4、在派生组件中的constructor中使用super(...)往组件中传递。在传统的开发模式中，调用者负责管理所有对象的依赖，循环依赖一直是梦魇，而在依赖注入模式中，这个管理权交给了注入器(Injector)，它在软件运行时负责依赖对象的替换，而不是在编译时。通过控制反转，对象在被创建的时候，由一个调控系统内所有对象的外界实体，将其所依赖的对象的引用传递给它。
2022-12-03 18:54:34
1053
转载 NG Incremental DOM
因为组件编译的过程发生在编译过程中，因此我们可以根据引用到指令，来排除未引用的指令，从而可以在 Tree-shaking 过程中，将未使用的指令从包中移除，这便是增量 DOM 可树摇的原因。Ivy 引擎基于增量 DOM 的概念，它与虚拟 DOM 方法的不同之处在于，diff 操作是针对 DOM 增量执行的（即一次一个节点），而不是在虚拟 DOM 树上执行。虽然增量 DOM 带来了减少内存使用的解决方案，但是该解决方案影响了增量 DOM 的速度，因为增量 DOM 的差异计算比虚拟 DOM 方法耗费更多时间。
2022-12-01 13:01:46
870
原创 ng Schematics
Angular Schematics 是基于模板(Template-based)的，Angular 特有的代码生成器，当然它不仅仅是生成代码。新增ng-add指令。
2022-11-28 21:07:19
1112
原创 Scss
这样一来，也就有了—— Sass 的编译。上面的命令表示将项目中“sass”文件夹中所有“.scss”(“.sass”)文件编译成“.css”文件，并且将这些 CSS 文件都放在项目中“css”文件夹中。压缩输出方式——在编译的时候带上参数“ --style compressed”: 项目上线时使用，会将代码中的注释和空格省略，使源文件体积更小。那么这里告诉大家，在项目中还是引用“.css”文件，Sass 只不过是做为一个预处理工具，提前帮你做事情，只有你需要时候，他才有攻效。
2022-11-28 12:49:55
1233
原创 Sass
CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题”，例如你可以在 CSS 中使用变量、简单的逻辑程序、函数（如右侧代码编辑器中就使用了变量$color）等等在编程语言中的一些基本特性，可以让你的 CSS 更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成 文件，然后开发者就只要使用这种语言进行编码工作。什么是css预处理器?
2022-11-28 12:44:27
842
原创 get(obj, “a.b[0].c“, 0)
/ 实现一个 get 函数，get(obj, chain, defaultVal)get(obj, "a.b[0].c", 0) // 输出 1。get(obj, "a.b.c", 0) // 输出 0。💡 未做异常处理，请注意；
2022-11-09 13:02:16
1116
原创 [5, [[4, 3], 2, 1]]=＞(5 - ((4 - 3) - 2 - 1))
实现一个函数，能够将诸如 [5, [[4, 3], 2, 1]] 的数组当做(5 - ((4 - 3) - 2 - 1))进行分组的减法运算，并返回结果。（不能使用eval，建议使用递归）；
2022-11-09 12:51:48
1372
转载 NPM RXJS
对象时，它会把订阅者添加到观察者列表中，每当有接收到新值时，它就会遍历观察者列表，依次调用观察者内部的。，但又想在每次新的订阅时，它都会重新发送最后几个值，这个时候就可以用到。需要传入一个初始值，然后这个值将不断变化，我们只能看见当前的值。侧重于缓存，那么当它完成时，并不会影响我们继续观测它缓存的值。只是缓存了最近的值，它仍然反映的是不断有值产生的流（执行，所以它可以存储多个旧值并发送给它的新订阅者。表示你可以始终直接从。，但是它还有一个额外的特性，它可以记录一部分的。时，订阅它仍然可以拿到缓存的值，而。
2022-10-19 11:09:11
1172
原创 Git index.lock
一个由'git commit'打开的编辑器。请确认所有流程被终止，然后重试。如果它仍然失败，一个git进程可能已经在此存储库中崩溃:手动删除该文件以继续。 💡 无法创建“**/.git/index.lock”:文件存在。另一个git进程似乎正在这个存储库中运行，例如。该项目目录下运行该命令。
2022-10-18 13:00:40
917
原创 JS Regex
中国手机号(最宽松), 只要是1开头即可, 如果你的手机号是用来接收短信, 优先建议选择这一条。大于等于0, 小于等于150, 支持小数位出现5, 如145.5, 用于判断考卷分数。中国手机号(宽松), 只要是13,14,15,16,17,18,19开头即可。最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符。二代身份证号(18位数字),最后一位是校验位,可能为数字或字符X。微信号，6至20位，以字母开头，字母，数字，减号，下划线。用户名正则，4到16位（字母，数字，下划线，减号）...
2022-08-30 13:19:22
1422
原创 Nvm的使用
自动执行项目下的 .nvmrc 文件，自动切换node对应环境；根目录下创建 .nvmrc 文件。切换使用指定的node版本。安装最新稳定版 node。设置默认的node版本。写入自动切换的版本号。安装指定node版本。删除已安装的指定版本。...
2022-08-29 18:00:38
1552
原创 CSS Grid
如果不指定这两个属性，浏览器完全根据单元格内容的大小，决定新增网格的列宽和行高。💡网格区域一定要形成规整的矩形区域，什么L形，凹的或凸的形状都是不支持的，会认为是无效的属性值。布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是。将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。💡注意，设为网格布局以后，容器子元素（项目）的。的顶层子元素，不包含项目的子元素，比如上面代码的元素就不是。...
2022-07-25 22:49:09
826
转载 API Test
接口测试是测试系统组件间接口的一种测试。接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点。测试的重点是要检查数据的交换，传递和控制管理过程，以及系统间的相互逻辑依赖关系等。...
2022-07-20 22:58:59
893
原创 React是什么？
它的核心设计思路有三点，分别是声明式、组件化与 通用性。声明式的优势在于直观与组合。组件化的优势在于视图的拆分与模块复用，可以更容易做到高内聚低耦合。通用性在于一次学习，随处编写。比如 React Native，React 360 等， 这里主要靠虚拟 DOM 来保证实现。这使得 React 的适用范围变得足够广，无论是 Web、Native、VR，甚至 Shell 应用都可以进行开发。这也是 React 的优势。但作为一个视图层的框架，React 的劣势也十分明显。它并没有提供完整的一揽子解决方
2022-07-06 22:27:41
290
原创 CSS transform
💡 元素的边缘应该和像素点对齐，但是元素作用了 或者 后的计算值产生了非整数计算的结果并非整数的像素点，导致本来一个像素能渲染的内容，没有完全归纳在其像素点内，导致出现模糊的情况； 💡 由于浏览器将图层拆分到 以进行 转换，而非整数的像素偏移，使得 Chrome 在字体渲染的时候，不是那么的精确; Notion – The all-in-one workspace for your notes, tasks, wikis, and d...
2022-06-30 15:14:57
219
原创 JS EventListener
addEventListener 添加监听的事件 阻止默认事件preventDefault() 阻止事件冒泡stopPropagation() removeEventListener 移出事件 💡 removeEventListener 需要知道你需要移出的是哪个事件处理函数。匿名函数丢弃了自身函数名，是移出不了。 💡 IE9以下的IE浏览器不支持 addEventListener...
2022-06-26 23:39:50
582
原创 Uncaught Error: Objects are not valid as a React child (found: Error: Objects are not valid as a Rea
Uncaught Error: Objects are not valid as a React child (found: Error: Objects are not valid as a React child (found: object with keys {name}). If you meant to render a collection of children, use an array instead.class Index extends Component { co
2022-05-27 00:09:52
1528
2
原创 JS Standard
使用空格，而不使用tab除了行终止符外，在系统文件中，空格是唯一表示空白的字符，这意味着 tab 不能作为缩进使用。规定用2个空格（而不是4个）来表示缩进。必不可少的分号每个语句都必须以分号结尾，不要依赖编译器自动插入分号。不使用 var声明局部变量用 const 或者 let，默认使用 const，除非变量需要重新赋值。箭头函数完美替代 function箭头函数不仅语法简洁易读，而且修复了 this 的问题，特别是在嵌套函数中。用模板字符串替代字符串拼接用模板字符串（用 ` 分
2022-05-25 00:28:07
247
原创 Data URL
Data URI使用 data URI 来呈现一些较长的内容，如一串二进制数据编码、图片等，采用 base64 编码可以让内容变得更加简短。 而对图片来说，在 gzip 压缩之后，base64 图片实际上比原图 gzip 压缩要大，体积增加大约为三分之一，所以使用的时候需要权衡。data:[<mime type>][;charset=<charset>][;base64],<encoded data>data: 协议头，它标识这个内容为一个 data UR
2022-05-24 23:57:10
36581
原创 JS Touch
$("body").on("touchstart", function(e) { e.preventDefault(); startX = e.originalEvent.changedTouches[0].pageX, startY = e.originalEvent.changedTouches[0].pageY;});$("body").on("touchmove", function(e) { e.preventDefault(); moveEndX .
2022-05-24 23:56:21
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人