表头 前端 页面table
前端根据swagger,生成javascript映射接口文件
创建文件 generator.js 写入以下代码 const fs = require('fs') const path = require('path') const http = require('http') function mkdirsSync(dirname) { if (fs.exis ......
前端大文件上传、文件切片、断点续传
一、项目初始化1、项目初始化我们创建一个 big-file-upload 目录作为当前项目的根目录文件。 执行以下命令对当前项目进行初始化，生成 package.json 文件： npm init -y2、搭建项目结构在项目根目录中创建 public 目录，作为前端静态资源目录。同时在 public ......
TienChin 活动管理-添加活动页面
后端 ActivityController.java @Resource private IChannelService iChannelService; /** * 获取渠道列表 * * @return 渠道列表 */ @PreAuthorize("hasPermission('tienchin: ......
Docker上运行RabbitMQ，无法访问管理页面
在CentOS 7中的Docker安装并运行了RabbitMQ，但是在访问管理页面http://IP:15672/却提示拒绝访问 这是因为在Docker上运行的RabbitMQ，默认情况下是没有启用管理插件和管理页面的 使用命令 docker exec -it 容器名 /bin/bash 进入 Ra ......
前端性能优化必杀技：骨架屏让你快人一步
在现代前端开发中，用户体验和性能优化一直是小伙伴们追求的目标之一。骨架屏(Skeleton Screen)作为一种优化用户界面加载速度的方法，应用在各种（App/小程序/h5）应用里面。本文将深入探讨骨架屏的最佳实践，结合代码案例，介绍如何实现和优化骨架屏。 什么是骨架屏？ 骨架屏是一种在页面加载过 ......
docker搭建青龙面板及页面空白解决方法
最近也是想赚点小钱，搭建个青龙面包来挂脚本，但是在搭建过程中遇到过一些问题，所以记录下来。 docker搭建青龙面板 我这里是使用aliyun服务器进行搭建的，系统是centOS 7.6版本。另外docker自行搜索安装即可。 拉取青龙面板镜像 远程登录服务器，输入命令拉取青龙镜像 docker p ......
记录一下前端缓存分类汇总(indexDB、localStorage、sessionStorage)
什么是缓存? 当我们第一次访问网站的时候，比如 juejin.cn，电脑会把网站上的图片和数据下载到电脑上，当我们再次访问该网站的时候，网站就会从电脑中直接加载出来，这就是缓存。 缓存的优点和应用场景 Web缓存种类：indexDB、localStorage、sessionStorage。 缓解服务 ......
【Azure Storage Account Table】询问批量将存储账户中的表嵌入另一个账户中的办法
问题描述 询问批量将存储账户中的表嵌入另一个账户中的办法？ 问题解答 方式一：使用 AzCopy 使用Az copy做表格的导入导出，注意您需要使用Azcopy 7.3版本来实现对Table的操作，可以选择导出到Blob中，这样导出的数据不会保存在本地，以及该指定支持并发导出。 从表存储导出数据 : ......
selenium自动化测试-获取动态页面小说
有的网站页面是动态加载的资源，使用bs4库只能获取静态页面内容，无法获取动态页面内容，通过selenium自动化测试工具可以获取动态页面内容。 参考之前的"bs4库爬取小说工具"文章代码，稍微修改下，就可以转成获取动态页面小说工具。 第一步：先确定目标网址 先找到小说目录页面。 网址首页：'http ......
大前端是什么？
大前端是什么？ 简单来说，大前端就是所有前端的统称，比如Android、iOS、web、Watch等，最接近用户的那一层也就是UI层，然后将其统一起来，就是大前端。大前端最大的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的 ......
前端大文件分片上传断点续传
分片上传 分片上传是将大文件分成多个小文件进行上传，每个小文件的大小通常为1MB到10MB。上传时，将每个小文件分别上传到服务器，服务器再将这些小文件合并成一个完整的大文件。这种方法可以提高上传速度，减少上传失败的可能性。 断点续传 断点续传是指在上传过程中，如果上传失败或者中断了，可以从上次上传的 ......
前端vue项目部署中，用户还在访问系统，存在缓存问题，部署后需要ctrlF5强制刷新，解决热更新的几种方案
问题描述： 问题是这样的，在部署的时候，用户并没有关闭浏览器还保持访问操风系统管理项目的页面中。这样才会产生问题缓存；如果在部署的时候或者部署之前，用户并没有打开系统页面，部署完成后，才访问操风系统，不会存在缓存的。我刚才测试了一下。要想解决，部署之前或在部署中，用户还再使用的情况下，前端得写定时获 ......
docker容器中打开gazebo等可视化页面报错No protocol specified
转载：https://blog.csdn.net/wsl_longwudi/article/details/127005162 权限问题No protocol specified问题这是由于X11服务默认只允许『来自本地的用户』启动的图形程序将图形显示在当前屏幕上。解决的办法很简单，允许所有用户访问 ......
element-ui表格列el-table-column如何根据数据不同显示不同的值，获取prop值
方法一、格式化数据 在使用element-ui的表格时，有时候后台给你的字段和你要显示在表格列里的内容不一致。 例如后台给的字段是state，它的值为true或false，要求显示在表格里是‘正确’或‘错误’ 这时可以给el-table-column添加一个属性：formatter，代码如下： <e ......
el-table表格列宽度可拖拽及注意事项
一、场景 实现表格列宽度可拖拽 二、方案 查阅文档 el-table增加border属性 el-table-colunm增加resizeable属性 即可实现 三、问题 1.如表格中有固定列，拖拽折行会导致错位 解决方案：监听鼠标事件，通过doLayout重绘表格 this.$nextTick(() ......
构建前端框架;零依赖性的反应性和可组合性
原文链接：https://18alan.space/posts/how-hard-is-it-to-build-a-frontend-framework.html homeabout Building a Frontend Framework; Reactivity and Composabilit ......
浅入深出的微前端MicroApp
本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用ant Design的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本次新页面较多，老页面的改动较少，除此之外老项目想换菜单，因此我们想借助本次机会用react开发，经过了几番思考，发现本次很适合用... ......
页面切换到后台，再切回时跳转页面
document.addEventListener('visibilitychange', function () { let pageVisibility = document.visibilityState; // 页面变为不可见时触发 if (pageVisibility == 'hidden ......
【前端】前端部署发布浏览器缓存问题
方法一 代码清楚法 1：每次修改package.json版本号 2：在main.js中配置 const VUE_APP_VERSION = require('../package.json').version const vers = window.localStorage.getItem("app ......
@JsonFormat对日期进行格式化后，在thymeleaf渲染页面中无效的问题
问题：对于使用了 @JsonFormat对日期进行格式化后，在thymeleaf渲染的页面中显示不是 @JsonFormat 格式化后的数据。 原因：因为 thymeleaf 中有自己的日期格式化。 解决：通过使用 thymeleaf 中的日期格式化在页面中进行日期格式化。即通过 ${#dates. ......
el-table鼠标移入单元格进行数据填写更新
<el-table v-loading="loading" :data="npitestrecordList" border @cell-mouse-enter="handleCellEnter" @cell-mouse-leave="handleCellLeave"> <el-table-colu ......
认真学习前端第二天（多益校招笔试复盘）
1.margin塌陷：两者都是正数取最大值；一正一负取正值+负值；两者都是负数取最小（绝对值最大）2.lodash,vue-cli,element-ui,webpack,vite,rollup,babel 3.promise的打印题 4.熬不动了，没有规划好时间，今天只学了半个小时，做了一个半小时的 ......
【简洁】【皮肤美化】博客园页面美化 主文章加宽
选择：Bluesky皮肤 再加入的css: #home { background-color: #e6e6e6; } #top_nav{ background-color: #e6e6e6; } #navigator, #under_post_card1, #ad_t2 , #nav_right, ......
前端中字体的使用
前端中字体的使用 字体是前端的基础，本文介绍常见的几种字体以及如何在工程中引入自定义的字体。 字体的类型 常见的字体类型有 TTF/OTF, WOFF/WOFF2, SVG,EOT （这个是按照浏览器的支持率由高到底排序的） TTF(True Type Font) 由微软与苹果开发，广泛用于wind ......
歌手页面收藏功能之本地存储localstorage之save
收藏功能： 一、本地存储代码，array-storage.js: import storage from 'good-storage' function insertArray(arr, val, compare) { const index = arr.findIndex(compare) if ......
前端学习：python基础-1
False、True、None 1、模块 一个文件为一个模块，跨文件访问需要导入语句的形式 eg: import <模块名> form <模块名> import <代码元素> form <模块名> import <代码元素> as <代码元素别名> 与前端差异： import <模块>/{ 模块中变 ......
使用js开发一个快速打开前端项目的alfred插件
使用js开发一个快速打开前端项目的插件 目录 前言 使用的技术栈 步骤 问题发现 待优化 前言 一直以来开发都是先打开vscode，然后选择项目，在项目多的情况下会觉得挺繁琐；如果同时打开了许多vscode窗口，寻找目标窗口也比较麻烦，于是萌生了开发一个alfred的工作流插件的想法，目标是在alf ......
Vue页面切换表单数据不清空
需求描述：表单填写后，切换tab页再切回该页面时，表单内容依旧存在。 核心技术：sessionStorage beforeRouteLeave() created() 解决方案：beforeRouteLeave() 函数中将表单数据保存到sessionStorage中。 created() 函数中将 ......