前端apilkit技巧eolink
前端导出文件 java.io.IOException: Connection reset by peer
一、场景 后端生成zip压缩文件，前端直接导出。 问题：文件小的时候正常导出，大的时候，接口收不到返回的文件流；本地测试没问题，部署线上有问题； 二、原因分析 后台打印日志，发现如下报错日志 java.io.IOException: Connection reset by peer 查阅得知，断开连 ......
前端面试题四
1. Vue 的双向数据绑定原理是什么？ Vue 采用数据劫持+订阅发布模式实现双向绑定。通过 Object.defineProperty()方法来为组件中 data 的每个属性添加 get 和 set 方法，在数据变动时，触发 set 里相应的监听回调函数，将变动信息发布给订阅者。主要有以下步 ......
【数学】【计算几何】[POI2005] Dextrogyrate Camel 以及极角排序有关技巧
题目描述 给定平面上 \(n\) 个点，从 \(1\) 号点出发，一开始朝向 \(2\) 号点，每次只能顺时针转 \([0^{\circ},180^{\circ}]\) 后前进到某个点，要求走一条每条边都不交（除了在端点处）路径，最后回到 \(1\) ，求最多能走过多少个不是 \(1\) 的点。 \ ......
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 ......
善用 vscode 的多光标批量和模板等技巧来提效
vs code 其实有很多实用的技巧可以在日常工作中带来很大的提效，但可能是开发中没有相应的痛点场景，因此有些技巧接触的人不多 本篇就来介绍下多光标的批量操作和模板代码两种技巧在日常工作中的提效 涉及的 vs code 技巧 不要看快捷键好像很多哈，主要是了解几种可以进入多光标批量操作模式的用法 进 ......
零基础电气专业毕业生，花费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 = ......
几个JavaScript 技巧
对象解构：将对象和数组中的值提取到不同的变量中 展开运算符 (…)：合并数组、复制对象、扩展迭代以及动态传递参数 关闭：在函数内创建私有变量和函数，从而实现数据封装和函数模式 功能组成：组合函数来创建新函数，提高代码的可重用性和可读性 ......
前端调取摄像头并实现拍照功能
前言： 最近接到的一个需求十分有意思，设计整体实现了前端仿微信扫一扫的功能。整理了一下思路，做一个分享。 tips: 如果想要实现完整扫一扫的功能，你需要掌握一些前置知识，这次先讲如何实现拍照并且保存的功能。 一. window.navigator 你想调取手机的摄像头，首先你得先检验当前设备是否有 ......
几个技巧把字体文件压缩到十分之一的体积
前言 有时候我们需要让网页加载自定义字体文件，但是通常的字体格式（TTF、OTF）体积太大了，这就需要我们将其转换为更小体积的字体文件格式（WOFF2）。 之前我尝试使用类似 CloudConvert 的在线工具去转换 OTF 字体文件，但是不知道为何转换出来的字体损坏了，无法使用。经过多方面研究， ......
PCB设计必备：31条布线技巧
相信大家在做PCB设计时，都会发现布线这个环节必不可少，而且布线的合理性，也决定了PCB的美观度和其生产成本的高低，同时还能体现出电路性能和散热性能的好坏，以及是否可以让器件的性能达到最优等。 在上篇内容中，小编主要分享了PCB线宽线距的一些设计规则，那么本篇内容，将针对PCB的布线方式，做个全面的 ......
善用浏览器的一些调试技巧
善用浏览器的一些调试技巧 $0 和 __vue__ $0 是指当鼠标点击 Element 面板的某个 dom 元素后，console 里 $0 变量会自动指向该 dom 元素对象 __vue__ 是指 vue 框架会往 vue 组件 $mount 挂载的 dom 元素对象上添加一个 __vue__ ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
软件安装技巧_CW
OneNote markdown 支持 使得oneNote支持Markdown https://onemark.neuxlab.cn/docs/zh-cn/faq/ Conda 操作 一定要注意Conda 升级的时候是如何进行的，不要随便执行conda update -n base -c defau ......
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.可 ......
二叉树中已知前序和中序求其后序（图解加技巧让你轻松掌握）
一 首先咱得了解二叉树的结构，和前序/中序/后序遍历分别是什么。 1：什么是根和左右孩子：二叉树的每个节点都可以作为根，每个根下面的叫左右孩子，也可以没有孩子 实际使用中会如下图A是根左孩子是B,右孩子是C；C是根没有左右孩子，B是根左孩子是D，右孩子是E 2 前序/中序和后序遍历分别是什么 ......
ssh 原理和技巧转载
转载自：ssh原理和技巧 SSH 是用于计算机之间的加密登录的一种网络协议 在早期互联网使用当中，都是使用明文进行通信的，一旦消息被截获，内容就暴露无疑。1995 年，芬兰学者 Tatu Ylonen 设计了 SSH 协议，将登录信息全部加密，成为互联网安全的一个基本解决方案，迅速在全世界获得推广， ......
MobaXterm使用技巧
1. 自动保存 Log 菜单栏 -> Settings -> Terminal, 在 Terminal features 区域中，勾选: Log terminal output to the following directory (不推荐手动换路径，我在 Win11 系统上，是用 MobaXter ......
elixir apply 结合 macro 一个方便的开发技巧
此玩法实际在Phoenix elixir 项目中使用比较多，以下是一个简单的示例 示例代码 login.ex defmodule Login do def demoapp do quote do import unquote(__MODULE__) end end def dalong do IO. ......
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 ......
Qt小技巧18.解决"qUncompress: Z_DATA_ERROR: Input data is corrupted"问题
1 引言 Qt 中的 qCompress() 和 qUncompress() 函数来进行 QByteAarray 的压缩和解压操作。这些函数提供了方便的方式来对字节数组进行压缩和解压缩，无需处理底层的压缩算法和细节。但是在使用过程中有时候会遇到一些棘手的问题，例如下面这个例子: 2 错误案例 下面是 ......
一个小前端加密
页面上有这样的一个联系方式，需要点击"点击查看"之后才能获取到脱敏后的联系方式。 与页面交互前，使用DevTools进行各种搜索与Network抓包，找不到隐藏有脱敏前的完整数据。 一般遇到这种情况我们会首先排查，数据是否是通过接口触发后返回。但遗憾的是，交互过程只抓到请求一个看起来无关的接口。 那 ......
Guava Cache 异步刷新技巧，你值得拥有！
Guava Cache是一款非常优秀的本地缓存框架，提供简洁易用的 API 供开发者使用。 这篇文章，我们聊聊如何使用 Guava Cache 异步刷新技巧带飞系统性能 。 1 基本用法 首先，在 Java 应用中添加 maven 依赖： <dependency> <groupId>com.goog ......
前端 Git 使用约定
前端 Git 使用约定 背景 开发前端项目，有以下困惑： 使用哪个分支开发，哪个分支发布 修复线上bug的流程是什么，如何避免修复完了下次却又出现了 cms分支有十多个，是否都有用 如何快速找到之前某次功能开发，或某次bug修复 为了减轻上述困扰，引入 gitflow 规范，并根据公司情况做适当调整 ......
一个WPF版的Layui前端UI库
思维导航 前言 WPF介绍 Layui前端UI组件库介绍 项目源代码 项目源码运行 项目运行部分截图 项目源码地址 优秀项目和框架精选 DotNetGuide技术社区交流群 前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库，今天我们分享一个WPF版的Layui前端UI样式库：L ......