前端专题
Nginx实现前端灰度发布
《Nginx实现前端灰度发布》灰度发布是一种重要的策略,它允许我们在不影响所有用户的情况下,逐步推出新功能或更新,通过灰度发布,我们可以测试新版本的稳定性和性能,下面就来介绍一下前端灰度发布的使用,感... 目录前言一、基于权重的流量分配二、基于 Cookie 的分流三、基于请求头的分流四、基于请求参数的分
前端bug调试的方法技巧及常见错误
《前端bug调试的方法技巧及常见错误》：本文主要介绍编程中常见的报错和Bug,以及调试的重要性,调试的基本流程是通过缩小范围来定位问题,并给出了推测法、删除代码法、console调试和debugg... 目录调试基本流程调试方法排查bug的两大技巧如何看控制台报错前端常见错误取值调用报错资源引入错误解析错误
前端知识点之Javascript选择输入框confirm用法
《前端知识点之Javascript选择输入框confirm用法》：本文主要介绍JavaScript中的confirm方法的基本用法、功能特点、注意事项及常见用途,文中通过代码介绍的非常详细,对大家... 目录1. 基本用法2. 功能特点①阻塞行为：confirm 对话框会阻塞脚本的执行，直到用户作出选择。②
前端 CSS 动态设置样式：:class、:style 等技巧(推荐)
《前端CSS动态设置样式：:class、:style等技巧(推荐)》：本文主要介绍了Vue.js中动态绑定类名和内联样式的两种方法：对象语法和数组语法，通过对象语法，可以根据条件动态切换类名或样式；通过数组语法，可以同时绑定多个类名或样式，此外，还可以结合计算属性来生成复杂的类名或样式对象，详细内容请阅读本文，希望能对你有所帮助...
前端原生js实现拖拽排课效果实例
《前端原生js实现拖拽排课效果实例》：本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2
【前端学习】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