前端react
c# net6.0 使用FileStreamResult返回文件流，前端无法获取到文件名
前端能够获取到文件名，网上查了一下，需要设置 Response.Headers.Add("Access-Control-Expose-Headers", "Content-Disposition"); ......
微前端使用第一章
目录一、架构基础知识1、软件设计原则2、补充设计原则3、其他设计原则4、软件设计分层5、如何保证架构的质量-稳定性和健壮性6、正确的选择是良好的开端-架构前期准备7、千里之堤毁于蚁穴-技术债务填补与崩溃预防8、推到？重来？-系统重构9、微前端实现方式对比10、技术选型-确定技术栈11、绘制项目架构图 ......
人脸识别系统【从0到1完成一个小项目】【4】【前端vue搭建】
1.找一个合适的模板，可以用vue-element-admin的模板，但是个人认为这个模板太大了，做小项目修改起来比较复杂，可以找一个比较小的项目 2.我找的项目git clone https://github.com/tuture-dev/vue-admin-template.git，这个下载需要 ......
vue前端代码npm install报错的解决方法
npm install，报错： npm WARN tarball tarball data for has-bigints@https://registry.npmmirror.com/has-bigints/-/has-bigints-1.0.2.tgz (sha512-tSvCKtBr9lkF0 ......
记录--前端无感知刷新token & 超时自动退出
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端无感知刷新token&超时自动退出 一、token的作用 因为http请求是无状态的，是一次性的，请求之间没有任何关系，服务端无法知道请求者的身份，所以需要鉴权，来验证当前用户是否有访问系统的权限。 以oauth2.0授权码模式为例： ......
React Native 打包 App 发布 iOS 及加固混淆过程
React Native 打包 App 发布 iOS 及加固混淆过程 摘要 本文将介绍如何使用 React Native 打包并发布 iOS 应用到 App Store，并介绍了如何进行应用的加固和混淆过程。 引言 发布 iOS 应用到 App Store 是一个相对复杂的过程，需要使用 Mac 电 ......
前端排除项目中未使用资源脚本
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 ......
create-react-app react中使用monaco-editor v0.44
在通过create-react-app创建的react应用中使用monaco-editor v0.44 下载包： npm i monaco-editor npm i monaco-editor-webpack-plugin 安装插件： 使用craco自定义webpack配置 npm i craco ......
零基础电气专业毕业生，花费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 你想调取手机的摄像头，首先你得先检验当前设备是否有 ......
react ant-mobile的input组件，使用ref实现失焦方法
// 设置ref<Input ref={inputRef} placeholder='信息保密，仅用于投保' className='pos-app-phone tkzx-rr-block' clearable type='tel' maxLength='11' onChange={(val) => ......
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.可 ......
react打包优化，使用cdn加载第三方库，cdn加速网页
1、安装 pnpm install html-webpack-externals-plugin customize-cra react-app-rewired 2、在项目根目录下新建config-overrides.js文件,package.json中改为react-app-rewired 启动和打 ......
React函数式组件避免无用渲染的方案
在class组件中可以使用shouldComponentUpdate钩子函数，但是函数式组件中是没有这种钩子函数的，那么在函数式组件中来达到类似的效果呢? 答案是：React.Memo,如以下使用案例： // 父组件 const [values, setValues] = useState({ a: ......
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 ......
react 将项目打包成一个js文件，并且使用 Radio Canada 字体
https://fonts.google.com/?stroke=Sans+Serif&preview.text=AI%20Assistance%20Experience&query=Noto+Sans 下载字体 放到项目中 再index.ts 中引入 import ttf from "./asse ......
一个小前端加密
页面上有这样的一个联系方式，需要点击"点击查看"之后才能获取到脱敏后的联系方式。 与页面交互前，使用DevTools进行各种搜索与Network抓包，找不到隐藏有脱敏前的完整数据。 一般遇到这种情况我们会首先排查，数据是否是通过接口触发后返回。但遗憾的是，交互过程只抓到请求一个看起来无关的接口。 那 ......
前端 Git 使用约定
前端 Git 使用约定 背景 开发前端项目，有以下困惑： 使用哪个分支开发，哪个分支发布 修复线上bug的流程是什么，如何避免修复完了下次却又出现了 cms分支有十多个，是否都有用 如何快速找到之前某次功能开发，或某次bug修复 为了减轻上述困扰，引入 gitflow 规范，并根据公司情况做适当调整 ......
一个WPF版的Layui前端UI库
思维导航 前言 WPF介绍 Layui前端UI组件库介绍 项目源代码 项目源码运行 项目运行部分截图 项目源码地址 优秀项目和框架精选 DotNetGuide技术社区交流群 前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库，今天我们分享一个WPF版的Layui前端UI样式库：L ......