摘要: 对于后台管理框架,经常要用到自定义的 svg 来当做路由的icon图标。 `https://mmf-fe.github.io/svgicon`,这是这款插件的地址。这里总结下在 vue3 + vite 中使用改插件的方式。 #### 安装 ``` yarn add @yzfe/svgicon @yz 阅读全文
posted @ 2023-06-03 18:21 攻城Alone 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 关于 vue3 + vite 开发一个管理后台,并在后台中使用 自定义的 svg 图片左右路由icon #### 安装依赖 * `npm i vite-plugin-svg-icons --D` 或者 * `yarn add vite-plugin-svg-icons --D` 等其它的安装工具 # 阅读全文
posted @ 2023-05-28 20:10 攻城Alone 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 最近看了一本书《你经历了什么》,是一个关于`创伤、疗愈、和复原力的`,更是一本关于`原生家庭`对一个人的影响。`幸运的人,一生都被童年所治愈,不幸的人,一生都在治愈童年。` #### 一、理解世界 * 大脑可以分为四个相互关联的区域:脑干、间脑、边缘系统和大脑皮层。脑干位于最低区域,较为简单,从这一 阅读全文
posted @ 2023-05-10 22:14 攻城Alone 阅读(24) 评论(0) 推荐(0) 编辑
摘要: electron 中的 BrowserWindow api 用来创建浏览器窗口。其中窗口可以自定义,就可以创建透明的浏览器窗口,可以用来共享桌面等等这些操作。 相关的配置 new BrowserWindow({ .... transparent: true, backgroundColor: '#0 阅读全文
posted @ 2022-07-24 10:02 攻城Alone 阅读(2682) 评论(0) 推荐(0) 编辑
摘要: 使用 scss 换肤,之前写过一个版本的换肤方式 SCSS 实现换肤,这里记录下使用 scss 实现换肤的另一种方式。 实现 新建主题色的文件 theme.scss,里边是对应主题的颜色变量 //默认 :root-- { //菜单栏 --menuBg: red; //菜单栏背景 --menuText 阅读全文
posted @ 2022-07-16 08:24 攻城Alone 阅读(451) 评论(0) 推荐(0) 编辑
摘要: 在实际的工作中,我们需要用到很多依赖来帮助我们提高工作的效率,但是也会碰到依赖包里的依赖和我们的需求有一定的出入,甚至可能出现这个依赖插件已经不再更新维护的现象。我们可能需要自己修改。 方法 一: 我们直接自己修改node_modules里的依赖文件,但是重新 npm i 时又会被覆盖,我们还得写个 阅读全文
posted @ 2022-06-27 12:03 攻城Alone 阅读(894) 评论(0) 推荐(0) 编辑
摘要: element 的下拉菜单 Dropdown,在使用的过程除了样式不太好改外,还有个比较头疼的问题,就是下拉框的选项是渲染为 body 的直接子标签的。但是官方文档里找到相关的属性 问题(渲染为 body 的直接子标签) <el-dropdown :hide-on-click="false"> <s 阅读全文
posted @ 2022-06-04 16:12 攻城Alone 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 列表加载数据,对于短列表还好,长列表就不太好了,比如:聊天很频繁的聊天室,需要进行列表优化。使用 虚拟列表 进行优化。这里介绍一个插件的使用(以聊天室为列) 安装 npm install vue-virtual-scroller --save 这是文档:https://gitee.com/MITVI 阅读全文
posted @ 2022-05-12 14:54 攻城Alone 阅读(345) 评论(0) 推荐(0) 编辑
摘要: scss 作为专业级CSS扩展语言,其功能是非常强大的。除了基本的嵌套外,还有 mixin(混合) 这些...... 这里简单的总结下,scss 实现白天和黑夜两种模式的换肤 这是最近做的另一种使用scss换肤的方式 SCSS 实现换肤(二) 安装scss npm install sass-load 阅读全文
posted @ 2022-05-09 11:31 攻城Alone 阅读(766) 评论(0) 推荐(0) 编辑
摘要: 简介 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。一旦创建, 一个worker 可以将消息发送到创建它的JavaScript代码, 通过将消息发布到该代码指定的事件处理程序(反之亦然)。以下面的代码为例: index.html <button id 阅读全文
posted @ 2022-05-05 14:39 攻城Alone 阅读(227) 评论(0) 推荐(0) 编辑