前端 布局 经典
记录--前端无感知刷新token & 超时自动退出
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端无感知刷新token&超时自动退出 一、token的作用 因为http请求是无状态的，是一次性的，请求之间没有任何关系，服务端无法知道请求者的身份，所以需要鉴权，来验证当前用户是否有访问系统的权限。 以oauth2.0授权码模式为例： ......
深入理解经典红黑树 | 京东物流技术团队
本篇我们讲红黑树的经典实现，Java中对红黑树的实现便采用的是经典红黑树。前一篇文章我们介绍过左倾红黑树，它相对来说比较简单，需要大家看完上篇再来看这一篇，因为旋转等基础知识不会再本篇文章中赘述。本篇的大部分内容参考 《算法导论》和 Java 实现红黑树的源码，希望大家能够有耐心的看完。 在正文开始 ......
前端排除项目中未使用资源脚本
import os class FileData: def __init__(self, name, path): self.name = name self.path = path # 遍历项目文件夹中的所有图片文件 image_files = [] def get_all_image_files ......
前端面试题三
ES6新特性有哪些？ 变量声明：由var变为let和const；模板字符串:使用反引号 `` ；在模板字符串里面支持换行,并可以在里面使用${}来包裹一个变量或表达式；解构赋值：有数组解构和对象解构，可以快速获取数组和对象的值；扩展运算符：在ES6中用...来表示展开运算符，它可以将数组或者对象进行 ......
前端导出文件 java.io.IOException: Connection reset by peer
一、场景 后端生成zip压缩文件，前端直接导出。 问题：文件小的时候正常导出，大的时候，接口收不到返回的文件流；本地测试没问题，部署线上有问题； 二、原因分析 后台打印日志，发现如下报错日志 java.io.IOException: Connection reset by peer 查阅得知，断开连 ......
前端面试题四
1. Vue 的双向数据绑定原理是什么？ Vue 采用数据劫持+订阅发布模式实现双向绑定。通过 Object.defineProperty()方法来为组件中 data 的每个属性添加 get 和 set 方法，在数据变动时，触发 set 里相应的监听回调函数，将变动信息发布给订阅者。主要有以下步 ......
Python_Gradio与前端开发
Gradio Blocks是Gradio的低级API，它允许你创建比Interfaces更多的自定义web应用程序和演示。 简单来说就是比Interfaces更灵活。 一般使用上下文管理，示例代码如下： 代码 import gradio as gr with gr.Blocks() as demo: ......
前端生成二维码
import QRCode from 'qrcode'; QRCode.toDataURL(res.data.qrcodeUrl, { margin: 2, type: 'image/jpeg', quality: 0.3 }, (error, url) => { if (error) consol ......
零基础电气专业毕业生，花费9.9元自学前端，成都月薪6.5K
介绍 毕业于成都理工电气专业，大学毕业后进入了一家电气公司，月薪2000元。一直对互联网行业感兴趣，但由于没有相关专业背景，所以一直没有勇气转行。 转行契机 公司的书记想搞一个内部生产管理系统，看我们4个应届毕业生每天都在打酱油，就找到我们想让我们研究一下看能不能做出这个系统（公司里面没有搞IT的） ......
Socket.D 替代 Http 协议像 Ajax 一样开发前端接口
我们在"前端接口"开发时，使用 socket.d 协议有什么好处：更安全！现有的工具想抓包数据，难！难！难！（socket.d 是个新的二进制协议） ......
前端开发好用的工具/插件
1、swiper动画（动画效果挺平滑） https://www.swiper.com.cn/ 演示（https://www.swiper.com.cn/demo/index.html#effect-coverflow） 2、二维码生成器 草料二维码：https://cli.im/ 3、icon使用 ......
前端工程师初级、中级、高级最好的进阶路线图！
作为一个前端工作近10年的老司机，帮你整理了前端5阶提升的技能图，想升职加薪学技能，看我这一篇就够了！ 一位出色的前端工程师，一定要会具备阅读规范文档和阅读别人的代码和时刻学习的习惯，再加上一些常见的技术栈，基本上两三年就能到达中高级的水平，一线城市能拿到30K的offer不成问题的！ 至于初级，中 ......
前端多文件打包下载方案
npm install jszip file-saver --save import JSZip from 'jszip' import { saveAs } from 'file-saver' export const downloadFiles = (fileUrls, folderName = ......
前端调取摄像头并实现拍照功能
前言： 最近接到的一个需求十分有意思，设计整体实现了前端仿微信扫一扫的功能。整理了一下思路，做一个分享。 tips: 如果想要实现完整扫一扫的功能，你需要掌握一些前置知识，这次先讲如何实现拍照并且保存的功能。 一. window.navigator 你想调取手机的摄像头，首先你得先检验当前设备是否有 ......
【经典问题】mysql和redis数据一致性问题
前言 MySQL和Redis数据一致性算是个很经典的问题，在之前也看到过很多相关的文章，最近心血来潮，想把一致性问题的解决方案和存在问题都总结一下。 不推荐方案 1 先更新MySQL，再更新Redis。 如上图有两个请求要同时进行更新操作，在并发情况下，B请求虽然更新时间晚于A请求，但是可能因为网络 ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
YOLO系列经典模块
Yolo系列较为热门且新的网络就是以下三种 YOLOv5 YOLOv7 YOLOv8 每个Yolo系列的经典网络相信网上都有很多大牛都会进行解析以及讲解，这篇博客主要是作为知识备忘录以及知识点补充介绍这些网络模型下面的下模块。 C3模块 针对C3模块，其主要是借助CSPNet提取分流的思想，同时结合 ......
Android 之 实验14 抽屉布局DrawerLayout与导航Navigation的基本使用
实验14 抽屉布局DrawerLayout与导航Navigation的基本使用 一、实验目的及要求 通过本实验的学习，使学生掌握抽屉布局DrawerLayout与导航Navigation的基本使用。 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 新建一个Android ......
简易机器学习笔记（八）关于经典的图像分类问题-常见经典神经网络LeNet
前言 图像分类是根据图像的语义信息对不同类别图像进行区分，是计算机视觉的核心，是物体检测、图像分割、物体跟踪、行为分析、人脸识别等其他高层次视觉任务的基础。图像分类在许多领域都有着广泛的应用，如：安防领域的人脸识别和智能视频分析等，交通领域的交通场景识别，互联网领域基于内容的图像检索和相册自动归类， ......
Android 之 实验6 交错网格布局管理器与卡片视图、加入头部
实验6 交错网格布局管理器与卡片视图、加入头部 一、实验目的及要求 通过本实验的学习，使学生掌握交错网格布局管理器与卡片视图、加入头部。 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 使用RecyclerView实现如下所示的瀑布流效果，并实现item的点击功能 1. ......
Android 之 实验5 网格布局管理器GridLayoutManager与拖拽、侧滑
实验5 网格布局管理器GridLayoutManager与拖拽、侧滑 一、实验目的及要求 通过本实验的学习，使学生掌握网格布局管理器GridLayoutManager与上下拖拽、左右侧滑功能的实现。 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 使用RecyclerV ......
Android 之 实验4 RecyclerView根据类型加载布局与.9.png图片的使用
实验4 RecyclerView根据类型加载布局与.9.png图片的使用 一、实验目的及要求 通过本实验的学习，使学生掌握增强列表RecyclerView根据类型加载布局与.9.png图片的使用。 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 使用RecyclerVi ......
Android 之 实验2 布局管理器的基本使用
实验2 布局管理器的基本使用 一、实验目的及要求 通过本实验的学习，使学生掌握约束布局、线性布局、表格布局、层布局等布局的基本使用 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 利用约束布局、线性布局、表格布局、层布局制作一个如下的效果 实验步骤： 1.新建一个And ......
nginx ssh配置,larave项目配置多个前端项目
1 ssh 配置 server { listen 443 ssl http2; #listen [::]:80; server_name xiaoqiezia.cn www.xiaoqiezia.cn; index index.html index.htm index.php default.htm ......
一个小前端加密
页面上有这样的一个联系方式，需要点击"点击查看"之后才能获取到脱敏后的联系方式。 与页面交互前，使用DevTools进行各种搜索与Network抓包，找不到隐藏有脱敏前的完整数据。 一般遇到这种情况我们会首先排查，数据是否是通过接口触发后返回。但遗憾的是，交互过程只抓到请求一个看起来无关的接口。 那 ......
前端 Git 使用约定
前端 Git 使用约定 背景 开发前端项目，有以下困惑： 使用哪个分支开发，哪个分支发布 修复线上bug的流程是什么，如何避免修复完了下次却又出现了 cms分支有十多个，是否都有用 如何快速找到之前某次功能开发，或某次bug修复 为了减轻上述困扰，引入 gitflow 规范，并根据公司情况做适当调整 ......
一个WPF版的Layui前端UI库
思维导航 前言 WPF介绍 Layui前端UI组件库介绍 项目源代码 项目源码运行 项目运行部分截图 项目源码地址 优秀项目和框架精选 DotNetGuide技术社区交流群 前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库，今天我们分享一个WPF版的Layui前端UI样式库：L ......