yiyun 的专栏-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

yiyun 的专栏

https://moeci.com

专栏成员

131

文章

262857

阅读量

26

订阅数

《深入架构原理与实践》| 读书笔记

读书笔记服务架构实践原理

引言随着云计算的兴起，技术架构的关注点也从集群可用性治理，发展到云原生和 FinOps 成本管理。该书涵盖了网络、容器、网关、微服务与分布式、云原生、质量监测和成本管理方面的内容，帮助读者快速理清云时代下的技术架构体系。本笔记大多为个人理解后的知识点, 仅供参考第一章：云原生技术概论 CNCF（Cloud Native Computing Foundation，云原生计算基金会） Service Mesh（服务网格） Serverless（无服务器架构）

2023-09-30

4450

Vue.js 中 nextTick | 笔记

笔记函数数据异步原理

引言对 Vue 组件数据（props 或状态）的更改不会立即反映在 DOM 中。相反，Vue 异步更新 DOM。你可以使用 Vue.nextTick() 或 vm.$nextTick() 函数捕获 Vue 更新 DOM 的时刻。让我们详细了解这些函数的工作原理。 nextTick() 当 Vue 组件数据发生变化时，DOM 会异步更新。 Vue 会收集来自所有组件的多个虚拟 DOM 更新，然后创建一个批处理来更新DOM。在单个批次中更新 DOM 比进行多个小的更新更高效。例如，让我们考虑一个切换元素显示的组件：

2023-09-30

2660

7 种常用的 TypeScript 类型

typescript string title 对象函数

引言七种非常有用的 TypeScript 类型，包括获取对象类型、函数返回类型、嵌套类型的查看、可选属性和排除属性等。 typeof

2023-09-20

2441

CDA | Level 1 | 笔记

数据分析笔记行业互联网数据

引言 CDA（Certified Data Analyst），是在数字经济大背景和人工智能时代趋势下，面向全行业的专业技能认证，旨在提升数字化人才的数据技能，助力企业数字化转型，推动行业数字化发展。CDA 具体指在互联网、金融、零售、咨询、电信、医疗、旅游等行业专门从事数据的采集、清洗、处理、分析并能制作业务报告、提供决策的新型数据人才。CDA 持证者秉承着先进商业数据分析的新理念，遵循着《CDA 职业道德和行为准则》新规范，发挥着自身数据科学专业能力，推动科技创新进步，助力经济持续发展。 CDA 是一套科学化，专业化，国际化的人才考核标准，共分为 CDA LEVEL Ⅰ ，LEVEL Ⅱ，LEVEL Ⅲ 三个等级，涉及行业包括互联网、金融、咨询、电信、零售、医疗、旅游等，涉及岗位包括大数据、数据分析、市场、产品、运营、咨询、投资、研发等。CDA 认证标准由数据科学领域的专家、学者及众多企业共同制定并每年修订更新，确保了标准的中立性、共识性、前沿性。通过 CDA 认证考试者可获得 CDA 中英文认证证书。 1. 第1章数据分析概述与职业操守

2023-09-12

1960

CSS | 视差滚动 | 笔记

css 容器 background 笔记浏览器

image-20230720145639107css3中的坐标系，rotateX就是绕着x轴旋转，rotateY就是绕着Y轴旋转，rotateZ就是绕着z轴旋转（也就是xy平面的旋转）。 perspective属性用来设置视点，在css3的模型中，视点是在Z轴所在方向上的。 translateX,translateY表现出在屏幕中的上下左右移动，transformZ 的直观表现形式就是大小变化，实质是 XY平面相对于视点的远近变化（说远近就一定会说到离什么参照物远或近，在这里参照物就是perspective属性）。比如设置了 perspective 为 200px; 那么 transformZ 的值越接近 200，就是离的越近，看上去也就越大，超过200就看不到了，因为相当于跑到后脑勺去了，你不可能看到自己的后脑勺。（200-transformZ的值）就是视点和xy平面的距离（初始是屏幕的位置，此时transformZ的值为0）。

2023-07-24

8150

PostCSS | 笔记

css postcss 笔记浏览器语法

使用最新的 CSS 特性，并编译为就浏览器兼容的语法，类似于 babel preset env 安装：

2023-07-20

3020

使用 TypeScript 编写 React.js 应用 | 笔记

react typescript 笔记测试函数

在 <ProjectList /> 下方显示加载指示器。仅在 loading=true .

2023-07-20

8790

使用 Vue 3 与 TypeScript 构建 Web 应用: Todo

typescript web 对象函数数据

引言界面: Vue.js 3 JavaScript 超集: TypeScript 包管理器: pnpm 前端工程化/打包: Vite 路由: Vue Router 状态管理: Pinia CSS 预处理器: Less 代码格式化: Prettier 代码质量: ESLint 预览

2023-07-17

1.2K0

freeCodeCamp | Front End Development Libraries | 笔记

libraries state 笔记对象函数

要创建带有函数的组件，您只需编写一个返回 JSX 或 null 的 JavaScript 函数。需要注意的重要一点是，React 要求你的函数名称以大写字母开头。

