11 2024 档案

基于laravel cors 跨站解决

摘要：终于解决了困扰了两天的问题：需求：基于vue3的前端项目以及基于laravel的后端项目。将他们分别配置为127.0.0.1 www.ggzx.com 以及 127.0.0.1 www.zx.com。再在nginx上配置相应的项目，如下：前端项目：后端项目：问题：由于两个项目的前后端是阅读全文

posted @ 2024-11-25 09:16 洛飞阅读(23) 评论(0) 推荐(0) 编辑

基于vue3的权限控制实现

摘要：需求：不同角色的用户显示不同的菜单，且对页面的按钮也有是否对角色开发的权限服务端返回两个数据一个是菜单的权限列表，另外一个是拥有的按钮列表数据，如下：动态加载菜单 /** routerInfo: 动态路由 hasRoutePermission: 用户拥有的路由权限 */ const filte 阅读全文

posted @ 2024-11-21 20:05 洛飞阅读(27) 评论(0) 推荐(0) 编辑

echarts 的使用

摘要：官网地址 https://echarts.apache.org/handbook/zh/concepts/dataset 要配合打在echarts Api进行查看，api地址如下: https://echarts.apache.org/zh/option.html#title 使用步骤一：引入ech 阅读全文

posted @ 2024-11-08 10:10 洛飞阅读(331) 评论(0) 推荐(0) 编辑

flex 设置弹性盒子布局（使子元素动态的占据20%，30%，50%）

摘要：默认情况下，flex值为1，也就是占用弹性容器剩余位置的1份使用flex修改弹性伸缩比的示例： <body> <div class="box"> <div class="item item1">1</div> <div class="item item2">2</div> <div class=" 阅读全文

posted @ 2024-11-07 16:17 洛飞阅读(433) 评论(0) 推荐(0) 编辑

数据大屏屏幕自适应

摘要：因为数据大屏一般在大的屏幕端进行展示。实现缩放的逻辑：给div设置固定的高度和宽度。通过innerWidth来获取当前屏幕的宽度和高度，得到缩放比例。通过scale来缩放当前div、具体的实现代码如下： <!DOCTYPE html> <html> <head> <meta charset="u 阅读全文

posted @ 2024-11-07 15:20 洛飞阅读(35) 评论(0) 推荐(0) 编辑

element Plus 设置主题背景色

摘要：其主要通过给html动态的添加一个dark类。主要要通过dom获取html标签，然后给html标签设置className 需要在main.ts中引入dark所在的css文件：具体可以参考element Plus的官网阅读全文

posted @ 2024-11-06 22:21 洛飞阅读(73) 评论(0) 推荐(0) 编辑

Javascript中includes函数

摘要：用处用于数组和字符串，用于判断数组是否包含某个值。或者用于字符串是否包括某个子串。如果找到该值或者字符串，则返回true，否则返回false 语法： arr.includes(valueToFind[, fromIndex]) valueToFind：必需。需要查找的元素值。 fromIndex 阅读全文

posted @ 2024-11-01 21:04 洛飞阅读(1038) 评论(0) 推荐(0) 编辑