随笔分类 - 前端
摘要：remove *\chrome_100_percent.pak: Access is denied. 解决： 管理员权限执行：taskkill /IM 你的进程名.exe /F，再次执行build electron使用better-sqlite3打包后有进程没有界面 原因是代码及依赖包安装有误，模块
阅读全文
摘要：数据传递（旧） 渲染进程发数据到主进程 // 按钮事件 const handleWebRootPathClick = () => { ipcRenderer.send('open_dir') } // main.ts中接收 ipcMain.on('open_dir', () => { console
阅读全文
摘要：创建连接 const { Sequelize } = require('sequelize'); // 第一个参数：连接的数据库名 // 第二个参数：数据库的用户名 // 第三个参数：数据库的密码 const mysql = new Sequelize('mytest', 'root', 'root
阅读全文
摘要：前言 本文主要是学习koa的使用。 基础学习 前置准备 初始化 pnpm init 安装相关包 pnpm install koa koa-router mysql2 新建数据库 USE notes_app; DROP TABLE IF EXISTS `notes_categories`; CREAT
阅读全文
摘要：前言 wangEditor简介 wangEditor 是一款基于 JavaScript 和 jQuery 的开源富文本编辑器，具有简单易用、功能丰富的特点。它提供了一整套的富文本编辑功能，包括文字样式设置、插入图片、插入表格、插入链接、代码块等。wangEditor 支持多种浏览器，适用于 Web
阅读全文
摘要：前言 最近项目中需要用到拓扑图的展示，最开始选用的是antv的拓扑图组件。antv组件虽然此很方便，但是在布局的时候总是会有莫名其妙的bug，然后自己也想法去解决（看前辈经验、官方issue），最后还是不能解决。于是更换了组件库，也就是我们今天的主角：react-flow。 react-flow简介
阅读全文
摘要：前言 最近在学习nextjs中发现，如果在cssModule文件中直接设置子标签的样式比较麻烦，最后在网上看到一种方式可以解决，方式如下。 ps: 此方式不一定最优，因为在我看来此代码耦合性太高了，看着不太舒适，因为我的文件目录是包含有一个css样式，所以想把样式统一在css中，后面找到解决办法再更
阅读全文
摘要：前言 使用 styled-components 库时，你可以使用它的 createGlobalStyle 函数来设置全局样式。下面是一个示例： 安装 styled-components npm install styled-components 导入 createGlobalStyle 在你的代码文
阅读全文
摘要：前言 最近大概浏览别人源码的过程中发现有些操作符我竟然从来没用过。经过查询做个笔记。 操作符 ？ 这个应该很好理解，就是简单的三元操作符 例子： a ? b : c // 表示a true 执行b否则执行c ？？ a ?? b // a为null或undefined才返回b，否则返回a a ?? =
阅读全文
摘要：前言 在做项目过程中，发现需要用checkbox实现radio单选效果。checkbox组件本身不提供，需要自己在onchang事件中自己定义。 实现代码 const [chkSelectIndex, setChkSelectIndex] = useState([1]); const options
阅读全文
摘要：颜色选择器 npm install react-color --save GitHub - casesandberg/react-color: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more 鼠标右键库 rea
阅读全文
摘要：基于Uniapp开发的MIPCMS小程序 介绍 很早就有想法把mipcms官方的小程序改了，结果一直拖到现在。最近有了一点空闲时间，简单改造下mipcms小程序。 软件架构 本软件后台采用mipcms前台采用uniapp，其中涉及的UI框架包含：colorUI, uView UI。本项目是兴趣使然，
阅读全文
摘要：前言 今天在写css的时候，想添加一个css代码块，由于我很少用css只能搜索啦。搜索结果记录一下。 正文 1. 进入vscode -- 点击文件 -- 点击首选项 -- 选择用户代码片段 2. 在弹出框中选择你需要设置的代码类型，我是css所以选择css 3. 取消注释，编写自己的代码块 说明：
阅读全文
摘要：前言 好久都没有用layui了，很多东西又要开始学了，今天在使用layui上传文件的时候需要上传txt文件，但是官方的文档中并没有选择文件是只保留txt格式。 layui txt文件上传代码 //多文件列表示例 var demoListView = $('#demoList'), uploadLis
阅读全文
