前端 体系 阶段 课程
新建springboot项目，访问前端界面
直接在IDEA中下载依赖会比较慢，将常用依赖下载到本地，然后从本地加载依赖会比较快。（方法可以搜，很多） pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" ......
Nginx环境搭建及前端部署教程（Windows版）
Nginx启动 启动方式一：双击nginx.exe，双击后你能看见一个小黑窗口一闪而过。 启动方式二：打开cmd命令窗口，切换到nginx解压目录下，输入命令 nginx.exe ，回车即可注意：如果安装目录是中文的情况，打开exe文件时会报错。打开浏览器：浏览器地址栏输入网址http://loca ......
课程设计：任务理解与分工
团队任务： 1.小组讨论对课程设计任务的理解 我们小组对于任务的理解为，为报文解析工具wireshark设计一个lua插件，该插件要能够协助wireshark进行加解密。 2.进行任务的功能划分和分工 我们将本次插件设计的任务划分成了四个部分，一是对任务整体的布置与解读，将任务中涉及到的内容进行解读 ......
课程设计第一周进展
一、本周计划完成的任务 1.阅读云班课资源 2.学习LUA语言 3.了解wireshark插件以及基于LUA的wireshark插件编写入门 二、本周实际完成情况 （代码，文档，程序运行截图...）,未完成计划的原因？如何改进？ 三、本周遇到的问题与解决过程 （要详细） ......
前端笔记：React学习 1.1--配置环境
1.1 配置环境 React中文文档 React官网文档 安装Nodejs Nodejs官网 安装create-react-app 终端执行： npm i -g create-react-app 安装VSCode插件 Simple React Snippets Prettier - Code for ......
信息安全系统设计与实现课程第十二章学习笔记
一、知识点归纳 1、块设备I/O缓冲区 I/O缓冲的基本原理非常简单。文件系统使用一系列I/O缓冲区作为块设备的缓存内存。当进程试图读取（dev，blk）标识的磁盘块时，它首先在缓冲区缓存中搜索分配给磁盘块的缓冲区。如果该缓冲区存在并且包含有效数据，那么它只需从缓冲区中读取数据，而无须再次从磁盘中读 ......
前端骨架HTML
HTML5 如果将网页比作机器人，那么HTML就是骨架，CSS就是是表现与展示效果，JavaScript就是功能与行为 简单介绍 超文本标记语言HTML(HyperText Markup Language) 一、配置HTML编译器 1. 安装vscode 下面是官网： vscode官网 2. 安装v ......
前端项目容器化(Docker)打包部署
前端项目容器化(Docker)打包部署 新建一个vue项目 增加容器配置 docker命令打包镜像，部署本机 BiliBili视频同步发布 新建vue项目 使用vue官方脚手架创建一个项目 下面的demo使用默认配置 安装依赖并运行 # 使用vue脚手架创建项目 npm create vue@lat ......
【第4章】网络安全体系与网络安全模型（信息安全工程师）
4.1 网络安全体系概述 4.1.1 网络安全体系概念 一般而言，网络安全体系是网络安全保障系统的最高层概念抽象，是由各种网络安全单元按照一定的规则组成的，共同实现网络安全的目标。网络安全体系包括法律法规政策文件、安全策略、组织管理、技术措施、标准规范、安全建设与运营、人员队伍、教育培训、产业生态、 ......
冯·诺依曼体系结构了解
冯·诺依曼计算机体系开端 自1946年第一台计算机ENIAC诞生，人类进入计算机时代，早期计算机是由门电路通过组装装出一个固定的电路板，来执行一个特定的程序，一旦程序修改，就要重新组装电路板，所以早期的计算机程序是硬件化的。同时，早期的程序和数据是两个截然不同的概念，数据放在存储器中，而程序作为控制 ......
前端页面部署之后刷新页面之后出现HTTP 错误 404.0 - Not Found错误问题解决
前端页面部署能正常访问，但是一旦刷新页面就报如下错误：404.0 - Not Found 解决办法：下载IIS URL重写模版，并安装。下面为安装地址： URL Rewrite : The Official Microsoft IIS Site 安装之后IIS中出现如下IIS重写模块： 点击进去添加 ......
【前端VUE】VUE环境安装
nodejs安装 nodejs教程 https://blog.csdn.net/muzidigbig/article/details/80493880 检查是否安装成功 VUE安装 npm install -g @vue/cli 创建VUE项目 vue create 项目名称 第一个和第一个是默认的 ......
基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例
笔者之前这篇掘金文章一个 SAP 开发工程师的 2022 年终总结：四十不惑 提到，我目前的团队，负责开发一款基于 Angular 框架的电商 Storefront 应用。 这个 Storefront 是一个开源的、基于 Angular 和 Bootstrap 并为 SAP Commerce Clo ......
task0003前端项目准备的学习笔记（之前忘了发不好意思！）
2023-10-26 task0003前端学习笔记 JavaScript作用域学习笔记①：今天看了http://www.laruence.com/2009/05/28/863.html这位作者讲了js的作用域原理，让我豁然开朗，原来函数定义式与函数表达式的不同会导致作用域作用不一样比如：var na ......
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 ......
iframe前端微服务
优缺点分析 iframe 适合的场景 由于 iframe 的一些限制，部分场景并不适合用 iframe，比如像下面这种 iframe 只占据页面中间部分区域，由于父页面已经有一个滚动条了，为了避免出现双滚动条，只能动态计算 iframe 的内容高度赋值给 iframe，使得 iframe 高度完全撑 ......
前端鉴权与后端鉴权方案
基础概念 在介绍鉴权方法之前，先要了解的是：什么是认证、授权、鉴权、权限控制以及他们之间的关系，有了他们做铺垫，那么才能做到从始至终的了解透彻 ~ 什么是认证？ 认证(Identification) 是指根据声明者所特有的识别信息，确认声明者的身份。 白话文的意思就是：需要用身份证证明自己是自己。 ......
0到1搭建前端监控平台
前言 前端监控是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目好比是在裸奔 文章分成以下六部分来介绍： 自研监控平台解决了哪些痛点，实现了什么亮点功能？ 相比 sentry 等监控方案，自研监控的优势有哪些？ 前端监控的设计方案、监控的目的 数据的采集方式：错误信息、性能数据、用户行 ......
前端录屏+定位源码，快速定位线上bug
前言 如何快速定位线上 bug，是多数开发者都会遇到的难题 web-see 前端监控方案，提供了 前端录屏+定位源码 方式，让 bug 无处藏身 最终效果 在监控后台，通过报错信息列表，可以查看具体报错的源码，以及报错时的录屏回放 效果演示： 录屏记录了用户的所有操作，红色的线代表了鼠标的移动轨迹 ......
基于Sentry的前端性能监控平台搭建与应用
一、Sentry 简介 Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。 这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关 ......
前端应该如何封装高扩展的axios请求库
我看了很多 axios 的封装，但是我感觉他们的封装。也不够自由，主要是写完之后，如果以后有东西需要修改的时候，还要回去拦截器进行修改。但是有一些东西拦截器可能是你以后的业务需求才需要添加的。 我就在想我能不能拦截器做成插件式的模式进行动态配置呢？例如下面的效果，点击添加一个请求缓存器，请求的时候就 ......
408---CN三轮复习---计算机网络体系结构
计算机网络概论 计算机网络的功能 1、数据通信 计算机网络最基本的功能! 2、资源共享 3、分布式处理 4、提高可靠性 5、负载均衡 计算机网络的组成 从组成部分上来看，一个计算机网络由硬件、软件、协议组成 硬件组要由主机、通信链路、交换设备组成 软件主要包括各种实现资源共享的软件和方便用户使用工具 ......
在线CAD SDK前端库绘制规则多边形图形
前言 在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。 mxcad 是一个基于 TypeScript 的 ......
如何用AB测试完善产品激励体系
用户激励体系，也称用户激励机制，是为了让用户持续使用产品，而设计的一套对应规则。在用户激励体系建立过程中，产品可以通过一系列方式，如金币赚取、积分奖励等，让用户完成一系列动作，提升活动参与率、扩散传播率，最终提升用户的产品粘性。在这个过程中，产品经常用会用到AB测试，来进行激励策略的完善和优化。 ......
全栈工程师必须要掌握的前端Html技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
springboot整合前端实现断点续传、大文件秒传以及多线程上传下载
前端，百度开源框架 webuploader新建upload.html webuploader官网地址： http://fex.baidu.com/webuploader/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit ......
前端打印二维码
1、安装生成二维码的插件 vue-qr yarn add vue-qr // or npm install vue-qr --save 2、安装用于将html代码生成图片的插件 html2canvas yarn add html2canvas // or npm install html2canva ......
DOM对象（pink老师课程笔记）
let or const const优先 对于引用数据类型，const存储的是地址 数组和对象使用const声明 作用和分类 作用：使用JS去操作html和浏览器 分类：DOM（文档对象模型）和BOM（浏览器对象模型） DOM 操作网页内容（标签） DOM树 将HTML文档以树状结构表现出来，直观体 ......
【项目设计开发各阶段及对应输出文档】
项目设计阶段： 1、可行性阶段 2、策划阶段 3、设计开发阶段 4、设计验证和确认阶段 5、设计转生产阶段 6、量产阶段 软件开发流程： 1、开发目的分析和确定 2、需求分析 3、产品设计 4、编程开发 5、软件测试 6、产品发布 7、产品验收和维护 软件测试阶段： 1、单元测试（白盒测试） 2、集 ......