青训营
Go语言初上手（三）编码规范与性能优化 | 青训营
本节课讲了如何写出更简洁清晰的代码，每种语言都有自己的特性，也有自己独特的代码规范，对于 Go 来说，有哪些性能优化的手段、趁手的工具，也都进行了介绍。 高质量代码需要具备正确可靠、简洁清晰的特性
正确性：各种边界条件是否考虑完备、错误的调用能否被处理 可靠性…
Go语言初上手(一) 环境配置与基础语法 | 青训营
字节第三届青训营是后端专场，开课了，高高兴兴写笔记啦 课上很详细的讲了Go的基本语法，以及再加上自己阅读Go语言圣经的一些总结，得出了这一篇文章，感觉跟JS和c/c++还是有很多共通之处的。
内容来源于：Go语言圣经 以及 第三届青训营课程
课程源码 wangkechun/go…
青训营 |「前端设计模式应用」笔记
设计模式是软件设计中常见问题的解决方案模型，是历史经验的总结，与特定语言无关 设计模式大致分为23种设计模式
创建型——如何高效灵活的创建一个对象 结构型——如何灵活的将对象组装成较大的结构 行为型——负责对象间的高效通信和职责划分
单例模式
单例模式…
青训营 |「Web多媒体入门」笔记
PC时代：Flash等播放插件，富客户端。 移动互联网时代：Flash等逐渐被淘汰，HTML5出现了，但其支持视频格式等有限 Media Source Extensions ，支持多种视频格式等 编码格式
图像基本概念
图像分辨率：用于确定组成一副图像的像素数据…
青训营 |「小程序技术全解」笔记
终于到了我超期待的一门课~~ 课程目标：
认识和了解小程序的业务产品价值 学习和掌握小程序相关技术原理
发展历程
核心数据
小程序生态
与WEB的区别
有着固定的语法以及统一的版本管理， 平台可以更方便的进行审核 平台能够控制各个入口，如二维码，文章内嵌…
青训营 |「小游戏开发」笔记
开发角色和链路 游戏开发的团队分工
组建一个最小但最完整的游戏开发团队只需要3个人:策划、程序、美术。
当然，能力足够强的话可以作为独立开发者。
基本链路
立项阶段 -> 原型阶段 -> Alpha版本 -> Beta阶段 -> 运营阶段
为什么要用游戏引擎
游戏引擎最大的…
青训营 |「TypeScript入门」笔记
这节课老师讲了TypeScript的用处与基本语法、高级类型的应用、类型保护与类型守卫 发展历史
2012-10：微软发布了TypeScript第一个版本(0.8) 2014-10：Angular 发布了基于TypeScript的2.0版本 2015-04…
青训营 |「WebGL基础」
Why WebGL / Why GPU? WebGL是什么?
GPU ≠ WebGL ≠ 3D
WebGL为什么不像其他前端技术那么简单?
现代的图像系统
光栅(Raster)：几乎所有的现代图形系统都是基于光栅来绘制图形的，光栅就是指构成图像的像素阵列。 像素…
青训营 |「构建Webpack知识体系」
理解前端"工程化"概念、工具、目标 一个团队总要有那么几个人熟悉Webpack, 某种程度上可以成为个人的核心竞争力 高阶前端必经之路 课程目标：
理解Webpack的基本用法 通过介绍Webpack功能、Loader 与Plugin组件设计，建立一个知识体系 不会事无巨…
青训营 |「Web开发的安全之旅」
安全问题很常见，会危害 用户 公司 程序员（祭天QAQ）
两个角度看web安全
假如你是一个hacker——攻击
跨站脚本攻击XSS(Cross Site Scripting)
注入恶意脚本，完成攻击，后果：泄露用户隐私等
XSS主要利用了开发者对用户提交内容的盲目信任…
青训营 |「Node.js 与前端开发实战」
Node.js 的应用场景（why） 前端工程化
早期的jQuery等库都是直接在页面中引入，后来模块化逐渐成熟，Node.js赋予了开发者在浏览器外运行代码的能力，前端逐渐模块化、
Bundle：webpack、Vite、esbuild、Parcel等
Ugl…
青训营 |「HTTP实用指南」
初识HTTP 输入url -> browser进程处理输入信息 -> 浏览器内核向服务器发起请求 -> 浏览器内核读取响应 -> 浏览器内核进行渲染 -> browser进程页面加载完成
Hyper Text Transfer Protocol （HTTP）超文本传输协议…
青训营 |「前端动画实现」
动画的基本原理 动画是什么
动画是通过快速连续排列彼此差异极小的连续图像来制造运动错觉和变化错觉的过程。
——维基百科
快速 连续排列 彼此差异极小 制造 “错觉” 的过程
动画发展史
如今的前端动画技术已经普及
常见的前端动画技术
Sprite动画、CSS动画…
青训营 |「响应式系统与 React」
React的历史与应用 应用
前端应用开发，如 Facebook，Instagram，Netflix网页版。 移动原生应用开发，如Instagram，Discord，Oculus。 结合Electron，进行桌面应用开发。
历史
2010年 Facebook…
青训营 |「前端必须知道的开发调试知识」
前端Debug的特点 多平台
浏览器、Hybrid、NodeJs、小程序、桌面应用……
多环境
本地开发环境、线上环境
多工具
Chrome devTools、Charles、Spy-Debugger、Whistle、vConsole……
多技巧
Console…
青训营 |「Web 标准与前端开发」
关于前端开发 起源、架构、变迁
"Suppose all the information stored on computers everywhere were linked. Suppose l could program my computer to create a…
青训营 |「跟着月影学 JavaScript」笔记
这节课是由月影老师讲的，干货满满，包括了面向对象的设计、组件封装、高阶函数（节流、防抖、批处理、可迭代化） 写好js的原则
各司其责
举个栗子：写一段JS，控制一个网页，让他支持浅色/深色两种模式。你会怎么做呢？
我的第一反应：写一个深色类，在切换按钮事件进行切换…
青训营 |「CSS布局」
确定内容的大小和位置的算法 依据元素、容器、兄弟节点和内容等信息来计算 CSS 基础框盒模型介绍 - CSS（层叠样式表） | MDN (mozilla.org)
当对一个文档进行布局（lay out）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS…