前端
吉法师、
不愿鞠躬车马前,但愿老死花酒间。
展开
-
Vue-Electron初始化项目及打包
其实就是本文的核心重点,一开始要么是报Electron安装错误,要么就是nsis有问题,我们需要配置npmrc。因为我用的是iview,打包后所有的icon都丢了。然后其实就可以运行项目了,我们选择用yarn。vue.config.js增加这三行代码。提供完整的vue.config.js。则会在demo目录下创建Vue项目。原创 2023-09-26 11:31:07 · 509 阅读 · 0 评论 -
Js获取外网IP地址
业务中要理清逻辑,后端是没有办法直接帮前端去获取前端的外网ip的,因为这个外网ip是指的前端的计算机,后端只能通过header里面的信息进行处理,而k8s或者Nginx进行反向代理或类似处理,篡改成内网ip的话,就需要前端自行获取ip了。一般是请求的header进行获取,x-real-ip ,x-forwarded-for ,clientip,这三个值,取不到前面的取后面的,就可以了。一般来说前端是不能获取自己的本机外网ip的,而是请求了别人的服务,服务端可以告诉前端他的Ip地址是多少。原创 2022-09-09 14:05:30 · 2014 阅读 · 0 评论 -
Electron 数据存储详细教程 Electron-store使用
Electron如何进行数据存储?首先不是通过数据库的存储方式,因为一般的软件不会在本地建立数据库,而且这样也有数据丢失的风险,这篇教程主要是讨论轻量化的数据存储。Electron的特殊性Electron运行的时候似乎封装了一些东西,导致它读取文件不像Java,Python或者Nodejs那样简单,会出现权限的问题,这个时候就需要通过工具来解决了。Electron-store的使用)npm地址const Store = require('electron-store');const stor原创 2022-02-15 10:52:04 · 8680 阅读 · 2 评论 -
开源组件iview的Tabs组件嵌套使用
问题设计软件的时候需要嵌套Tabs,即大的Tabs里面嵌套小的Tabs,效果图如下:iview的官方文档但是有个问题,大家容易遗漏下面一层描述:这里 tab属性才是最关键的地方!所以代码如下:<Tabs name ="sub-tab" type="card" value="headers"> <TabPane label="headers" name="headers" tab="sub-tab"> <Input v-model="原创 2022-02-10 15:57:32 · 1513 阅读 · 0 评论 -
Electron打包简易教程
一、工具选用electron-packager 或electron-builder都可以,但个人还是更喜欢electron-packager二、命令electron-packager . Tal --platform=darwin --arch=x64 --icon=./Tal.ico --out=./out --app-version=0.01 --overwrite这条命令是在当前目录下进行打包,打包的平台是MacOS,x64架构,然后设置了版本号,ico图片,输出目录。overwrite则是会原创 2022-01-07 10:51:22 · 7300 阅读 · 4 评论 -
前端实现选择文件夹功能 并获取文件夹名 input webkitdirectory
我们都知道input标签type="file"的时候,会打开一个文件选择器,但并不支持选择目录。如果要支持选择目录,且必须只是目录的话,用下列的代码:<input type='file' @change="triggerFile($event)" webkitdirectory>change绑定了一个函数,函数的内容为:triggerFile(event) { let file = event.target.files; console...原创 2021-04-12 15:31:12 · 13679 阅读 · 13 评论