深色elementplus主题vue3

马上就要过年了，看着我这毫无生气的博客，感觉有点亏待它。博客过年，马上安排！ 本篇部分知识基于上两篇博客博客园主题修改分享和博客园主题修改分享 - 脚本篇。 先上效果图 1. 设置全局css变量 主要是通过css3的变量设置，统一博客界面的颜色。 :root { --bg: #f5f7f9; /* ......

script setup - 简介 先来看一看官网关于 <script setup> 的介绍: 要彻底的了解 setup 语法糖，你必须先明确 setup() 这个 组合式API 官网中对于这一api的介绍是—— 在 setup() 函数中返回的对象会暴露给模板和组件实例。其它的选项也可以通过组件实 ......

设计背景 关于个人笔记，每个人有每个的方案，就我而言大致经历了以下几个阶段： 笔记软件，比如 印象笔记，有道笔记 等。 优点：隐私性强，跨终端。 缺点：个人用起来不是很舒服，可定制化程度低。 开放博客，用作技术分享，比如某DN，某CTO，某书等等。 优点：使用方便。 缺点：广告多，可定制化程度低，博 ......

上文搭建了组件库 cli 的基础架子，实现了创建组件时的用户交互，但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数，该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情 ......

主题 2 Shell工具和脚本 Shell 工具和脚本 · the missing semester of your cs education (missing-semester-cn.github.io) Shell脚本 shell 脚本是一种更加复杂度的工具。 定义变量 在bash中为变量赋值的 ......

#vue3+TS 自定义指令：长按触发绑定的函数 偶然间看到一个在vue2中写的长按触发事件的自定义指定，想着能不能把他copy到我的vue3项目中呢。 ##编写自定义指令时遇到的几个难点 ###1.自定义指令的类型 在ts中写任何东西都要考虑到类型的问题，自定义指令的类型问题依然存在 ###2.在 ......

前面的文章分享了组件库的开发、example、组件库文档，本文分享组件库 cli 开发。 1 为什么要开发组件库 cli 回顾一个新组件的完整开发步骤： 1 在 packages 目录下创建组件目录 xxx： 1.1 使用 pnpm 初始化 package.json，修改 name 属性； 1.2 ......

⚡平台简介⚡ AgileBoot是一套开源的全栈精简快速开发平台，毫无保留给个人及企业免费使用。本项目的目标是做一款精简可靠，代码风格优良，项目规范的小型开发脚手架。 适合个人开发者的小型项目或者公司内部项目使用。也可作为供初学者学习使用的模板项目。 前端采用Vue3、Element UI。对应前端 ......

老是碰到初版制作完成没多久，就整一出说什么要更改整个项目的色彩体系。真的是宝宝心里苦啊! 起初都是通过uni项目自带的uni.scss中定义，在替换页面上对应的css。以便于达到一次性修改整体布局的样式。 一.uni.scss 使用方式 在该文件里定义： $名字 ：颜色值； 使用时需要在 style ......

所有生命周期钩子的this上下文都是绑定至实例的。 beforeCreate：在实例初始化之后、进行数据帧听和事件/侦听器的配置之前同步调用。 created：实例创建完成，主要包括数据帧听、计算属性、方法、事件/侦听器，（注意：由于挂在阶段还未开始，因此$el还不可用）。 beforeMount： ......

最近在编写前端界面，硬是一人一周时间加班加点写完了一个项目的前端界面（一级菜单有12个页面+一个控制台大屏，二三级界面有N个），之前预估前端界面的编写需要一个月，我是自己把自己卷死了（没有办法，项目经理说项目要1周写界面，2周发版，我这个项目前端只我1个人，后端有3个人...）.......我只想说 ......

通过主题设置，可以在运行时更改应用的主题外观，比如切换亮色主题和暗黑主题。主题设置并没有新的知识点，基本的原理如下： 定义每个应用主题的ResourceDictionary，每个ResourceDictionary有相同的Key，但值不同。 在根页面App.xaml的资源字典中，引用默认的Resou ......

vue3 正式发布有两年多了，之前也做过一些学习和研究。vue3 发布后给某培训机构开发了一套vue3课程课件，自己也开源了一套基于vue3的后台管理系统（因为个人懒的原因，半年后才上传到gitHub，且到目前为止一直没有更新过）。 附上网址：https://github.com/gegestst1 ......