青训营笔记共0篇
青训营笔记
排序
可视化引擎Antv G6初体验（一）| 青训营
什么是G6 G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的 Insight。 类似于D3，D3能实现的G6也能实...
2年前Go 语言入门指南：基础语法和常用特性解析 (中)
数组 数组是一种数据类型元素的集合。在Go语言中，数组在声明时就必须确定它的数据类型以及长度，虽然数组在使用时可以修改其数据，但是数组大小无法改变。 数组定义 var 数组变量名 [元素数量]...
2年前使用 Vue 实现页面访问拦截
在现代的 Web 应用程序中，页面访问拦截是非常重要的一个方面。它可以用于确保用户只能访问他们有权限的页面，提高应用程序的安全性和用户体验。本篇博文将介绍如何使用 Vue 框架来实现页面访问...
2年前HTML语义化的案例分析：分析一些实际网站的HTML结构，对比非语义化标签的差异 ｜ 青训营
一、什么是HTML语义化 HTML语义化是指使用恰当语义的HTML标签，使页面具有良好的结构与含义，从而让人和机器都能快速理解网页内容。HTML5引入了许多新的语义化标签，如<header>、<nav&...
2年前
pprof性能分析排查实战 | 青训营
1.pprof工具介绍即使用 简介： pprof是golang的内置可视化性能分析工具，可以展示出当前程序运行状态的画像，直观的让我们知道程序在什么地方耗费了多少CPU，memory等资源，可以生成多种类型的...
2年前Pinia 实践 | 青训营笔记
什么是Pinia 如果你学过Vue2，那么你一定使用过Vuex。我们都知道Vuex在Vue2中主要充当状态管理的角色，所谓状态管理，简单来说就是一个存储数据的地方，存放在Vuex中的数据在各个组件中都能访问...
2年前
猜谜游戏、在线词典、SOCKS5服务器的实现，优化与代码解读 | 青训营笔记
猜谜游戏 代码主要修改有两点： rand.Seed()方法在go1.20已经弃用，我采用rand.New(rand.NewSource())来实现。 读取输入的方式由bufio.NewReader(os.Stdin)改为fmt.Scanf('%d', &guess)。 ...
2年前
CSS布局技巧 （定位position） | 前端实践 | 青训营
正常布局流（normal flow） 浏览器默认的HTML布局方式。 而当我们使用css进行布局时，就是对正常布局流进行修改。 z-index “z-index”是对 z 轴的参考。我们使用水平（x 轴）和垂直（y 轴）坐...
2年前Go 语言入门指南：基础语法和常用特性解析｜ 青训营
学习Go有一段时间了，今天做一下汇总。Go 语言是一种由 Google 开发的开源编程语言，旨在简化系统级编程。其设计目标是“编写可读的代码，高效的运行，尽可能少”。 下面是一份 Go 语言入门指南...
2年前
CSS布局技巧实践 | 青训营
CSS布局的技巧有很多，比如弹性布局，网格布局，浮动等等，今天我们来谈一谈CSS布局的具体操作和应用场景。 ?常见的CSS布局方式 我们常见的CSS布局有浮动，定位，弹性盒布局，网格布局，响应式...
2年前
pprof优化实战|青训营
这是青训营笔记的第五篇文章。 前言 本文主要内容为Go性能调优、性能分析工具——pprof的介绍、pprof的采样过程以及原理解析。 简介 在实际项目中，我们都知道优化很重要，在工作中伴随着迭代的...
2年前
git的正确打开方式以及基本操作
git的正确打开方式 什么是git Git是一个分布式版本控制系统，用于跟踪文件的变化和协调多个人在同一项目上的工作。它最初由Linus Torvalds于2005年创建，最初旨在管理Linux内核的开发。Git的设...
2年前Go Module | 青训营
写在前面 关于 Go Module 的详细资料，可以参考官方的文档。 Go Modules Reference 文章详细地介绍了Go Module的设计以及原理，包含各种命令的使用和 Go 版本的兼容情况。 Go 包管理历史 Go 的...
2年前
10分钟让你彻底学会Flex弹性布局 ｜ 青训营
Flex布局的背景 Flex布局是在CSS3中引入的一种新的布局模式，旨在解决传统布局模式的一些问题。 2009年，Flex 布局是W3C 提出的一种新的布局方案，可以简便、完整、响应式地实现各种页面布局。...
2年前
使用React 实现一个简单的待办事项列表：用户可以添加、编辑和删除待办事项 | 青训营
本文主要介绍一下通过react实现一个简单的代办事件列表。 本文主要是记录一下实现过程以及后续改进方向。项目具体源码见仓库：gitee.com/piao-chen/r… 项目搭建 使用react脚手架进行搭建。首先...
2年前探索CSS之美：创意布局和视觉效果的实现方式
引言： CSS是一种强大且灵活的样式语言，用于呈现网页的外观和布局。在使用CSS时，我们需要了解一些重要概念和技术，例如选择器的特异度、继承、CSS求值过程和各种布局方式。这些知识将帮助我们...
2年前从自定义元素到 Shadow DOM | 青训营
该文介绍了自定义元素和 Shadow DOM 的概念和用法。自定义元素是一种允许开发者创建自己的 HTML 标签的技术，它使得代码更加语义化和结构化。博文详细解释了如何定义自定义元素，并且展示了如何...
2年前使用 Webpack 优化前端开发流程 | 青训营
在现代前端开发中，构建工具的选择和优化流程的设计至关重要。Webpack 是一个功能强大的前端构建工具，能够优化我们的开发流程，提高开发效率和项目性能。本文将介绍如何使用 Webpack 来优化前...
2年前GO语言入门指南：Gin框架入门 | 青训营
Gin框架 Gin框架是一个用于构建Web应用程序的轻量级框架，使用Go语言编写。它具有高性能、易于使用和灵活的特点，被广泛应用于构建RESTful API。 Gin框架安装与使用 安装 下载并安装Gin: go get...
2年前GO语言基础笔记（上） | 青训营
GO语言特点： 高性能、高并发（不需要寻找第三方库来进行开发应用，只需使用标准库） 语法简单，学习曲线平缓（类似于c语言，并对其进行简化） 丰富的标准库（稳定性，兼容性有保障 | 迭代快） ...
2年前