草庐IT

electron-vite

全部标签

关于Electron框架应用的安全测试

Electron框架应用的安全测试0.Electron相关简介electron.js是一个运行时框架,它在设计之初就结合了当今最好的Web技术,核心是使用HTML、CSS、JavaScript构建跨平台的桌面应用。作为一个跨平台的“集成框架”,它能轻松和多平台兼容。而所谓的“集成框架”也就是它将“Chromium”和“Node.js”很好的集成,并明确分工。Electron负责硬件部分,“Chromium”和“Node.js”负责界面与逻辑,共同构成了成本低廉却高效的解决方案。比如流行的VSCode,WhatsApp,WordPress等应用都是使用了electron框架来构建跨平台开发特点如

关于Electron框架应用的安全测试

Electron框架应用的安全测试0.Electron相关简介electron.js是一个运行时框架,它在设计之初就结合了当今最好的Web技术,核心是使用HTML、CSS、JavaScript构建跨平台的桌面应用。作为一个跨平台的“集成框架”,它能轻松和多平台兼容。而所谓的“集成框架”也就是它将“Chromium”和“Node.js”很好的集成,并明确分工。Electron负责硬件部分,“Chromium”和“Node.js”负责界面与逻辑,共同构成了成本低廉却高效的解决方案。比如流行的VSCode,WhatsApp,WordPress等应用都是使用了electron框架来构建跨平台开发特点如

vite vue3 规范化与Git Hooks

在《JS模块化》系列开篇中,曾提到前端技术的发展不断融入很多后端思想,形成前端的“四个现代化”:工程化、模块化、规范化、流程化。在该系列文章中已详细介绍了模块化的发展及四种模块化规范。本文简单聊聊规范化中的git规范。1规范化在企业级开发中,“一千个读者有一千个哈姆雷特”是很常见的事,每个程序员对技术的理解、视角和掌握程度参差不齐,导致编写的代码五花八门。规范化包括很多,我在企业实践中重点关注两个方面:代码规范和git提交规范。代码规范最基础的是代码格式,不同的代码格式虽然运行起来没有问题,但代码超级难看,代码乱七八糟、一堆warning,虽然不影响运行,但看着太恶心,就像下面的情形:估计是为

vite vue3 规范化与Git Hooks

在《JS模块化》系列开篇中,曾提到前端技术的发展不断融入很多后端思想,形成前端的“四个现代化”:工程化、模块化、规范化、流程化。在该系列文章中已详细介绍了模块化的发展及四种模块化规范。本文简单聊聊规范化中的git规范。1规范化在企业级开发中,“一千个读者有一千个哈姆雷特”是很常见的事,每个程序员对技术的理解、视角和掌握程度参差不齐,导致编写的代码五花八门。规范化包括很多,我在企业实践中重点关注两个方面:代码规范和git提交规范。代码规范最基础的是代码格式,不同的代码格式虽然运行起来没有问题,但代码超级难看,代码乱七八糟、一堆warning,虽然不影响运行,但看着太恶心,就像下面的情形:估计是为

vite-plugin-pages实现路由权限和组件权限

项目基本架构跟 vite实现element-plus按需配置,自定义主题和读取/修改系统主题色 相同。项目地址。目标:在vite-plugin-pages自动读取文件夹配置下,设置前端路由权限和单组件权限。权限模块后台返回数据假设:返回与前端文件夹匹配的路径数据,并包含权限信息。假设,无权限数据为:{"code":200,"data":[{"menu":[{"label":"面板1","key":"index","meta":{"isAdmin":false,"requiresAuth":false}},{"label":"统计分析","key":"index-analysis","meta"

vite-plugin-pages实现路由权限和组件权限

项目基本架构跟 vite实现element-plus按需配置,自定义主题和读取/修改系统主题色 相同。项目地址。目标:在vite-plugin-pages自动读取文件夹配置下,设置前端路由权限和单组件权限。权限模块后台返回数据假设:返回与前端文件夹匹配的路径数据,并包含权限信息。假设,无权限数据为:{"code":200,"data":[{"menu":[{"label":"面板1","key":"index","meta":{"isAdmin":false,"requiresAuth":false}},{"label":"统计分析","key":"index-analysis","meta"

使用unplugin-auto-import自动导入插件优化vite开发vue3应用

为什么要使用unplugin-auto-import插件?   使用vite编写vue3代码时,使用compositionapi函数、VueRouter、pinia状态管理等官方API需要在页面中显式引入。而使用unplugin-auto-import插件可以自动导入这些API,从而提高开发效率,同时使代码更加简洁易读。如:import{ref,reactive,Ref,defineComponent,ComponentPropsOptions}from'vue'import{createRouter,createWebHashHistory,RouteRecordRaw}from'vue-r

使用unplugin-auto-import自动导入插件优化vite开发vue3应用

为什么要使用unplugin-auto-import插件?   使用vite编写vue3代码时,使用compositionapi函数、VueRouter、pinia状态管理等官方API需要在页面中显式引入。而使用unplugin-auto-import插件可以自动导入这些API,从而提高开发效率,同时使代码更加简洁易读。如:import{ref,reactive,Ref,defineComponent,ComponentPropsOptions}from'vue'import{createRouter,createWebHashHistory,RouteRecordRaw}from'vue-r

从0搭建Vue3组件库(五): 如何使用Vite打包组件库

本篇文章将介绍如何使用vite打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts)打包配置vite专门提供了库模式的打包方式,配置其实非常简单,首先全局安装vite以及@vitejs/plugin-vuepnpmaddvite@vitejs/plugin-vue-D-w在components文件下新建vite.config.ts配置文件import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";exportdefaultdefineConfig({build:{//打包后文件目录outDi

从0搭建Vue3组件库(五): 如何使用Vite打包组件库

本篇文章将介绍如何使用vite打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts)打包配置vite专门提供了库模式的打包方式,配置其实非常简单,首先全局安装vite以及@vitejs/plugin-vuepnpmaddvite@vitejs/plugin-vue-D-w在components文件下新建vite.config.ts配置文件import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";exportdefaultdefineConfig({build:{//打包后文件目录outDi