前端专题
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）
【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
Java 后端接口入参 - 联合前端VUE 使用AES完成入参出参加密解密
加密效果： 解密后的数据就是正常数据： 后端：使用的是spring-cloud框架，在gateway模块进行操作 <dependency><groupId>com.google.guava</groupId><artifactId>guava</artifactId><version>30.0-jre</version></dependency> 编写一个AES加密
前端技术(七)——less 教程
一、less简介 1. less是什么？ less是一种动态样式语言，属于css预处理器的范畴，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS 更易维护和扩展LESS 既可以在 客户端 上运行 ，也可以借助Node.js在服务端运行。 less的中文官网:https://lesscss.cn/ 2. less编译工具 koala 官网 http://koala-app.
前端form表单+ifarme方式实现大文件下载
// main.jsimport Vue from 'vue';import App from './App.vue';import { downloadTokenFile } from '@/path/to/your/function'; // 替换为您的函数路径// 将 downloadTokenFile 添加到 Vue 原型上Vue.prototype.$downloadTokenF
前端-06-eslint9大变样后，如何生成旧版本的.eslintrc.cjs配置文件
目录 问题解决办法 问题 最近在写一个vue3+ts的项目，看了尚硅谷的视频，到了配置eslintrc.cjs的时候我犯了难，因为eslint从9.0之后重大更新，跟以前完全不一样，但是我还是想用和老师一样的eslintrc.cjs文件，该怎么做呢？ 视频链接：尚硅谷Vue项目实战硅谷甄选，vue3项目+TypeScript前端项目一套通关 解决办法 首先 eslint 要
【H2O2|全栈】Markdown | Md 笔记到底如何使用？【前端 · HTML前置知识】
Markdown的一些杂谈 目录 Markdown的一些杂谈 前言 准备工作 认识.Md文件 为什么使用Md？ 怎么使用Md？ 编辑 怎么看别人给我的Md文件？ Md文件命令 切换模式 粗体、倾斜、下划线、删除线和荧光标记 分级标题 水平线 引用 无序和有序列表 编辑 任务清单 插入链接和图片 内嵌代码和代码块 表格 公式 其他 源代码 预
前端vue项目服务器部署(docker)
前端vue项目服务器部署(docker) 步骤 1: 导入 Nginx Docker 镜像 1、上传 Nginx Docker 镜像 将你的nginx-alpine.tar包上传到服务器上。假设路径为 /var/v3-admin-vite/nginx-alpine.tar。 scp -r "C:\Users\86184\Desktop\v3-admin-vite" root@110.40.
关于前端HTML javascript css 的理解
关于前端HTML javascript css 的理解 这些东西实质上就是一些文档document，有布局、样式、信息（文字、图片）什么的。有些是动态的文档，主要依靠事件机制。
使用Nginx部署前端Vue项目的详细指南
在本文中，我们将详细介绍如何使用Nginx部署一个前端Vue项目。此过程涵盖Vue项目的构建、Nginx的安装与配置、以及最后的项目启动。下面是步骤的详细说明。 步骤 1: 准备你的Vue项目 确保你已经创建并构建了一个Vue项目。如果你尚未创建Vue项目，可以使用以下命令创建一个： # 安装Vue CLInpm install -g @vue/cli# 创建一个新的Vue项目vue c
Jenkins+Svn+Vue自动化构建部署前端项目(保姆级图文教程)
目录 介绍 准备工作 配置jenkins 构建部署任务 常见问题 介绍 在平常开发前端vue项目时,我们通常需要将vue项目进行打包构建,将打包好的dist目录下的静态文件上传到服务器上,但是这种繁琐的操作是比较浪费时间的,可以使用jenkins进行自动化构建部署前端vue 准备工作 准备vue项目,服务器,linux,ubuntu,centos等都可以,服务器上已经
前端工程化2：从0-1的eslint插件开发教程
从0-1的eslint插件开发教程 开发eslint插件目的：根据项目需要，自定义满足项目特殊需要的校验规则是 参考eslint官方文档展开阐述 插件开发 自定义规则 单元测试 下面开始通过一个示例demo来介绍插件整个开发流程 代码中出现的方法及变量的详细解释与相关文档，会在文末给大家列举出来，大家可以先把代码拷贝到自己的demo中然后结合本文第3部分的变量｜方法解释去理解代码 开发一
【前端】animation动画以及利用vue制作简单的透明度改变动画，包含vue生命周期实现
一. 问题描述 想做一个文字透明度从1到0然后再从0到1的css动画。 二. 代码写法 2.1 animation写法 2.1.1 animation属性key 2.1.2 代码展示 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=de
前端HTML基础笔记
HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它通过一系列的元素（或称为标签）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素可以包含文本、图片、链接、表格、列表等。 教程学习网站推荐： https://www.w3.org/https://developer.mozilla.org/zh-CN/docs/Web/
前端:Vue3学习-2
前端:Vue3学习-2 1. vue3 新特性-defineOptions2. vue3 新特性-defineModel3. vue3 Pinia-状态管理工具4. Pinia 持久化插件 -> pinia-plugin-persistedstate 1. vue3 新特性-defineOptions 如果要定义组件的name或其他自定义的属性，还是得回归原始得方法----再添
前端学习-day14
文章目录 01-媒体查询02-媒体查询-书写顺序03-媒体查询04-媒体查询-link引入06-Bootstrap-使用07-Bootstrap-栅格系统08-Bootstrap-按钮样式09-Bootstrap-表格样式10-bootstrap组件11-bootstrap字体图标alloyTeam项目index.htmlindex.less 01-媒体查询 <!DOCTYP
【前端安全】浅谈XSS攻击和防范
定义 XSS是跨站脚本攻击(Cross Site Scripting)，为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS。 恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。 分类 大分类小分类原理非存储DOM型① 不需要经过服务器
前端vue项目生成唯一的uuid
一、使用步骤 1.安装uuid 代码如下（示例）： npm install -S uuid 2.在需要使用uuid的.vue文件中生成并存储uuid 代码如下（示例）： import { v4 as uuidv4 } from 'uuid';mounted () {let sid=''if(localStorage.getItem('sid')){sid=localStorage.g
文心快码前端工程师观点分享：人机协同新模式的探索之路（三）
本系列视频来自百度工程效能部的前端研发经理杨经纬，她在由开源中国主办的“AI编程革新研发效能”OSC源创会·杭州站·105期线下沙龙活动上，从一款文心快码（Baidu Comate）前端工程师的角度，分享了关于智能研发工具本身的研发历程和理念。 以下视频是关于【人机协同新模式的探索之路】的观点三。 人机协同新模式的探索之路（三） 经纬说： 那么第三个阶段，我们会进一步的去探索
前端 Vue3 项目开发—— ESLint prettier 配置代码风格
ESLint & prettier 介绍 如果你用的是 pnpm create vue 来创建项目，那么创建项目时就会让你选择是否添加 ESLint 和 prettier 我们在上一篇博客中详细介绍过 ESLint，可以说上一篇博客是这篇博客的先修知识，所以各位小伙伴们请先去看看我的上一篇博客，博客指路：前端 ESlint 代码规范及修复代码规范错误-CSDN博客 如果说 ESLint
前端---对MVC MVP MVVM的理解
就需要从前端这些年的从无到有、从有到优的变迁过程讲一下。 1. Web1.0时代 在web1.0时代并没有前端的概念，开发一个web应用多数采用ASP.NET/Java/PHP编写，项目通常用多个aspx/jsp/php文件构成，每个文件中同时包含了HTML、CSS、JavaScript、c#/Java/PHP代码，系统整体架构可能是这样子的： 我们可以看到服务端是比较重的，有一块既在客户
【前端面试】深入回答http状态码
HTTP状态码是服务器在响应HTTP请求时返回的三位数代码，这些代码用于表示请求的结果。状态码分为五个类别，每个类别都有不同的含义： 1xx（信息性状态码）：表示服务器接收到请求，并需要请求者继续执行操作。 100 Continue：表明服务器已接收到请求的一部分，要求客户端继续发送请求。 如果服务器在接收到包含 Expect: 100-continue 的请求后，没有准备好接收请求体，或
Nginx部署前端Vue项目的深度解析
目录 一、准备工作 1.1 开发环境 1.2 服务器环境 1.3 Nginx安装 二、构建Vue项目 三、上传静态文件到服务器 四、配置Nginx 五、测试并重新加载Nginx 六、访问Vue应用 七、高级配置 7.1 启用HTTPS 7.2 启用Gzip压缩 7.3 缓存控制 八、常见问题与解决方案 8.1 404错误 8.2 权限问题 8.3 跨域问题 九、
前端URL链接转迅雷下载链接
一、前言 普通的url是无法拉起迅雷下载的，这个时候需要把url转成迅雷能识别的链接。 二、url转迅雷链接 首先就是在普通url前面加上 AA，尾部加上 ZZ，然后将拼接后的url转成base64，JavaScript提供了转成base64的函数（btoa 和 atob是两个全局函数，通常用来对「字符串」进行 Base64 「编码和解码」）有兴趣的可以自己详细了解。 其次是把base64