摘要：
使用bs4的爬虫 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 17 天 实例项目：太空飞船大战 0x1 3D 实体搭建 3D 实体 3D 游戏是由一个个具有形状的实体组成的，每个实体在空间存在于特定的位置，有特定的旋转角度 3D 实体的位姿态 位置Position(x, y, z) 旋转Rotation(x, y 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 16 天 0x1 初识 WebGL WebGL 是一种运用 GPU 能力的渲染技术 Modern Graphics System 光栅（Raster）：是指构成图像的像素阵列 像素（Pixel）：通常保存图像上的某个具体位置的颜色等信息 帧缓存（Fra 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 15 天 0x1 什么是数据可视化 数据可视化 任何可以将数据转换成可视化表现形式是事物（如图表、地图等） 数据可视化分类 科学可视化 科学实验数据的直观展示 信息可视化 对抽象数据的直观展示 可视分析 对分析结果的直观展现，及交互式反馈，是一个跨领域 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 14 天 0x1 浅谈构建工具 前端工程的痛点 模块化 资源编译 产物质量 开发效率 前端构建工具的意义 模块化方案 提供模块加载方案 兼容不同模块规范 语法转译 高级语法转译 资源加载 产物质量 产物压缩 无用代码删除 语法降级 开发效率 热更新 0 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 13 天 0x1 Webpack 入门 什么是 Webpack 前端项目由资源构成，当资源较多且有一定的先后顺序时，引出了前端工程化工具，有了“前端工程”概念。 Webpack 是一种前端工程工具，本质上是一种前端资源编译、打包工具 Webpack 入 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 12 天 0x1 前端监控 什么是前端监控 前端监控就是尽可能的采集从输入 URL 到页面展示这一过程以及后续用户交互中产出的性能指标与发生的异常事件并上报到平台完成消费 为什么需要前端监控 前端监控通过对页面数据的采集和上报，来帮助开发者快速地对质量 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 11 天 0x1 攻击 XSS Cross-Site Scripting（XSS，跨站脚本攻击） 主要利用了： 开发者盲目信任用户提交的内容 将用户提交的字符串直接提交到 DOM 特点： 通常难以从 UI 上感知 窃取用户信息 绘制 UI，诱骗用户点击 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 10 天 0x1 Bug 与 Debug Bug 的产生 前端 Debug 的特点 多平台 浏览器、Hybrid、Node.js、小程序…… 多环境 本地、线上 多工具 Chrome DevTools、Whistle…… 多技巧 Console、Bre 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 9 天 0x1 跨端 跨端背景 PC 端（WLM）、移动端（Android/iOS）、web 端、IoT 设备（车载设备、手表） 常见痛点： 各端功能区别不多，但需要单独配置开发人员 开发、维护成本高 Android、iOS 发版周期长 跨端技术方案目 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 8 天 0x1 CSR，SSR，SSG CSR 客户端渲染（Client-Side Rendering）。常见 B 端 Web 应用开发模式，前后端分离，服务器压力相对更轻，渲染工作在客户端进行，服务器直接返回不加工的 HTML 用户在后续访问操作 缺 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 7 天 0x1 Node.js 的应用场景 前端工程化 打包工具：webpack、vite、esbuild、parce 代码压缩：uglifyjs 语法转换：babeljs，typescript 难以替代 Web 服务端应用 学习曲线平缓，开发效率较高 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 6 天 0x1 React 的历史与应用 应用场景 前端应用开发，如 Meta、Ins、Netflix 的网页版 移动原生应用开发，如 Ins、Discord 结合 Electron 进行桌面应用开发 发展历史 Facebook 引入了 xhp 框架， 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 5 天 0x1 初识 HTTP 协议 网页加载流程 user 输入网址browser 进程处理输入信息页面加载完成浏览器内核发起请求Internet服务器读取响应渲染 HTTP 位于 OSI 模型和 TCP/IP 的应用层(Application) 什 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 4 天 0x1 基本语法 什么是 TypeScript TypeScript 是基于 JavaScript 发展而来，是静态类型的弱类型语言 JS-动态类型：编译在执行阶段进行 TS-静态类型：编译在执行之前进行 TypeScript 特点静态类型JS 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 3 天 0x1 各司其职 让 HTML、CSS 和 JavaScript 职能分离 举例：通过 JavaScript 控制页面的 日间模式 与 夜间模式 的切换 v1.0：依据需求直接编程 const btn = document.getElement 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 2 天 0x1 CSS 什么是 CSS 层叠（Cascading）样式（Style）表（Sheets） 用来定义页面元素的样式（字体、颜色、位置、大小、动效等） CSS 代码构成 选择器 { 属性: 属性值; (声明 = 属性 + 属性值) (声明块 阅读全文
摘要：
这是我参与「第五届青训营」伴学笔记创作活动的第 1 天 0x1 前端 什么是前端 解决图形用户界面（GUI）人机交互的问题 跨终端 PC/移动浏览器 客户端/小程序 VR/AR 等 Web 技术栈 一句话总结前端工程师的工作：使用 Web 技术栈解决多端 GUI 人机交互问题 前端技术栈 在浏览网页 阅读全文