2023-07-17

6510

JavaScript 包管理器

javascript 存储 npm 管理连接

npm、yarn、pnpm 都是现代化的 JavaScript 包管理器，它们的异同如下：

2023-05-18

1K0

LeetCode | 数据结构与算法 | 4月合集

int leetcode 数据结构与算法数组算法

给你一个非空整数数组 nums ，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。

2023-05-18

1870

LeetCode | 数据结构与算法 | 3月合集

int leetcode 数据结构与算法数组指针

数字 n 代表生成括号的对数，请你设计一个函数，用于能够生成所有可能的并且有效的括号组合。

2023-05-18

1820

LeetCode | 数据结构与算法 | 2月合集

leetcode 链表数据结构与算法指针字符串

给定一个只包括 '('，')'，'{'，'}'，'['，']' 的字符串 s ，判断字符串是否有效。

2023-05-18

2100

React | 2023-04 | 学习笔记

react 函数效率学习笔记组件化

1. 简介用于构建用户界面的 JavaScript 库原生 JavaScript 操作 DOM 繁琐、效率低（ DOM-API 操作 UI ), 使用 JavaScript 直接操作 DOM , 浏览器会进行大量的重绘重排。原生 JavaScript 设有组件化编码方案，代码复用率低。 React 特点 1. 采用组件化模式、声明式编码，提高开发效率及组件复用率。 2. 在 React Native 中可以使用Reacti语法进行移动端开发。使用虚拟DOM + 优秀的 Diffing 算法，尽量减少与真实DOM的交互。 2. Hello React

2023-05-11

2560

Web 前端 | 面试题 | 笔记

web 笔记浏览器模型前端

position属性取值：static(默认)、relative、absolute、fixed、inherit、sticky。 float属性取值：none(默认)、left、right、inherit。 display属性取值：none、inline、inline-block、block、table相关属性值、inherit。固定定位 fixed：元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动。Fixed 定位使元素的位置与文档流无关，因此不占据空间。 Fixed 定位的元素和其他元素重叠。（脱离文档流）相对定位 relative：如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。绝对定位 absolute：绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于。absolute 定位使元素的位置与文档流无关，因此不占据空间。absolute 定位的元素和其他元素重叠。（脱离文档流）粘性定位 sticky：元素先按照普通文档流定位，然后相对于该元素在流中的 flow root（BFC）和 containing block（最近的块级祖先元素）定位。而后，元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。默认定位 Static：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 inherit: 规定应该从父元素继承 position 属性的值。

2023-05-09

7510

使用 B VPS 中转 A VPS 流量

vps 流量路由器配置网络

引言由于某些不可抗力原因, 所处网络环境无法访问 A VPS, 因此增加能访问到的 B VPS 来中转流量到 A VPS me --x-> A VPS me <----> B VPS <----> A VPS 非内网穿透需求, A VPS 有公网ip, 可被公网直接发现和使用某些客户端配合 Cloudflare Proxy 类似 me(X Client) <----> Cloudflare <----> A VPS <----> google.com me(X Client) <----> 中转机 <----> 落地机 <----> google.com PS: 目前已知 Cloudflare 支持代理: HTTP/HTTPS, WebSocket 和 gRPC(HTTP/2) 但支持的端口有限, 详情请看 Cloudflare 文档 Nginx 流量转发 Nginx是非常强大的四层、七层反向代理软件，功能强大，在互联网上广泛应用。本节介绍Nginx转发配置。

2023-04-12

61.2K0

LeetCode | 子集

leetcode 数组

题目 78. 子集 - 力扣（LeetCode）给你一个整数数组 nums ，数组中的元素互不相同。返回该数组所有可能的子集（幂集）。解集不能包含重复的子集。你可以按任意顺序返回解集。示例 1：

2023-04-06

3380

LeetCode | 只出现一次的数字

c#leetcode 设计数组算法

题目 136. 只出现一次的数字 - 力扣（LeetCode）给你一个非空整数数组 nums ，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。你必须设计并实现线性时间复杂度的算法来解决此问题，且该算法只使用常量额外空间。示例 1 ：

2023-04-04

5450

LeetCode | 合并两个有序数组

leetcode 博客数组协议指针

题目 88. 合并两个有序数组 - 力扣（LeetCode）给你两个按非递减顺序排列的整数数组 nums1 和 nums2，另有两个整数 m 和 n ，分别表示 nums1 和 nums2 中的元素数目。请你合并 nums2 到 nums1 中，使合并后的数组同样按非递减顺序排列。注意：最终，合并后数组不应由函数返回，而是存储在数组 nums1 中。为了应对这种情况，nums1 的初始长度为 m + n，其中前 m 个元素表示应合并的元素，后 n 个元素为 0 ，应忽略。nums2 的长度为 n 。示例 1：

2023-03-27

8030

LeetCode | 搜索插入位置

题目 35. 搜索插入位置 - 力扣（LeetCode）给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。请必须使用时间复杂度为 O(log n) 的算法。示例 1:

2023-03-10

2080

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态