草庐IT

前端就业

全部标签

前端框架 Electron 使用总结

目录一、基础搭建通过脚手架搭建1、Electron官方案例搭建环境2、查看调试3、菜单的使用4、图标配置5、项目打包web应用相信每位程序员都不陌生,PC端应用可能会底层开发的就不是太多了,下面的这套技术栈就是为前端程序员快速一键搭建windows、Linux、Mac的PC端应用而生的,只要会React实现Web开发即可。Electron使用很广泛,VScode编辑器就是Electron框架做的。electron官方文档:简介|Electron一、基础搭建通过脚手架搭建Electron脚手架-ElectronForge使用文档_wanzheng_96的博客-CSDN博客1、Electron官方

若依vue前端 报错error:0308010C:digital envelope routines::unsupported

第一步:直接打开package.json第二步:直接替换scripts的内容为下面的内容"scripts":{"dev":"SETNODE_OPTIONS=--openssl-legacy-provider&&vue-cli-serviceserve","build:prod":"SETNODE_OPTIONS=--openssl-legacy-provider&&vue-cli-servicebuild","build:stage":"vue-cli-servicebuild--modestaging","electron:serve":"vue-cli-serviceelectron:se

6.DApp-用Web3实现前端与智能合约的交互

题记        用Web3实现前端与智能合约的交互,以下是操作流程和代码。准备ganache环境    文章地址:4.DApp-MetaMask怎么连接本地Ganache-CSDN博客 准备智能合约     文章地址: 2.DApp-编写和运行solidity智能合约-CSDN博客编写index.html文件          NameContractDemo        //检查Metamask是否已安装  if(typeofwindow.ethereum!=='undefined'){  console.log('Metamask已安装');  }  //设置Web3.js提供者为M

前端PC端适配,网页端适配

问题背景由于我司是使用的大屏,且设计稿尺寸为19201080。但是需要适配各种分辨率,比如12801024(5:4)、1366768(16:10)、16801050(16:10)。在尝试了多种方法之后,最终确定主要的适配方法为rem方案。尝试方法的对比1.使用scale方法:优点是代码最少,缺点是可惜为了网页等比例的显示,会将浏览器的上下,或者左右进行留白。导致效果不是很好(其实是因为产品说这里都有空白的,为什么不占满????无奈,只能放弃解释)。第二个情况就是我们项目用了地图,缩放比例过大时会导致事件热区偏移。2.rem方法:灵活性强,可以使用px来开发,缺点是也会留白,但是后续通过一些其他

悄悄告诉你:前端如何获取本机IP,轻松一步开启网络探秘之旅

🐔前期回顾Vite+Vue3+Ts实战本地运行GPT_彩色之外的博客-CSDN博客本地运行使用GPThttps://blog.csdn.net/m0_57904695/article/details/131851601?spm=1001.2014.3001.5501目录 🛹第一种:上白度 🤖第二种:JS获取 😷 谢谢观看几行代码,轻松获取本机IP地址,究竟是怎样实现的? 🛹第一种:上白度 控制台 接口调用 🤖第二种:JS获取js获取本地ipvarxmlhttp;if(window.XMLHttpRequest){xmlhttp=newXMLHttpRequest();}else{xmlhttp

前端Vue入门-day01-初识vue与vue指令

-(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)目录Vue快速上手Vue概念创建实例  插值表达式响应式特性开发者工具 Vue指令 v-show v-if v-else v-else-if v-onv-bind v-forkey v-model Vue快速上手Vue概念概念:Vue是一个用于构建用户界面 的渐进式框架构建用户界面:基于数据渲染出用户看到的页面 渐进式:循序渐进 Vue的两种使用方式:①Vue核心包开发        场景:局部模块改造②Vue核心包&Vue插件工程化开发        场景:整站开发框架 :一套完整的项目解决方案优点:

el-table实现纯前端导出(适用于el-table任意表格)

2023.9.1今天我学习了如何使用el-table实现前端的导出功能,该方法的好处有无论你的el-table长什么样子,导出之后就是什么样子。1.安装三个插件npminstallfile-savenpminstallxlsxnpminstallxlsx-style2.创建Export2Excel.js//根据dom导出表格import{saveAs}from'file-saver'import*asXLSXfrom'xlsx'import*asXLSXStylefrom"xlsx-style";functions2ab(s){varbuf=newArrayBuffer(s.length);v

无限连接:前端跨页面通信的实现与应用

 🎬 江城开朗的豌豆:个人主页 🔥 个人专栏 :《VUE》 《javaScript》 📝 个人网站 :《江城开朗的豌豆🫛》 ⛺️ 生活的理想,就是为了理想的生活 !目录引言1.前端跨页面通信的概述2.前端跨页面通信的属性2.1双向通信2.2异步通信2.3安全性2.4可靠性3.前端跨页面通信的应用场景3.1多标签页间的数据共享3.2页面间的消息通知和事件触发3.3页面间的数据传递和共享3.4协同编辑和实时协作4.前端跨页面通信的实现方法4.1Cookie4.2LocalStorage和SessionStorage4.3BroadcastChannel4.4Window.postMessage引言

前端(二十五)——前端实现 OCR 图文识别的详细步骤与示例代码

😁博主:小猫娃来啦😁文章核心:前端实现OCR图文识别的详细步骤与示例代码文章目录简介确定使用的OCRAPI创建前端界面添加图像上传功能发送识别请求和处理识别结果完善代码添加注释结论附录简介在现代应用程序中,OCR(OpticalCharacterRecognition)技术被广泛应用于将图像转换为可编辑的文本数据。本文将详细介绍如何在前端实现OCR图文识别功能,并提供了相应的代码示例。无论你是一个前端开发新手还是有经验的开发者,本文将以简洁明了的步骤帮助你实现这一功能。确定使用的OCRAPI这一步需要根据你选择的OCRAPI来进行相应的准备工作。每个OCRAPI都有相应的文档和示例代码,你需要

SpringBoot如何使用WebSocket+jsch实现前后端交互获取服务器log并返回前端?

一、导入依赖org.springframework.bootspring-boot-starter-websocket二、新建WebSocket配置类@ComponentpublicclassWebSocketConfig{@BeanpublicServerEndpointExporterserverEndpointExporter(){returnnewServerEndpointExporter();}}三、新建WebSocket服务端,在其中处理websocket逻辑@Component//注册到容器中@ServerEndpoint("/webSocket")//接收websocket请