归档 | Alex

2022

01

12

vite+vue3+ts+vue-router4+vuex4+element-plus+echart5实战

第01讲前置知识 vue3.2 + ts + vue-router4.x + vuex4.x + vite2.x 后台管理系统.element plus、EChart 依赖项目展示: http://120.79.201.10:9001

2022-01-12 Vue3 TypeScript Vite

2021

12

06

前端打包工具003_webpack

一、简介本文使用webpack: 5.64.4 (踩坑和完整配置放于文末) 本文主要用于记录webpack5优化策略, 需要适当webpack基础,具体可以参考官网二、webpack5优化1.不需要webpack loader处理的文

2021-12-06 window 前端打包 webpack

window 前端打包 webpack

06

前端打包工具002_rollup

1. rollup实战 rollupjs是下一代ES模块捆绑器 1.1 安装依赖npm i @babel/core @babel/preset-env @rollup/plugin-commonjs @ro

2021-12-06 window 前端打包 rollup

window 前端打包 rollup

06

前端打包工具001_Vite

1.Vite Vite (法语意为 “快速的”，发音 /vit/) 是下一代前端开发与构建工具 💡 极速的服务启动使用原生 ESM 文件，无需打包! ⚡️ 轻量快速的热重载无论应用程序大小如何，都始终极快的模块热重载（HMR） 🛠️

2021-12-06 window 前端打包 Vite

window 前端打包 Vite

06

微前端002_single-spa和qiankun实战

一、微前端知识一) 为什么需要微前端1.什么是微前端？微前端就是将不同的功能按照不同的维度拆分成多个子应用，通过主应用来加载这些子应用微前端的核心在于’拆’, 拆完后再’合’ 微前端不限制框架 2.为什么使用微前端不同团队使用不同技

2021-12-06 window 前端微前端 sing-spa qiankun

window 前端微前端 sing-spa qiankun

06

微前端001_webpack5模块联邦实战

一、前置知识创建子项目remote: 暴露模块创建子项目host: 引用remote暴露模块暴露的模块我们先称为容器, 而引用容器的可以叫做应用配置参数字段类型含义 name string 必传值，即输出

2021-12-06 window 前端微前端 webpack

window 前端微前端 webpack

11

22

WebAssembly实战001-初体验

一、为何是Rust和WebAssembly？低水平控制与高水平的人体工程学 JavaScript Web应用程序很难获得和保持可靠的性能。Rust为程序员提供了低级别的控制和可靠的性能。较小的.wasm 代码大小非常重要，因为 .wa

2021-11-22 window Rust WebAssembly

window Rust WebAssembly

22

WebAssembly实战000-总结之前笔记

一、备用链接应用场景: 读取音视频、图像、大文件、加解密、视频编辑、游戏、CAD建模、三维地图(Google Earth)、3D渲染、AR/VR直播应用、多人实时协作工具、人像分割技术在RTC领域的应用、图像识别、平台仿真、虚拟专用网

2021-11-22 window Rust WebAssembly

window Rust WebAssembly

22

Sentry监控部署012-手动报错、组件报错、接入redux

Sentry 实战手动上报错误 Sentry 的 SDK 会自动上报错误、未捕获的异常和 unhandled rejections 以及其他类型的错误。对于未捕获的异常，我们可以手动上报。官方文档 import * as Sentry

2021-11-22 linux Sentry

linux Sentry

22

Sentry监控部署011-Alert警报

Sentry 实战Alert 报警在前面的探索中，我们看到了如何在Sentry管理界面中查看性能、错误等信息。但如果我们手动在页面查看发生了哪些错误，会非常耗时耗力，因此可以配置报警功能Alert 配置邮箱首先我们配置一个可以通过 Sent

2021-11-22 linux Sentry

linux Sentry

20

Sentry监控部署010-路由监控和配置

Sentry 实战导航操作检测在前面页面加载与性能指标的介绍中，我们了解到性能信息都是有 SDK 的 BrowserTracing 功能采集的，而 BrowserTracing 除了采集页面加载性能指标外，还可以采集路由导航时的相关信息，这

2021-11-20 linux Sentry

linux Sentry

20

Sentry监控部署009-面包屑追踪事件和Performance追踪性能

Sentry 实战面包屑 Breadcrumbs在错误详情页中，有 Breadcrumbs 信息，它非常有用，可以追踪错误发生之前的一些事件，例如点击、页面导航等。 Breadcrumbs 是一连串的事件跟踪，展示了发生问题之前的一系列操

2021-11-20 linux Sentry

linux Sentry