- 博客(93)
- 收藏
- 关注
RSS订阅
原创 vue3+electron开发桌面软件（6）——系统级右键实现文件上传
vue3+electron开发桌面软件，系统级右键实现文件上传功能。非软件内右键菜单
2022-11-21 17:20:07
1085
原创 ssl证书免费申请指南
今天为大家带来一篇价值数百元的ssl证书免费申请与部署攻略，有图有真相：到底是什么人在用云服务厂商提供的证书协助服务，请这样有实力的大哥拿钱砸死我这乡巴佬。我的项目是部署在腾讯云服务器，域名管理是腾讯云托管，证书是阿里云厂商提供。所以本篇文章会涉及证书申请、证书与域名验证、证书部署等环节，涵盖了最复杂的场景，如果您项目部署的云服务器和证书是同一云厂商，那么也可以借鉴本文，只是会简化部署的操作。
2024-05-14 21:08:48
959
原创 使用yarn/npm安装插件（涉及electron），总是报错证书错误或者ssl解析错误
最近electron更新到了30大版本，里面更新的一个重大变化是主进程增加了 WebContentsView 和 BaseWindow，对窗口的控制会更加丝滑。正好最近在做把文章或者视频一键发布到各自媒体平台的工具，所以决定把BrowserWindow的实现改为BaseWindow，当然如果查看源码会发现，其实两者是继承关系，BrowserWindow作为封装后的API，还是更简便的。
2024-05-14 20:18:54
733
原创 解决iview(view ui)中tabs组件中使用图片预览组件ImagePreview，图片不显示问题
最近在写个人项目的web端和浏览器插件，其中一个功能是base64和图片的转换。因为分成四个小功能，所以使用的iview的tabs来展示不同功能，在其中图片转base64和base64转图片时，都需要图片预览功能。
2024-04-30 10:48:26
895
原创 前端项目中使用插件prettier/jscodeshift/json-stringify-pretty-compact格式化代码或json数据
平时遇到json、vue、css代码格式化，图片与base64互转、图片格式转换等操作时，都是找在线工具，有些工具做的还挺好，有些做的那一坨，一坨的排名还靠前……找几个在线工具都不好，终于忍不了，准备做一个自己的chrome/edge插件，方便以后开发时便捷操作。先从代码格式化开始。后续再把monaco集成进来，完成代码显示部分，demo先用输入框将就一下。
2024-04-25 22:45:58
1089
原创 vue基础教程（7）——构建项目级首页
前面我们学习了vue的路由和登录页搭建，本文将和大家共同学习首页的搭建。首页示例如图：很多项目经验比较少的同学，一般都是对某些语法很熟悉，但是对整个项目是如何从零开始搭建的，页面布局是如何通过代码实现的，可能并未过多关注。也许有人会说，这些ui框架或者开源项目，都会开箱即用，可如果框架提供的布局无法满足要求呢，如果开源项目存在bug呢，如果企业做大做强需要UI重新设计web端呢？我们有太多的理由去了解这些基础知识，我们可以永远不做，但是不能不会！
2024-04-25 22:00:38
889
2
原创 高性价比的亚马逊云服务器Amazon EC2
Amazon Elastic Compute Cloud (Amazon EC2) 是一种 Web 服务，由亚马逊云科技提供，可以在云中提供安全并且可应需调整的计算容量。EC2 云服务器提供很多选项，让我们可以低成本且方便地构建和运行几乎所有的应用程序。综合考虑性能和价格，EC2云服务器都是我们搭建软件服务的最优选之一。
2024-04-17 09:53:09
837
原创 前端ocr技术：electron+vue3中使用tesseract插件识别图片中字符
项目需要ocr技术识别图片中的中文字符，本来这部分是后端的工作，但是因为各种原因，决定前端也做一个版本。在ai时代之前，ocr技术有一个扛鼎插件——tesseract。现在如果搭建本地ai服务，如果不是通过调用接口的方式做一个api搬运工，就需要在本地部署站点，在一些场景中，仍稍显臃肿。所以本文开一点历史倒车，介绍下这个相比ai，更轻量化的插件。现在的问题是，官网的中文语言包下载链接失效，默认的语言包是英文，中文识别率感人。等我解决中文识别问题，再把electron打包后的软件和各种资源公布。
2024-04-09 21:01:40
1225
原创 什么时候考虑使用全局状态管理？vue获取全局状态变量一共有三种方法，你真的理解吗？
本文给大家做个参考，什么时候会考虑使用全局状态管理？以及帮助大家理解获取全局状态变量的三种方式。在使用vue的全局状态管理工具pinia时，很多小伙伴可能都会有个疑问，那就是我们从全局状态管理中获取某个变量的值，一共有三个方法：1.直接访问state中的变量2.通过getters访问变量3.通过actions中的方法访问这三个方法有何区别，它们是不是有些冗余，究竟什么时候用哪个方式。本文通过简单的几分钟，教会大家这个基础知识点。
2024-04-09 11:06:45
648
原创 vue基础教程（6）——构建项目级登录页
前面我们已经把vue自带的页面删除，也搭建了最简单的router路由，下面就可以真正开发我们自己的项目了，一般而言，很少有人从零开始写代码，博主也是为了完善这个系列博客，才会从零开始，把关键的代码都敲了一遍。哪怕同学们有自己心仪的项目，搭建基础的架构，跟着博主学一遍关键的知识点，也有助于以后优化升级项目，修改别人的代码或者修复bug。跟着博主写一遍，大概率是可以真正把控全局，把vue如何搭建网站彻底搞明白。
2024-04-01 09:17:43
884
原创 vue基础教程（5）——十分钟吃透vue路由router
前面的文章运行成功后，页面显示如下：在这个页面中，点击Home和About都会切换右面的页面内容，这就是一个最简单的路由。虽然router是很基础简单的插件，但是要完整理解它的各个要点，需要对项目整体有一定理解，前面那篇关于vue项目各个文件目录的介绍，就显得尤为重要了。打牢基础，事半功倍。
2024-03-29 17:41:35
1324
原创 cmd和node中运行命令行，文件路径带空格“C://program files”时报错，解决方案
electron开发的桌面端软件，如果下载到默认地址"C://program files"下，当代码里执行的命令行，需要获取地址时，可能会报错。
2024-03-29 11:15:20
285
原创 【中二少年工具箱】——svga预览工具
前面有篇文章讲过基于echarts的大屏可视化一些基础概念，其中提到和动画相关的插件有：lottie、gsap、svga等，本篇文章的主题是svga，但不是技术硬文，只是向大家介绍我最近写的一款工具——svga预览工具。正版软件会一直免费，所以请大家放心使用博主开发的正版软件。如果软件被破解，绕过通行码直接登录，后续对宿主机造成一切后果，请使用者自行承担。大家多多支持博主的公众号，新开小号，需要多多关注，拜谢大家：或者。
2024-03-27 21:45:08
3573
原创 【那些年错过的好书】——Web前端开发实战：HTML5+CSS3+JavaScript+Vue+Bootstrap(微视频版)
陌生的朋友，你是否曾为前途而迷茫，看不到努力的价值，时常感到焦虑……你可能会麻痹自己，可能会短暂自弃，甚至感觉人生不过尔尔，生命就此沉沦，也是一种不错的归宿！！！同学，可你要知道，此时你应该感到庆幸，这是一种信号，赤子之心的你在努力、拼搏、挣扎之后，终于得窥桎梏，隐约中遇到了彼岸的光。也许这时候，正是我们成长的天赐良机。静下来品一杯茶，读一本书，尘世喧嚣抛诸脑后，浮生繁华尽绝书外，就像一次坐禅，就像一次顿悟，就像烦躁的沙虫得遇甘霖，我们可以细细感悟灵台渐渐清明，生命愈发纯厚。
2024-03-27 17:01:34
2724
原创 【那些年错过的好书】——TypeScript+Vue.js前端开发从入门到精通
陌生的朋友，你是否曾为前途而迷茫，看不到努力的价值，时常感到焦虑……你可能会麻痹自己，可能会短暂自弃，甚至感觉人生不过尔尔，生命就此沉沦，也是一种不错的归宿！！！同学，可你要知道，此时你应该感到庆幸，这是一种信号，赤子之心的你在努力、拼搏、挣扎之后，终于得窥桎梏，隐约中遇到了彼岸的光。也许这时候，正是我们成长的天赐良机。静下来品一杯茶，读一本书，尘世喧嚣抛诸脑后，浮生繁华尽绝书外，就像一次坐禅，就像一次顿悟，就像烦躁的沙虫得遇甘霖，我们可以细细感悟灵台渐渐清明，生命愈发纯厚。
2024-03-22 16:40:09
3188
原创 electron-builder允许安装时请求提升权限
把这些配置写在package.json中即可，注意‘./electron/installer-OUTSIDE.nsh’与‘./dist/electron/favicon.ico’地址，如果不清楚这是在干嘛，也不需要配置，直接删掉这两项配置即可，electron-builder会使用默认配置。比较麻烦的做法是，我们可以每次运行electron时，以管理员身份运行，但是这对用户明显是不太友好的。另一种做法是，在安装electron时，就提醒用户需要提升权限才可继续安装。允许安装时，请求提升权限。
2024-03-14 09:45:18
586
原创 vue基础教程（4）——深入理解vue项目各目录
本系列文章由浅入深，从基础知识到实战开发，非常适合入门同学。HTML基础css基础js基础当然，即使从未接触过前端代码的小白，也能轻松学习本系列课程，因为我会在文章中简略穿插前端基础知识。由于各平台对专栏文章的支持度不同，所以如果您看到这篇文章的平台，系统学习专栏文章的操作不够丝滑，可以先关注小程序，后续小程序会开发专栏博客功能。可以直接搜索【中二少年工具箱】，也可通过二维码知乎地址二维码csdn地址二维码头条地址等入口进入，扫码关注。
2024-03-07 22:02:32
1516
原创 vue3基础教程（3）——引入ui框架iview（viewui）
本系列文章由浅入深，从基础知识到实战开发，非常适合入门同学。HTML基础css基础js基础当然，即使从未接触过前端代码的小白，也能轻松学习本系列课程，因为我会在文章中简略穿插前端基础知识。由于各平台对专栏文章的支持度不同，所以如果您看到这篇文章的平台，系统学习专栏文章的操作不够丝滑，可以先关注小程序，后续小程序会开发专栏博客功能。可以直接搜索【中二少年工具箱】，也可通过二维码知乎地址二维码csdn地址二维码头条地址等入口进入，扫码关注。
2024-03-07 22:02:11
990
原创 vue3基础教程（2）——创建vue3+vite项目
本系列文章由浅入深，从基础知识到实战开发，非常适合入门同学。HTML基础css基础js基础当然，即使从未接触过前端代码的小白，也能轻松学习本系列课程，因为我会在文章中简略穿插前端基础知识。由于各平台对专栏文章的支持度不同，所以如果您看到这篇文章的平台，系统学习专栏文章的操作不够丝滑，可以先关注小程序，后续小程序会开发专栏博客功能。可以直接搜索【中二少年工具箱】，也可通过二维码知乎地址二维码csdn地址二维码头条地址等入口进入，扫码关注。
2024-03-05 23:08:02
1236
原创 基于uniapp开发小程序，代码上线发布教程【抖音、微信】
本文介绍基于uniapp开发的小程序，在hbuilderx中开发后，如何把代码上传到抖音，发布小程序。虽然最近才开始真正开发自己的微信小程序，但是微信小程序的代码发布很久之前就做过了，也没留下什么记录，所以微信小程序的代码发布过程就没办法详细介绍。最近正好想把代码同步发布到抖音平台，所以就以抖音为例，帮大家踩踩坑，写一篇uniapp开发的小程序如何发布到抖音的教程。微信小程序发布过程，可以以此参考。虽然还有一些兼容问题需要解决，但是至此，终于算是从无到有地走通了uniapp代码上传到抖音开放平台。
2024-02-29 22:58:06
1899
原创 vue3基础教程（1）——nodejs环境搭建
本系列文章由浅入深，从基础知识到实战开发，非常适合入门同学。HTML基础css基础js基础当然，即使从未接触过前端代码的小白，也能轻松学习本系列课程，因为我会在文章中简略穿插前端基础知识。由于各平台对专栏文章的支持度不同，所以如果您看到这篇文章的平台，系统学习专栏文章的操作不够丝滑，可以先关注小程序，后续小程序会开发专栏博客功能。如果上面二维码被禁，可以通过二维码知乎地址二维码csdn地址等入口进入，扫码关注。如果只关注学习vue3的同学，可以不需要过多了解node版本管理工具。
2024-02-29 16:24:06
1327
原创 vue专栏总纲
本系列文章由浅入深，从基础知识到实战开发，非常适合入门同学。HTML基础css基础js基础当然，即使从未接触过前端代码的小白，也能轻松学习本系列课程，因为我会在文章中简略穿插前端基础知识。由于各平台对专栏文章的支持度不同，所以如果您看到这篇文章的平台，系统学习专栏文章的操作不够丝滑，可以先关注小程序，后续小程序会开发专栏博客功能。如果上面二维码被禁，可以通过二维码知乎地址二维码csdn地址等入口进入，扫码关注。
2024-02-28 16:55:04
185
原创 【亚马逊云科技】通过Amazon CloudFront（CDN）快速访问资源
前面有篇文章我们介绍了AWS的云存储服务。云存储服务主要用于托管资源，而本篇文章要介绍的CDN则是一种对托管资源的快速访问服务，用于加速静态资源的加载速度。AWS的Amazon CloudFront即是一种内容分发网络 (CDN) 服务，旨在获得优异性能、安全性和开发人员便利性。CloudFront 通过全球数据中心（称作边缘站点）网络分发内容。当最终用户请求您用 CloudFront 提供的内容时，请求将以最低的延迟被路由至离最终用户最近的边缘站点。
2024-02-28 10:23:03
1537
原创 es6模块化导入导出与commonjs模块化（nodejs导入导出）详解——导入import
前面文章已经讲解es6模块化和commonjs模块化的导出语法，博主一贯作风都是只讲干货，不抄文档，前端同学去看看，绝对会有感触。当然讲干货意味着加入了自己的理解，如果有失偏颇，还请各位大佬在不吝指教的同时，又能保持风度。我写的两篇导入导出，只是自己的一些粗浅理解，想要了解模块化的全貌，还是要学习官方文档。这里强烈推荐阮一峰大神的es6入门教程作为参考手册。
2024-02-07 08:17:35
920
原创 es6模块化导入导出与commonjs模块化（nodejs导入导出）详解——导出export
本文主要解释前端两种模块化语法：es6模块化与commonjs模块化，纯前端一般遵循es6模块化，使用import语法导入插件，nodejs遵循commonjs模块化，使用require导入插件。本文虽长，但读完后，正常情况下，足以应付大部分导入导出场景，使用其他人插件再也不用因为导入导出的语法耗费时间。本来打算一篇文章写完的，结果发现不管怎么压缩，都需要很长的篇幅，还是把导入导出分开阐述吧。感觉读完本文有所收获，请搜索博主下一篇关于导入import的讲解。
2024-02-07 08:17:16
999
原创 import xxx from xxx 中存在变量或者import()函数中存在‘@/’报错
import xxx from xxx 中存在变量或者import()函数中存在‘@/’会报错。这两种错误的原因都是因为对import模块化的理解不足。这里需要理解三个知识点：import模块，import函数，vue的@/绝对地址。
2024-02-06 00:51:30
1213
1
原创 vue+vite项目，动态导入静态资源的几种方式
项目中遇到一个场景，页面的标题栏结构基本相同，只是图片需要动态改变，不同类型的页面，进入后，加载不同的图片。遇到问题，查官网。官网不懂，问博主。
2024-02-06 00:47:16
1806
原创 AWS免费套餐——云存储S3详解
不论个人还是企业，日常开发中经常碰到需要将文档、安装包、日志等文件数据存储到服务器的需求。往常最常用的是云服务器，但是仅仅承担文件存储、管理、下载等功能，云服务器成本与收益往往不成正比。云存储服务应运而生。国内大型互联网公司都提供了云存储服务，但是对于一些有海外业务需求的公司，亚马逊云服务才是不二之选。即使是国内一些开发场景，亚马逊云服务也有得天独厚的优势。如果你希望数据上云，通过云存储管理数据、存储数据、容灾备份等，都可以使用亚马逊云存储S3。
2024-01-26 11:47:35
1859
原创 electron使用rollup打包后，运行报错Could not dynamically require……
以后在electron的主进程中引入插件可能还会遇到这个问题，到时候统一使用这种方式排除模块即可。node版本管理可视化工具马上就要完成了，有兴趣的小伙伴可以提前关注一波。
2024-01-20 11:13:46
861
原创 vue2+webpack升级vue3+vite，报错Cannot read properties of null (reading ‘isCE‘)
vue2+webpack升级vue3+vite，修改插件兼容性bug前面的文章主要是介绍，在升级初始阶段遇到的一些显而易见的兼容性问题和bug。随着项目迭代的不断深入，一些不容易暴露的问题也渐渐呈现。本文主要记录一些开发重构过程中的bug。
2024-01-17 10:59:57
1634
2
原创 electron自定义窗口和右键菜单样式
通过前面系列文章我们可以了解到，窗口是通过实例化BrowserWindow对象创建的，实例化时会传入一些窗口的参数。要实现窗口自定义，就必须把窗口默认样式都屏蔽。参数含义很好理解，窗体透明无边框，参数详解请查询官网。把系统自带的窗体样式去掉后，我们会得到一个只有主体的窗口，这个主体就是前端（vue）渲染的窗口，我们可以通过控制它，来实现任何样式的窗口。
2024-01-09 20:39:06
1809
原创 如何使用rollup打包编译electron主进程代码
如果跟着本系列文章一路学习，到现在应该已经可以使用electron+vue开发项目。但是这样开发的项目，打包后electron主进程部分是以源码的形式存在的，这样有利于前期的技术研究，梳理清楚打包后各文件的关系等等。但是，真正的项目中，这样的代码太容易被人拿去抄袭。所以需要借助rollup+terser，对源码进行压缩混淆等操作。不过这些开源工具压缩后的代码，也只是增加了逆向的复杂度，如果需要更安全的代码保护，请借助专业付费的安全软件。码云地址。
2023-12-11 14:27:13
992
原创 iview form组件，当formItem嵌套使用时，formData会是多层结构的json数据，导致async-validator验证插件失效
在项目中遇到个多层的json数据渲染到页面中，第一层渲染成卡片，第二层渲染成列表，第三层才真正渲染成input标签的场景。这种多层form数据的场景，无法在form标签中定义:rules变量来实现表单验证。最终实现的效果如图：第一个卡片两条数据之间的验证互不影响，第一个卡片和第二个卡片之间互不影响，而所有卡片都由一个form渲染，这样有利于直接生成一个formData。这段代码要在项目中删了，所以简单记录下，免得后面忘了。
2023-10-30 17:56:48
549
中二少年开发的工具软件
2024-02-02
爱心源码vue3版（可定制颜色）
2022-12-16
windows环境下nvm1.1.10版本
2022-11-07
electron插件：electron-v20.1.1-win32-zip下载
2022-09-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人