基于electron+vue+element构建项目模板之【自定义标题栏&右键菜单项篇】_李拜天呀-编程思维

1、概述 开发平台OS:windows 开发平台IDE:vs code 本篇章将介绍自定义标题栏和右键菜单项,基于electron现有版本安全性的建议,此次的改造中主进程和渲染进程彼此语境隔离,通过预加载(preload.js)和进程间通信(ipc)的方式来完成。 2、窗口最大化  一些应用在实际情况中,希望启动的时候就以窗口最大化的方式呈现,BrowserWindow对象提供了窗口最大化的方法

【vue】vue 组件交互(四)_h__d-编程思维

本例介绍Vue 组件交互 1、新建Vue项目   参考:【Vue】Vue 项目搭建(二) 2、引入CSS   index页面引入 bootstrap.css 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="vi

实现响应式网页设计_前端--末晨曦吖-编程思维

@目录为什么需要响应式网页什么是响应式网页如何实现响应式网页1. 设置前置 meta 元素2. 设置了固定宽度的区域3. 使用布局的区域4. 图片5. 字体 为什么需要响应式网页 点击打开视频讲解更加详细 随着网页数量和质量的上升,以及设备种类和数量的增加,不同设备查看不同网页导致的缩放问题、排版问题等一系列前端问题越发明显。 想要解决他们,我们可以为不同类型的设备编写不同样式的代码,做不同版本

从零打造“乞丐版” react(一)——从命令式编程到声明式编程_程序员既明-编程思维

这个系列的目的是通过使用 JS 实现“乞丐版”的 React,让读者了解 React 的基本工作原理,体会 React 带来的构建应用的优势 1 HTML 构建静态页面 使用 HTML 和 CSS,我们很容易可以构建出上图中的页面 <!DOCTYPE html> <html lang="en"> <head> <title>Build

vue3 封装 element plus menu 无限级菜单组件_程序员优雅哥(\/同)-编程思维

本文分别使用 SFC(模板方式)和 tsx 方式对 Element Plus el-menu 组件进行二次封装,实现配置化的菜单,有了配置化的菜单,后续便可以根据路由动态渲染菜单。 1 数据结构定义 1.1 菜单项数据结构 使用 element-plus el-menu 组件实现菜单,主要包括三个组件: el-menu:整个菜单; el-sub-menu:含有子菜单的菜单项; el-sub-me

【面试题】js改变this指向的三种方法_前端--末晨曦吖-编程思维

一、this指向 点击打开视频讲解更加详细 this随处可见,一般谁调用,this就指向谁。this在不同环境下,不同作用下,表现的也不同。 以下几种情况,this都是指向window 1、全局作用下,this指向的是window console.log(window); console.log(this); console.log(window == this); // true 2、函数

[开源]react/vue通用的状态管理框架,不好用你来打我👀_hiisea-编程思维

为了防止被打,有请“燕双鹰”镇楼🕵️‍♀️🕵️‍🕵️‍...o... 话说新冠3年,“状态管理框架”豪杰并起、群雄逐鹿,ReduxToolkit、Mobx、Vuex、Pinia、Dva、Rematch、Recoil、Zustand、Mirror...敢问英雄独钟哪厢? Flux状态管理 笔者也用过很多态管理框架,大部分都是Flux框架的变种,只不过加上了一些自己的糖衣和辅助方法。 📢 只要

基于 vite 创建 vue3 全家桶项目(vite + vue3 + tsx + pinia)_程序员优雅哥(\/同)-编程思维

vite 最近非常火,它是 vue 作者尤大神发布前端构建工具,底层基于 Rollup,无论是启动速度还是热加载速度都非常快。vite 随 vue3 正式版一起发布,刚开始的时候与 vue 绑定在一起,但之后的 v2 版本便比较独立,vite 不仅支持 vue,还支持 React、Preact、Vanilla 等前端库。 由于 vite 出现的时间不是很久,基于 vite 创建的项目没有 vue

【vue笔记】-- 详解vue生命周期_热爱前端的17号诶-编程思维

  针对于Vue的生命周期进行详细的说明,方面加深对各个方法的引用。 引言:   前几天重新回顾vue官网时,看到vue的生命周期,想着自己用vue开发了快一年了,就总结总结vue知识,再次加深自己对vue的理解。 正文:        首先上初始化代码(代码不完整,完整代码在下面的github里),然后在控制台打印并查看结果(console.group()表示该范围内是一个组,方便查看一组

vue 使用中的小技巧 (一)_#白云苍狗-编程思维

在vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧 data 和 Object.freeze 每个Vue实例都会代理其data对象里所有的属性,这些被代理的数据是响应式的,在其数据改变时视图也会随之更新。 在每个vue组件中都有一个data对象,不要把所有数据都放在data中。只把需要做响应式的数据放