【2024】前端学习笔记9-内部样式表-外部导入样式表-类选择器
学习笔记 内部样式表外部导入样式表类选择器：class 内部样式表 内部样式表是将 CSS 样式规则写在 HTML 文档内部。通过<style>标签在 HTML 文件的<head>部分定义样式。 简单示例： <!DOCTYPE html> <html> <head> <style> p { color: red; font - size: 16px; } </style> </head> <body...
流行的微前端框架有哪些，适应场景是什么
以下是一些流行的微前端框架，各自的适用场景 1. Single-SPA 适用场景： 适用于需要将大型应用拆分为多个小型、独立应用的场景。支持多种框架的集成。 GitHub地址： Single-SPA Star数量： 约6.8k 2. qiankun 适用场景： 基于Single-SPA，提供了更简单的API和开箱即用的功能。适合快速搭建微前端项目，支持多种框架的应用组合。 GitHub地址： qia...
一些在前端开发中常见的算法-性能优化算法-（防抖；节流；虚拟化；懒加载）
性能优化是前端开发中至关重要的一部分，尤其是在处理大规模数据、复杂交互或高频率的事件时。以下是一些常见的性能优化算法和技术，包括防抖、节流、虚拟化以及懒加载，我将一步一步地讲解它们的实现方式。 1. 防抖（Debounce） 防抖 是一种优化技术，用于减少函数执行的频率。它特别适用于处理频繁触发的事件，如窗口调整大小、输入框输入等。 步骤： 定义防抖函数：创建一个函数，该函数在每次事件触发时都重新设...
微信支付开发-前端api实现
一、操作流程图 二、代码实现 <?php/** * 数字人答题业务流 * User: 龙哥·三年风水 * Date: 2024/9/11 * Time: 14:59 */namespace app\controller\shuziren;use app\controller\Base;use app\model\param\QuestionParam as PQPModel;use app\...
OJ在线评测系统 微服务 OpenFeign调整后端下 nacos注册中心配置 不给前端调用的代码 全局引入负载均衡器
OpenFeign内部调用二 4.修改各业务服务的调用代码为feignClient 开启nacos注册 把Client变成bean 该服务仅内部调用，不是给前端的 将某个服务标记为“内部调用”的目的主要有以下几个方面： 安全性: 内部API通常不对外部用户公开，这样可以防止未授权的访问。通过限制只允许内部服务调用，可以降低潜在的安全风险。 服务架构: 在微服务架构中，服务之间的通信往往是通过内部API...
【2024】前端学习笔记11-网页布局-弹性布局flex
学习笔记 网页布局弹性布局：flex案例：flex布局案例 网页布局 在页面布局中，display属性用于设置一个元素的显示方式。它可以指定元素是作为块级元素、内联元素还是充当表格元素显示。 display的常见属性值： block：将元素显示为块级元素，块级元素会独占一行，并强制换行。可设置宽度、高度、内边距和外边距。none：隐藏元素，使其在页面上不可见。inline：将元素显示为行内元素，行内...
前端安全：如何防范跨站脚本攻击(XSS)
聚沙成塔·每天进步一点点 本文回顾 ⭐ 专栏简介前端安全：如何防范跨站脚本攻击 (XSS)1. 引言2. 什么是跨站脚本攻击 (XSS)？2.1 XSS的分类 3. XSS攻击的危害4. XSS的常见攻击手法4.1 注入恶意脚本4.2 伪造表单和链接4.3 操纵DOM结构 5. 如何防范XSS攻击5.1 输入验证和输出编码5.2 使用安全的库和框架5.3 Content Security Polic...
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 跨域问题 九、总结 一、准备工作 1.1 开发环境 1...
技能 | 使用vercel部署前端项目
大家好!我是程序媛小李,今天来为大家分享使用vercel部署前端项目的内容 登录 Vercel，点击 “New Project”。 连接到你的代码仓库（GitHub、GitLab、Bitbucket）。 选择你的 Vue 项目仓库。 在部署设置中，确认框架设置为 Vue。 点击 “Deploy” 完成部署。 接下来是部署成功的页面 看着还是很喜庆的! 它还给我们生成了一个域名,直接点击就可以访问啦! ...
【前端开发秘籍】Vue3命名路由，让你的SPA导航更优雅！
Hey小伙伴们，今天要给大家带来的是一个非常实用的前端开发技巧——Vue3中的命名路由使用方法！无论你是前端新手还是资深开发者，都能从中收获满满！👩💻✨ 📚 开场白 Hey大家好，我是你们的前端小导师！今天我们要聊的是如何在Vue3中使用命名路由，让我们的单页面应用（SPA）导航更加高效和优雅。🌟 💡 引入话题 想象一下，你正在开发一个复杂的网站，里面有多个视图和嵌套路由。这时候，使用命名路由可以...